@extends('template')

@section('conteudo')
    @php $dataIdeal = $agendamento->data_ideal?->format('d/m/Y'); @endphp

    <nav class="mb-3" style="font-size:0.82rem;"><span class="text-muted" style="cursor:pointer;" onclick="carregarConteudo('/agendamentos')">Agendamentos</span><span class="text-muted mx-1">/</span><span style="color:var(--primary);font-weight:600;">Editar Agendamento</span></nav>
    <div class="d-flex align-items-start justify-content-between mb-4 flex-wrap gap-3"><div class="d-flex align-items-center gap-3"><i class="bi bi-calendar3" style="font-size:2rem;color:var(--primary);"></i><div><h4 class="fw-bold mb-1" style="color:var(--primary);">Editar Agendamento</h4><span class="text-muted" style="font-size:.82rem;">{{ $agendamento->protocolo }} · {{ $agendamento->organizacao?->nome_publico ?: $agendamento->organizacao?->nome_razao_social ?: '-' }}</span></div></div><button type="button" class="btn btn-sm rounded-3 btn-outline-castelo" onclick="carregarConteudo('/agendamentos/{{ $agendamento->id }}')"><i class="bi bi-arrow-left me-1"></i> Voltar</button></div>

    <form id="form-editar-agendamento" novalidate>
        @csrf
        <input type="hidden" name="dados[organizacao_id]" value="{{ $agendamento->organizacao_id }}"><input type="hidden" name="dados[data_operacional_id]" value="{{ $agendamento->data_operacional_id }}"><input type="hidden" name="dados[origem_solicitacao]" value="{{ $agendamento->origem_solicitacao->value }}"><input type="hidden" name="dados[data_ideal]" value="{{ $agendamento->data_ideal?->format('Y-m-d') }}"><input type="hidden" name="dados[modalidade]" value="{{ $agendamento->modalidade->value }}">
        <div class="form-container">
            <div class="form-secao">
                <div class="form-secao-titulo"><i class="bi bi-calendar-event me-2"></i>Dados do Agendamento</div>
                <div class="row g-3">
                    <div class="col-md-4"><label class="form-label fw-semibold" style="font-size:.82rem;">Data ideal</label><input type="text" class="form-control form-control-sm rounded-3" value="{{ $dataIdeal }}" readonly></div>
                    <div class="col-md-4"><label class="form-label fw-semibold" style="font-size:.82rem;">Modalidade</label><input type="text" class="form-control form-control-sm rounded-3 bg-light" value="{{ $agendamento->modalidade->value === 'compartilhada' ? 'Agenda Compartilhada' : 'Agenda Exclusiva' }}" disabled></div>
                    <div class="col-md-4"><label class="form-label fw-semibold" style="font-size:.82rem;">Estado</label><input type="text" class="form-control form-control-sm rounded-3 bg-light" value="{{ $agendamento->estado_individual->label() }}" disabled></div>
                    <div class="col-md-6"><label class="form-label fw-semibold" style="font-size:.82rem;">Alunos estimados <span class="text-danger">*</span></label><input type="number" name="dados[qtd_estimada]" value="{{ $agendamento->qtd_estimada }}" class="form-control form-control-sm rounded-3" min="1" required></div>
                    <div class="col-md-6"><label class="form-label fw-semibold" style="font-size:.82rem;">Acompanhantes</label><input type="number" name="dados[acompanhantes]" value="{{ $agendamento->acompanhantes }}" class="form-control form-control-sm rounded-3" min="0"></div>
                    <div class="col-12"><label class="form-label fw-semibold" style="font-size:.82rem;">Descrição</label><textarea name="dados[descricao]" class="form-control form-control-sm rounded-3" rows="4">{{ $agendamento->descricao }}</textarea></div>
                    <div class="col-12"><label class="form-label fw-semibold" style="font-size:.82rem;">Séries/anos</label><input type="text" name="dados[series_anos][]" value="{{ is_array($agendamento->series_anos) ? implode(', ', $agendamento->series_anos) : '' }}" class="form-control form-control-sm rounded-3"></div>
                </div>
            </div>

            <div class="form-secao">
                <div class="border rounded-3 p-3" style="border-color:#e8edf8 !important;background:#fbfcff;">
                    <div class="text-muted mb-2" style="font-size:.75rem;">Contatos da Organização</div>
                    <div class="table-responsive">
                        <table class="table table-sm align-middle mb-0" style="font-size:.82rem;border-collapse:collapse;">
                            <thead><tr class="text-muted" style="font-size:.72rem;border-bottom:1px solid #e7ebf6;"><th>Nome</th><th>Papel</th><th>Telefone</th><th>E-mail</th></tr></thead>
                            <tbody>
                                @forelse($agendamento->organizacao?->contatos ?? [] as $contato)
                                    <tr><td>{{ $contato->nome }}</td><td>{{ $contato->cargo ?: '-' }}</td><td>{{ $contato->telefone ?: ($contato->celular ?: '-') }}</td><td>{{ $contato->email ?: '-' }}</td></tr>
                                @empty
                                    <tr><td colspan="4" class="text-muted">Nenhum contato cadastrado.</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="form-secao">
                <div class="d-flex align-items-center justify-content-between mb-3"><div class="form-secao-titulo mb-0"><i class="bi bi-person-lines-fill me-2"></i>Contatos do Agendamento</div><button type="button" class="btn btn-sm rounded-3 btn-outline-castelo" onclick="adicionarContatoAgendamento()"><i class="bi bi-plus-circle me-1"></i> Adicionar</button></div>
                <div class="table-responsive" id="contato-agendamento-tabela-wrapper">
                    <table class="table table-hover align-middle mb-0" id="tabelaContatosAgendamento" style="font-size:.855rem;">
                        <thead><tr class="text-muted" style="font-size:.78rem;border-bottom:2px solid #eef1fb;"><th>#</th><th>Nome</th><th>Papel</th><th>Telefone</th><th>E-mail</th><th class="text-center">Principal</th><th class="text-end">Ações</th></tr></thead>
                        <tbody>
                            @forelse($agendamento->contatos as $indice => $contato)
                                <tr><td><span class="contato-agendamento-indice">{{ $indice + 1 }}</span></td><td><input class="form-control form-control-sm rounded-3" name="contatos[{{ $indice }}][nome]" value="{{ $contato->nome }}"></td><td><select class="form-select form-select-sm rounded-3" name="contatos[{{ $indice }}][papel]"><option value="">Selecione...</option><option value="solicitante" {{ $contato->papel === 'solicitante' ? 'selected' : '' }}>Solicitante</option><option value="responsavel" {{ $contato->papel === 'responsavel' ? 'selected' : '' }}>Responsável</option><option value="pagador" {{ $contato->papel === 'pagador' ? 'selected' : '' }}>Pagador</option><option value="contato_principal" {{ $contato->papel === 'contato_principal' ? 'selected' : '' }}>Contato principal</option></select></td><td><input class="form-control form-control-sm rounded-3" name="contatos[{{ $indice }}][telefone]" value="{{ $contato->telefone }}" data-mascara="telefone_fixo" maxlength="16"></td><td><input class="form-control form-control-sm rounded-3" type="email" name="contatos[{{ $indice }}][email]" value="{{ $contato->email }}"></td><td class="text-center"><input type="radio" name="contato_principal_agendamento" {{ $contato->principal ? 'checked' : '' }} onchange="marcarPrincipalAgendamento(this)"><input type="hidden" name="contatos[{{ $indice }}][principal]" value="{{ $contato->principal ? 1 : 0 }}"></td><td class="text-end"><button type="button" class="btn btn-sm border-0 p-1 text-danger" onclick="removerContatoAgendamento(this)" title="Remover contato"><i class="bi bi-trash-fill"></i></button></td></tr>
                            @empty
                                <tr data-placeholder="true"><td><span class="contato-agendamento-indice">1</span></td><td><input class="form-control form-control-sm rounded-3" type="text" placeholder="Nome"></td><td><select class="form-select form-select-sm rounded-3"><option value="">Selecione...</option><option value="solicitante">Solicitante</option><option value="responsavel">Responsável</option><option value="pagador">Pagador</option><option value="contato_principal">Contato principal</option></select></td><td><input class="form-control form-control-sm rounded-3" type="text" placeholder="Telefone" data-mascara="telefone_fixo" maxlength="16"></td><td><input class="form-control form-control-sm rounded-3" type="email" placeholder="E-mail"></td><td class="text-center"><input type="radio" name="contato_principal_agendamento"></td><td class="text-end"><button type="button" class="btn btn-sm border-0 p-1 text-danger" onclick="removerContatoAgendamento(this)" title="É necessário manter uma linha de contato"><i class="bi bi-trash-fill"></i></button></td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="d-flex justify-content-end gap-2"><button type="button" class="btn btn-sm btn-outline-secondary rounded-3" onclick="carregarConteudo('/agendamentos/{{ $agendamento->id }}')">Cancelar</button><button type="button" id="btn-atualizar-agendamento" class="btn btn-sm rounded-3 text-white" style="background:var(--primary);" onclick="submeterForm('/agendamentos/{{ $agendamento->id }}/atualizar', 'form-editar-agendamento', 'btn-atualizar-agendamento')"><i class="bi bi-floppy me-1"></i> Salvar</button></div>
    </form>
    <script src="{{ asset('js/agendamento-contatos.js') }}?v={{ filemtime(public_path('js/agendamento-contatos.js')) }}"></script>
@endsection