@php
$title = 'Visualizar Proposta';
    $propostasReturnUrl = $returnUrl ?? route('propostas.list');
@endphp

<div>
    <nav aria-label="breadcrumb" class="mb-2" style="margin-top: 10px;">
        <ol class="breadcrumb bg-transparent px-0 py-1 mb-1" style="font-size: 0.98rem;">
            <li class="breadcrumb-item"><a href="/" class="text-decoration-none text-secondary">Início</a></li>
            <li class="breadcrumb-item"><a href="#" onclick="carregarConteudo(`{{ $propostasReturnUrl }}`)" class="text-decoration-none text-secondary">Propostas</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">Visualizar Proposta</li>
        </ol>
    </nav>
    
    {{-- Cabeçalho --}}
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="fw-bold mb-1" style="font-size:1.8rem;">
                Proposta número {{ $proposta->codigo ?? 'N/A' }}
            </h1>
        </div>
        <div>
            @canUser('Propostas', 'editar')
                @if($proposta->status->value === 'ENVIADA')
                    <button type="button" class="btn btn-success" onclick="aprovarProposta({{ $proposta->id }}, '{{ route('propostas.aprovar', $proposta->id) }}', '{{ $propostasReturnUrl }}')">
                        <i class="bi bi-check-circle me-1"></i>Aprovar
                    </button>
                    <button type="button" class="btn btn-danger" onclick="abrirModalReprovar()">
                        <i class="bi bi-x-circle me-1"></i>Rejeitar
                    </button>
                @elseif($proposta->status->value === 'EM_ANDAMENTO')
                    <button type="button" id="btnEnviarProposta" class="btn btn-info" onclick="enviarProposta(this, {{ $proposta->id }}, '{{ route('propostas.enviar', $proposta->id) }}', '{{ $propostasReturnUrl }}')">
                        <i class="bi bi-send me-1"></i>Enviar Proposta
                    </button>
                @endif
                @if(($proposta->status->value ?? $proposta->status) !== 'CANCELADA')
                <button type="button" class="btn btn-warning" onclick="carregarConteudo(`{{ route('propostas.edit', $proposta->id) }}?return_url={{ urlencode($propostasReturnUrl) }}`)">
                    <i class="bi bi-pencil-square me-1"></i>Editar
                </button>
                @endif
            @endcanUser
            @canUser('Propostas', 'criar')
                <button type="button" class="btn btn-info" onclick="clonarProposta({{ $proposta->id }}, '{{ route('propostas.clonar', $proposta->id) }}?return_url={{ urlencode($propostasReturnUrl) }}', '{{ csrf_token() }}')" title="Clonar Proposta">
                    <i class="bi bi-files me-1"></i>Clonar
                </button>
            @endcanUser
            <button type="button" class="btn btn-primary" onclick="carregarConteudoImpressao(`{{ route('propostas.print', $proposta->id) }}`)">
                <i class="bi bi-printer me-1"></i>Imprimir
            </button>
            <button type="button" class="btn btn-secondary" onclick="carregarConteudo(`{{ $propostasReturnUrl }}`)">
                <i class="bi bi-arrow-left me-1"></i>Voltar
            </button>
        </div>
    </div>

    {{-- SEÇÃO 1: DADOS DO COLÉGIO --}}
    <div class="card shadow-sm border-0 mb-4">
        <div class="card-header bg-white border-bottom">
            <h5 class="mb-0 fw-bold text-uppercase">Dados do Colégio</h5>
        </div>
        <div class="card-body">
            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label fw-bold mb-1">Instituição</label>
                    <p class="mb-0">{{ optional($proposta->cliente)->nome_fantasia ?? 'Não informado' }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-bold mb-1">Responsável pelo contato</label>
                    <p class="mb-0">{{ $proposta->coordenador->nome ?? 'Não informado' }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-bold mb-1">Telefone</label>
                    <p class="mb-0">{{ $proposta->coordenador->celular ?? 'Não informado' }}</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <label class="form-label fw-bold mb-1">Turmas convidadas</label>
                    <p class="mb-0">{{ $proposta->turmas ?? 'Não informado' }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-bold mb-1">Número de alunos convidados</label>
                    <p class="mb-0">{{ $proposta->numero_alunos ?? 'Não informado' }}</p>
                </div>
                @if($proposta->ordemServico)
                    <div class="col-md-3">
                        <label class="form-label fw-bold mb-1">Ordem de Serviço</label>
                            <div>
                                <a href="#" onclick="carregarConteudo(`{{ route('ordemServicos.show', $proposta->ordemServico->id) }}?return_url={{ urlencode($propostasReturnUrl) }}`)">
                                    {{ $proposta->ordemServico->codigo ?? 'Ordem de Serviço' }}
                            </a>
                        </div>
                    </div>
                @endif                
            </div>
        </div>
    </div>

    {{-- SEÇÃO 2: ROTEIROS SOLICITADOS --}}
    <div class="card shadow-sm border-0 mb-4">
        <div class="card-header bg-white border-bottom">
            <h5 class="mb-0 fw-bold text-uppercase">Dados do Roteiro</h5>
        </div>
        <div class="card-body">
            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label fw-bold mb-1">Data Agendada</label>
                    <p class="mb-0">{{ $proposta->data_agendada_formatada }}</p>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-bold mb-1">Condução das atividades da viagem</label>
                    <p class="mb-0">{{ $proposta->tipo->descricao ?? 'Não informado' }}</p>
                </div>
            </div>
            
            <div class="row">
                <div class="col-12">
                    <label class="form-label fw-bold mb-2">Territórios do roteiro</label>
                    <p class="mb-0">
                        @foreach($proposta->destinos as $propostaDestino)
                            @if($propostaDestino->destino)
                                {{ $propostaDestino->destino->nome_fantasia }}{{ !$loop->last ? ', ' : '' }}
                            @endif
                        @endforeach
                    </p>
                </div>
            </div>

            @if(isset($proposta->observacao_data_agendada) && $proposta->observacao_data_agendada)
                <div class="alert alert-info mt-3 mb-0" role="alert">
                    <strong>Observação:</strong> {{ $proposta->observacao_data_agendada }}
                </div>
            @endif
        </div>
    </div>

    {{-- SEÇÃO 3: CRONOGRAMA ILUSTRADO --}}
    @if($proposta->cronogramas && $proposta->cronogramas->count() > 0)
        <div class="card shadow-sm border-0 mb-4">
            <div class="card-header bg-white border-bottom">
                <h5 class="mb-0 fw-bold text-uppercase">Cronograma Ilustrado</h5>
            </div>
            <div class="card-body">
                @foreach($proposta->cronogramas as $cronograma)
                    <div class="mb-4">
                        <h6 class="fw-bold mb-3">{{ $cronograma->titulo }}</h6>
                        
                        @if($cronograma->atividades && $cronograma->atividades->count() > 0)
                            <div class="table-responsive">
                                <table class="table table-bordered table-sm">
                                    <tbody>
                                        @foreach($cronograma->atividades as $atividade)
                                            <tr>
                                                <td style="width: 80px;" class="fw-bold">{{ substr($atividade->horario, 0, 5) }}</td>
                                                <td>{{ $atividade->descricao }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @endif
                    </div>
                @endforeach

                <div class="alert alert-info mt-3 mb-0" role="alert">
                    <strong>Observação:</strong> Os horários apresentados são estimativas operacionais e poderão ser ajustados após a confirmação do grupo e o agendamento oficial com os locais visitados. Atrasos no embarque dos alunos poderão comprometer a execução do cronograma, podendo gerar ajustes na sequência das atividades e/ou redução do tempo previsto em visitas agendadas.
                </div>
            </div>
        </div>
    @endif

    {{-- SEÇÃO 4: ALIMENTAÇÃO --}}
    <div class="card shadow-sm border-0 mb-4">
        <div class="card-header bg-white border-bottom">
            <h5 class="mb-0 fw-bold text-uppercase">Alimentação</h5>
        </div>
        <div class="card-body">
            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label fw-bold mb-1">Sugestão de Local</label>
                    <p class="mb-0">{{ $proposta->sugestao_local ?? 'Conforme cronograma apresentado - Os alunos podem levar lanche para a ida e volta da viagem' }}</p>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-bold mb-1">Alimentação Inclusa</label>
                    <p class="mb-0">{{ $proposta->incluso_alimentacao ? 'Sim' : 'Não' }}</p>
                </div>
            </div>

            <div class="alert alert-info mb-0" role="alert">
                <strong>Observação:</strong> Caso a alimentação não esteja inclusa, os alunos deverão levar dinheiro.
            </div>
        </div>
    </div>

    {{-- SEÇÃO 5: TRANSPORTE --}}
    @if($proposta->transporte)
        <div class="card shadow-sm border-0 mb-4">
            <div class="card-header bg-white border-bottom">
                <h5 class="mb-0 fw-bold text-uppercase">Transporte</h5>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-md-4">
                        <label class="form-label fw-bold mb-1">Transporte Oferecido</label>
                        <p class="mb-0">{{ $proposta->transporte->tipoVeiculo->nome ?? 'Não informado' }}</p>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold mb-1">Mínimo para manutenção do valor</label>
                        <p class="mb-0">{{ $proposta->transporte->numero_minimo_alunos ?? 'Não informado' }}</p>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold mb-1">Capacidade do veículo</label>
                        <p class="mb-0">{{ $proposta->transporte->numero_maximo_pessoas ?? 'Não informado' }}</p>
                    </div>
                </div>

                <div class="alert alert-info mb-0" role="alert">
                    <strong>Acompanhamento docente:</strong> A proposta contempla cortesia para até 2 professores acompanhantes por ônibus. Em caso de micro-ônibus, a cortesia será limitada a 1 professor acompanhante. Caso o colégio solicite a participação de professores adicionais, os valores deverão ser recalculados pela Universo Lúdico.
                </div>
            </div>
        </div>
    @endif

    {{-- SEÇÃO 6: INCLUSO NA VIAGEM --}}
    @if($proposta->inclusos && $proposta->inclusos->count() > 0)
        <div class="card shadow-sm border-0 mb-4">
            <div class="card-header bg-white border-bottom">
                <h5 class="mb-0 fw-bold text-uppercase">Incluso na Viagem</h5>
            </div>
            <div class="card-body">
                <ul class="mb-3" style="padding-left: 20px;">
                    @foreach($proposta->inclusos as $incluso)
                        <li class="mb-1">{{ $incluso->descricao }}</li>
                    @endforeach
                </ul>

            </div>
        </div>
    @endif

    {{-- SEÇÃO 7: NÃO INCLUSO NA VIAGEM --}}
    @if($proposta->naoInclusos && $proposta->naoInclusos->count() > 0)
        <div class="card shadow-sm border-0 mb-4">
            <div class="card-header bg-white border-bottom">
                <h5 class="mb-0 fw-bold text-uppercase">Despesas previstas não incluídas no pacote da viagem</h5>
            </div>
            <div class="card-body">
                <ul class="mb-3" style="padding-left: 20px;">
                    @foreach($proposta->naoInclusos as $naoIncluso)
                        <li class="mb-1">{{ $naoIncluso->descricao }}</li>
                    @endforeach
                </ul>

                <div class="alert alert-info mb-0" role="alert">
                    <strong>Observação:</strong> Quando houver itens ou despesas não incluídos no pacote da viagem, o colégio será orientado previamente sobre o momento previsto no roteiro, o formato recomendado de pagamento e uma estimativa de valor por aluno.
                </div>
            </div>
        </div>
    @endif

    {{-- SEÇÃO 8: INVESTIMENTO POR ALUNO --}}
    <div class="card shadow-sm border-0 mb-4">
        <div class="card-header bg-white border-bottom">
            <h5 class="mb-0 fw-bold text-uppercase">Investimento por Aluno</h5>
        </div>
        <div class="card-body">
            @if($proposta->investimentos && $proposta->investimentos->count() > 0)
                <h4 class="text-primary mb-3">
                    R$ {{ number_format($proposta->investimentos->first()->valor ?? 0, 2, ',', '.') }}
                </h4>
                
                <p class="mb-3">
                    {{ $proposta->investimentos->first()->descricao ?? '' }}
                </p>
            @endif

            @if($proposta->condicoes_pagamento)
                <div class="mb-3">
                    <label class="form-label fw-bold mb-1">Condições de Pagamento</label>
                    <p class="mb-0">{{ $proposta->condicoes_pagamento }}</p>
                </div>
            @endif

            <div class="alert alert-warning mb-0" role="alert">
                <div class="mb-2">
                    <strong>INFORMAÇÕES IMPORTANTES</strong>
                </div>
                <ul class="mb-0" style="padding-left: 20px;">
                    <li><strong>Prazos e conteúdos pedagógicos:</strong> O Colégio deverá informar à Universo Lúdico, até 10 dias antes da data de embarque, os conteúdos específicos que deseja trabalhar durante a viagem. Caso esse direcionamento não seja enviado no prazo, os educadores aplicarão um roteiro-base alinhado aos locais visitados e à proposta geral do estudo.
                    </li>
                    <li><strong>Lista de participantes e embarque:</strong> A Universo Lúdico enviará ao colégio, antes da viagem, as orientações para preenchimento ou validação da lista de participantes, com os dados necessários à organização do embarque, do seguro viagem e dos procedimentos de acompanhamento.
                    </li>
                    <li><strong>Lista de participantes e embarque:</strong> Não será aceito o embarque de alunos que não constem na lista final validada pelo colégio, com nome, RG e data de nascimento compatíveis com os dados informados na inscrição pelo site da Universo Lúdico e na lista de passageiros da empresa de transporte.
                    </li>
                    <li><strong>Fichas médicas:</strong> As fichas médicas dos alunos deverão ser preenchidas pelos responsáveis conforme orientação enviada pela Universo Lúdico, em formato físico ou digital, antes da viagem ou no momento do embarque, conforme o procedimento definido para cada roteiro.</li>
                    <li><strong>Condições comerciais e desistência:</strong> O Colégio deverá considerar, para fins de cobrança, o número de alunos informado na lista final de embarque. Em caso de desistência, eventuais devoluções seguirão as regras estabelecidas na circular assinada pelos responsáveis.</li>
                    <li><strong>Dados pessoais e LGPD:</strong> A Universo Lúdico realiza o tratamento dos dados pessoais necessários à organização da viagem, como nome, documento, data de nascimento e informações de saúde fornecidas pelas famílias, em conformidade com a Lei Geral de Proteção de Dados Pessoais (Lei nº 13.709/2018).</li>
                    <li><strong>Regularidade da operação:</strong> Nos termos da Lei nº 12.974, de 15 de maio de 2014, é privativo das agências de turismo o exercício da atividade de organização de programas e serviços relativos a viagens educacionais ou culturais.</li>
                </ul>
            </div>
        </div>
    </div>

    {{-- Modal de Reprovação --}}
    <div class="modal fade" id="modalReprovar" tabindex="-1" aria-labelledby="modalReprovarLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-danger text-white">
                    <h5 class="modal-title" id="modalReprovarLabel">
                        <i class="bi bi-x-circle me-2"></i>Reprovar Proposta
                    </h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Fechar"></button>
                </div>
                <div class="modal-body">
                    <p class="mb-3">Tem certeza que deseja reprovar esta proposta?</p>
                    <div class="mb-3">
                        <label for="motivo_reprovacao" class="form-label fw-bold">Motivo da Reprovação:</label>
                        <textarea 
                            class="form-control" 
                            id="motivo_reprovacao" 
                            rows="4" 
                            placeholder="Descreva o motivo da reprovação..."
                        ></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                        <i class="bi bi-x me-1"></i>Cancelar
                    </button>
                    <button type="button" class="btn btn-danger" onclick="reprovarProposta({{ $proposta->id }}, '{{ route('propostas.reprovar', $proposta->id) }}', '{{ $propostasReturnUrl }}')">
                        <i class="bi bi-check me-1"></i>Confirmar Reprovação
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('js/propostas-aprovacao.js') }}"></script>
<script src="{{ asset('js/propostas-list.js') }}?v={{ time() }}"></script>