@php
$title = 'Visualizar Proposta';
@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(`{{ route('propostas.list') }}`)" 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) }}')">
                        <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) }}')">
                        <i class="bi bi-send me-1"></i>Enviar Proposta
                    </button>
                @endif
                <button type="button" class="btn btn-warning" onclick="carregarConteudo(`{{ route('propostas.edit', $proposta->id) }}`)">
                    <i class="bi bi-pencil-square me-1"></i>Editar
                </button>
            @endcanUser
            @canUser('Propostas', 'criar')
                <button type="button" class="btn btn-info" onclick="clonarProposta({{ $proposta->id }}, '{{ route('propostas.clonar', $proposta->id) }}', '{{ 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(`{{ route('propostas.list') }}`)">
                <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">{{ $proposta->cliente->nome_fantasia ?? 'Não informado' }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-bold mb-1">Coordenador(a)</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º de Alunos Convidados</label>
                    <p class="mb-0">{{ $proposta->numero_alunos ?? 'Não informado' }}</p>
                </div>
                @if(($proposta->status->value ?? $proposta->status) === 'APROVADA' && $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) }}`)">
                                    {{ $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">Roteiros Solicitados</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">Trabalho desenvolvido</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">Roteiro</label>
                    <p class="mb-0">
                        @foreach($proposta->destinos as $propostaDestino)
                            {{ $propostaDestino->destino->nome_fantasia }}{{ !$loop->last ? ', ' : '' }}
                        @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>OBS:</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>OBS:</strong> OS HORÁRIOS ACIMA SÃO APENAS ILUSTRATIVOS E SOMENTE SERÃO DEFINIDOS APÓS O FECHAMENTO DA VIAGEM E DO AGENDAMENTO NOS LOCAIS VISITADOS.
                    ATRASOS NO EMBARQUE DOS ALUNOS PODERÃO COMPROMETER A VISITA DOS LOCAIS AGENDADOS.
                </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>OBS:</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">Nº mín. de alunos</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">Nº máx. de pessoas</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>OBS:</strong> MÁXIMO DE 02 CORTESIAS PARA PROFESSORES POR ÔNIBUS. EM CASO DE MICROÔNIBUS APENAS 01 CORTESIA.
                </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>

                @if($proposta->cortesias)
                    <div class="alert alert-info mb-0" role="alert">
                        <strong>OBS:</strong> CASO O COLÉGIO PRECISE DE MAIS PROFESSORES ACOMPANHANDO O ESTUDO, SERÁ NECESSÁRIO REVER OS VALORES. CONSULTAR A UNIVERSO LÚDICO.
                    </div>
                @endif
            </div>
        </div>
    @endif

    {{-- SEÇÃO 7: 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>Favor atentar a quantidade mínima e máxima de participantes por ônibus;</li>
                    <li>O Colégio deverá informar os conteúdos a serem trabalhados pelos educadores da Universo Lúdico ou monitores locais, 
                        <strong>{{ $proposta->tipo->descricao ? strtolower($proposta->tipo->descricao) . ' dias' : '10 dias' }} antes da data da viagem.</strong> 
                        Vencido esse prazo, serão passados aos alunos informações pertinentes aos locais visitados.
                    </li>
                    <li>O Colégio deverá pagar ou estar na lista de desistência conforme regras mencionadas na 
                        <strong>circular</strong> assinado pelos pais.
                    </li>
                    <li>Não será aceito embarque de alunos que não estiverem com nome, RG e data de nascimento e CPF de todos os alunos e professores participantes 
                        (caso o aluno não tenha CPF - informar o do responsável).
                    </li>
                    <li>Entregar ao coordenador/monitor as <strong>fichas médicas</strong> preenchidas e assinadas pelos pais no embarque dos alunos.</li>
                    <li>A Universo Lúdico segue os procedimentos da Lei Geral de Proteção de Dados Pessoais (Nº 13.709/2018), se responsabilizando o tratamento dos dados.</li>
                    <li><strong>MEDIANTE A LEI 12.974 DE 15 DE MAIO DE 2014,</strong> é 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) }}')">
                        <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>