@php
$title = 'Detalhes do Destino';
@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('destinos.list') }}`)" class="text-decoration-none text-secondary">Destinos</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">Visualizar Destino</li>
        </ol>
    </nav>
    
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="fw-bold mb-0" style="font-size:2.1rem; letter-spacing:1px;">
                <i class="bi bi-geo-alt me-2 text-primary"></i>{{ $destino->nome_fantasia }}
            </h1>
            <span class="text-muted small">Detalhes do destino</span>
        </div>
        <div>
            @canUser('Destinos', 'editar')
            <button type="button" class="btn btn-sm btn-outline-secondary me-2" onclick="carregarConteudo(`{{ route('destinos.edit', $destino->id ?? 0) }}`)">
                <i class="bi bi-pencil me-2"></i>Editar
            </button>
            @endcanUser
            <button type="button" class="btn btn-sm btn-outline-primary" onclick="carregarConteudo(`{{ route('destinos.list') }}`)">
                <i class="bi bi-arrow-left me-2"></i>Voltar
            </button>
        </div>
    </div>

    <!-- Dados Básicos -->
    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-bottom pb-2">
            <span class="fw-bold"><i class="bi bi-info-circle me-2 text-primary"></i>Dados Básicos</span>
        </div>
        <div class="card-body">
            <div class="row mb-3">
                <div class="col-md-3">
                    <label class="form-label fw-bold">Código:</label>
                    <p class="form-control-plaintext">{{ $destino->codigo ?? '-' }}</p>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-bold">Razão Social:</label>
                    <p class="form-control-plaintext">{{ $destino->razao_social ?? '-' }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-bold">Status:</label>
                    <p class="form-control-plaintext">
                        @if(isset($destino->status))
                            <span class="badge bg-{{ $destino->status == 'ATIVO' ? 'success' : 'secondary' }}">
                                {{ $destino->status == 'ATIVO' ? 'Ativo' : 'Inativo' }}
                            </span>
                        @else
                            <span class="badge bg-secondary">Não informado</span>
                        @endif
                    </p>
                </div>
            </div>
            
            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label fw-bold">Nome Fantasia:</label>
                    <p class="form-control-plaintext">{{ $destino->nome_fantasia ?? '-' }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-bold">CNPJ:</label>
                    <p class="form-control-plaintext">{{ isset($destino->cnpj) ? \App\Helpers\FormatHelper::formatCnpj($destino->cnpj) : '-' }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-bold">Data de Criação:</label>
                    <p class="form-control-plaintext">
                        {{ isset($destino->data_criacao) ? \Carbon\Carbon::parse($destino->data_criacao)->format('d/m/Y') : '-' }}
                    </p>
                </div>
            </div>
            
            <div class="row mb-3">
                <div class="col-md-3">
                    <label class="form-label fw-bold">Tipo:</label>
                    <p class="form-control-plaintext">
                        @if($destino->tipoFornecedor)
                            <span class="badge bg-info">{{ $destino->tipoFornecedor->nome }}</span>
                        @else
                            Não informado
                        @endif
                    </p>
                </div>
                <div class="col-md-5">
                    <label class="form-label fw-bold">E-mail:</label>
                    <p class="form-control-plaintext">{{ $destino->email ?? '-' }}</p>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-bold">Telefone:</label>
                    <p class="form-control-plaintext">{{ isset($destino->telefone) ? \App\Helpers\FormatHelper::formatTelefone($destino->telefone) : '-' }}</p>
                </div>
            </div>

            @if(isset($destino->observacoes) && $destino->observacoes)
            <hr class="my-4">
            <h6 class="fw-bold mb-3">Observações</h6>
            <div class="row">
                <div class="col-12">
                    <p class="form-control-plaintext">{{ $destino->observacoes }}</p>
                </div>
            </div>
            @endif
        </div>
    </div>

    <!-- Endereço -->
    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-bottom pb-2">
            <span class="fw-bold"><i class="bi bi-geo-alt me-2 text-primary"></i>Endereço</span>
        </div>
        <div class="card-body">
            <div class="row mb-3">
                <div class="col-md-3">
                    <label class="form-label fw-bold">CEP:</label>
                    <p class="form-control-plaintext">{{ isset($destino->cep) ? \App\Helpers\FormatHelper::formatCep($destino->cep) : '-' }}</p>
                </div>
                <div class="col-md-5">
                    <label class="form-label fw-bold">Endereço:</label>
                    <p class="form-control-plaintext">{{ $destino->endereco ?? '-' }}</p>
                </div>
                <div class="col-md-2">
                    <label class="form-label fw-bold">Número:</label>
                    <p class="form-control-plaintext">{{ $destino->numero ?? '-' }}</p>
                </div>
                <div class="col-md-2">
                    <label class="form-label fw-bold">Complemento:</label>
                    <p class="form-control-plaintext">{{ $destino->complemento ?? '-' }}</p>
                </div>
            </div>
            
            <div class="row mb-3">
                <div class="col-md-4">
                    <label class="form-label fw-bold">Bairro:</label>
                    <p class="form-control-plaintext">{{ $destino->bairro ?? '-' }}</p>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-bold">Cidade:</label>
                    <p class="form-control-plaintext">{{ $destino->cidade ?? '-' }}</p>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-bold">Estado:</label>
                    <p class="form-control-plaintext">{{ $destino->estado ?? '-' }}</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Contatos -->
    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-bottom pb-2">
            <span class="fw-bold"><i class="bi bi-people me-2 text-primary"></i>Contatos</span>
            @if($destino->contatos && $destino->contatos->count() > 0)
                <span class="badge bg-primary ms-2">{{ $destino->contatos->count() }}</span>
            @endif
        </div>
        <div class="card-body">
            @if($destino->contatos && $destino->contatos->count() > 0)
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Nome</th>
                                <th>Cargo</th>
                                <th>Telefone</th>
                                <th>Celular</th>
                                <th>E-mail</th>
                                <th>Principal</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($destino->contatos->sortByDesc('principal') as $contato)
                            <tr class="{{ $contato->principal ? 'table-warning' : '' }}">
                                <td class="fw-medium">
                                    {{ $contato->nome }}
                                    @if($contato->principal)
                                        <i class="bi bi-star-fill text-warning ms-1" title="Contato Principal"></i>
                                    @endif
                                </td>
                                <td>{{ $contato->cargo ?? '-' }}</td>
                                <td>{{ $contato->telefone ?? '-' }}</td>
                                <td>{{ $contato->celular ?? '-' }}</td>
                                <td>{{ $contato->email ?? '-' }}</td>
                                <td class="text-center">
                                    @if($contato->principal)
                                        <span class="badge bg-warning">Principal</span>
                                    @else
                                        <span class="text-muted">-</span>
                                    @endif
                                </td>
                                <td>
                                    <span class="badge bg-{{ $contato->status == 'ATIVO' ? 'success' : 'secondary' }}">
                                        {{ $contato->status == 'ATIVO' ? 'Ativo' : 'Inativo' }}
                                    </span>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <p class="text-muted mb-0">Nenhum contato cadastrado para este destino.</p>
            @endif
        </div>
    </div>

    <!-- Pacotes -->
    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-bottom pb-2">
            <span class="fw-bold"><i class="bi bi-egg-fried me-2 text-primary"></i>Pacotes</span>
        </div>
        <div class="card-body">
            @php
                $pacotesAlimentacao = $destino->pacotes_alimentacao ?? [];
                $vigencias = $pacotesAlimentacao['vigencias'] ?? [];
            @endphp

            @if(count($vigencias) > 0)
                @foreach($vigencias as $vigenciaIndex => $vigencia)
                    <div class="mb-4 {{ $vigenciaIndex > 0 ? 'pt-4 border-top' : '' }}">
                        <h5 class="fw-bold mb-3 text-primary">
                            <i class="bi bi-calendar-check me-2"></i>Pacotes Disponíveis - {{ $vigencia['ano_vigencia'] ?? 'Sem ano' }}
                        </h5>
                        
                        @php
                            $pacotes = $vigencia['pacotes'] ?? [];
                        @endphp

                        @if(count($pacotes) > 0)
                            <div class="table-responsive mb-3">
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th width="50">#</th>
                                            <th width="23%">Opção</th>
                                            <th width="48%">Descrição</th>
                                            <th width="23%">Valor por Pessoa</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($pacotes as $index => $pacote)
                                        <tr>
                                            <td class="text-center align-middle">
                                                <span class="fw-bold text-muted">{{ $index + 1 }}</span>
                                            </td>
                                            <td>
                                                <span class="badge bg-primary">{{ $pacote['opcao'] ?? $pacote['pacote'] ?? '-' }}</span>
                                            </td>
                                            <td>{{ $pacote['descricao'] ?? '-' }}</td>
                                            <td>
                                                @if(isset($pacote['valor_por_pessoa']))
                                                    <span class="badge bg-success">R$ {{ number_format($pacote['valor_por_pessoa'], 2, ',', '.') }}</span>
                                                @else
                                                    <span class="text-muted">-</span>
                                                @endif
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <p class="text-muted">Nenhum pacote cadastrado para esta vigência.</p>
                        @endif

                        @if(isset($vigencia['informacoes_pagamento']) && !empty($vigencia['informacoes_pagamento']))
                            <div class="mt-3">
                                <label class="form-label fw-bold">
                                    <i class="bi bi-credit-card me-2"></i>Informações para o Pagamento:
                                </label>
                                <div class="p-3 bg-light border rounded">
                                    <div class="mb-0">{!! $vigencia['informacoes_pagamento'] !!}</div>
                                </div>
                            </div>
                        @endif
                    </div>
                @endforeach
            @else
                <p class="text-muted mb-0">Nenhum pacote cadastrado para este destino.</p>
            @endif
        </div>
    </div>

    <!-- Informações do Sistema -->
    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-bottom pb-2">
            <span class="fw-bold"><i class="bi bi-clock-history me-2 text-primary"></i>Informações do Sistema</span>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-3">
                    <label class="form-label fw-bold">Criado em:</label>
                    <p class="form-control-plaintext">{{ $destino->created_at ? $destino->created_at->format('d/m/Y H:i:s') : '-' }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-bold">Atualizado em:</label>
                    <p class="form-control-plaintext">{{ $destino->updated_at ? $destino->updated_at->format('d/m/Y H:i:s') : '-' }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-bold">Criado por:</label>
                    <p class="form-control-plaintext">{{ $destino->usuarioInclusao->name ?? 'Sistema' }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-bold">Alterado por:</label>
                    <p class="form-control-plaintext">{{ $destino->usuarioAlteracao->name ?? 'Não alterado' }}</p>
                </div>
            </div>
        </div>
    </div>
</div>