@php
$title = 'Inscritos — ' . ($ordemServico->codigo_viagem ?? '');
@endphp

<div>
    {{-- Breadcrumb --}}
    <nav aria-label="breadcrumb" class="mb-2 mt-2">
        <ol class="breadcrumb bg-transparent px-0 py-1 mb-1">
            <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('ordemServicos.list') }}`)" class="text-decoration-none text-secondary">Ordens de Serviço</a>
            </li>
            <li class="breadcrumb-item active text-dark" aria-current="page">Inscritos</li>
        </ol>
    </nav>

    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="fw-bold mb-0">
                <i class="bi bi-people-fill me-2 text-primary"></i>Inscritos
            </h1>
            <span class="text-muted small">Alunos inscritos na ordem de serviço</span>
        </div>
        <div>
            <button type="button" class="btn btn-outline-secondary" onclick="carregarConteudo(`{{ route('ordemServicos.list') }}`)">
                <i class="bi bi-arrow-left me-1"></i>Voltar
            </button>
        </div>
    </div>

    {{-- Cabeçalho com dados da OS --}}
    <div class="row g-3 mb-4">
        <div class="col-12 col-md-7">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-body">
                    <div class="mb-2 d-flex align-items-center gap-2">
                        <span class="badge bg-primary fw-normal fs-6">{{ $ordemServico->codigo }}</span>
                        <span class="badge bg-success fw-normal fs-6">{{ $ordemServico->codigo_viagem }}</span>
                    </div>
                    <h5 class="fw-bold mb-2">
                        @if($ordemServico->proposta->destinos && $ordemServico->proposta->destinos->count() > 0)
                            {{ $ordemServico->proposta->destinos->map(function($pd) { return $pd->destino->nome_fantasia ?? $pd->destino->razao_social; })->implode(', ') }}
                        @else
                            —
                        @endif
                    </h5>
                    <p class="mb-1">
                    <p class="mb-1">
                        <span class="text-muted small">Saída: </span>
                        <span class="fw-semibold">{{ $ordemServico->proposta->data_agendada_formatada ?? '—' }}</span>
                    </p>
                    <p class="mb-1">
                        <span class="text-muted small">Cliente: </span>
                        <span class="fw-semibold">{{ $ordemServico->proposta->cliente->nome_fantasia ?? '—' }}</span>
                    </p>
                    <p class="mb-0">
                        <span class="text-muted small">Turmas: </span>
                        <span class="fw-semibold">{{ $ordemServico->proposta->turmas ?? '—' }}</span>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-5">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-body d-flex justify-content-between align-items-start gap-3">
                    <div>
                        <p class="mb-2">
                            <span class="text-muted small">Valor por Aluno: </span>
                            <span class="fw-bold fs-5 text-primary">
                                @if($ordemServico->valor_contrato)
                                    R$ {{ number_format($ordemServico->valor_contrato, 2, ',', '.') }}
                                @else
                                    —
                                @endif
                            </span>
                        </p>
                        <p class="mb-2">
                            <span class="text-muted small">Total Recebido: </span>
                            <span class="fw-bold fs-5 text-success">{{ $totalRecebido }}</span>
                        </p>
                        <p class="mb-0">
                            <span class="text-muted small">Total de Inscritos: </span>
                            <span class="fw-semibold">{{ $inscritos->total() }}</span>
                        </p>
                    </div>
                    <div class="d-flex flex-column align-items-end gap-2 flex-shrink-0">
                        @php $semInscritos = $inscritos->total() == 0; @endphp
                        @canUser('Ordem de Serviço', 'visualizar')
                        <a href="{{ $semInscritos ? '#' : route('inscritos.exportarConvenio', $ordemServico->id) }}"
                            class="btn btn-sm fw-semibold {{ $semInscritos ? 'disabled' : '' }}"
                            style="background-color: #ff6700; color: #fff; min-width: 160px;"
                            @if($semInscritos) aria-disabled="true" @else onclick="iniciarDownload(this, 'Convênio / Transp.', this.href); return false;" @endif>
                            Convênio / Transp.
                        </a>
                        <a href="{{ $semInscritos ? '#' : route('inscritos.exportarFichaMedica', $ordemServico->id) }}"
                            class="btn btn-sm fw-semibold {{ $semInscritos ? 'disabled' : '' }}"
                            style="background-color: #ff6700; color: #fff; min-width: 160px;"
                            @if($semInscritos) aria-disabled="true" @else onclick="iniciarDownload(this, 'Ficha Médica', this.href); return false;" @endif>
                            Ficha Médica
                        </a>
                        @endcanUser
                        <a href="{{ $semInscritos ? '#' : route('inscritos.exportarAutorizacoes', $ordemServico->id) }}"
                            class="btn btn-sm fw-semibold {{ $semInscritos ? 'disabled' : '' }}"
                            style="background-color: #0b3390; color: #fff; min-width: 160px;"
                            @if($semInscritos) aria-disabled="true" @else onclick="iniciarDownload(this, 'Autoriz. / Viagem', this.href); return false;" @endif>
                            Autoriz. / Viagem
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="card shadow border-0">
        <div class="card-body">
            <div class="filter-section mb-4">
                <div class="row">
                    <div class="col-md-9 mb-2" style="position: relative;">
                        <div class="input-group">
                            <span class="input-group-text"><i class="bi bi-search"></i></span>
                            <input type="text"
                                class="form-control"
                                id="busca-inscrito"
                                oninput="filtrarInscritos(this.value)"
                                placeholder="Buscar aluno..."
                                autocomplete="off">
                        </div>
                    </div>
                </div>
            </div>
            <div class="table-responsive">
                <table class="table table-hover table-fixed-column" id="tabelaInscritos">
                    <thead>
                        <tr>
                            <th>Código</th>
                            <th>Nome do Aluno</th>
                            <th>Status</th>
                            <th class="text-center">Autorização</th>
                            <th>Valor</th>
                            <th>Pagamento</th>
                            <th class="text-center">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($inscritos as $inscricao)
                        <tr>
                            <td>{{ $inscricao->aluno->id ?? '-' }}</td>
                            <td>{{ $inscricao->aluno->nome ?? '—' }}</td>
                            <td>
                                <span class="badge {{ $inscricao->statusBadgeClass() }} fw-normal">
                                    {{ $inscricao->statusLabel() }}
                                </span>
                            </td>
                            <td class="text-center">
                                @if($inscricao->autorizacao)
                                    <span class="badge {{ $inscricao->autorizacao->statusBadgeClass() }} fw-normal">
                                        {{ $inscricao->autorizacao->statusLabel() }}
                                    </span>
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                            <td>R$ {{ number_format($inscricao->valor_total, 2, ',', '.') }}</td>
                            <td>{{ $inscricao->status === 'pendente' ? '-' : ($inscricao->metodoPagamento() ?? '-') }}</td>
                            <td class="text-center">
                                @if($inscricao->autorizacao && $inscricao->autorizacao->link_contrato && $inscricao->autorizacao->status === 'assinado')
                                <a href="{{ $inscricao->autorizacao->link_contrato }}" target="_blank"
                                    class="btn btn-link p-0 me-1 align-baseline text-danger" title="Ver documento">
                                    <i class="bi bi-file-earmark-pdf icon-action"></i>
                                </a>
                                @else
                                <button type="button" class="btn btn-link p-0 me-1 align-baseline text-muted" title="Sem documento" disabled>
                                    <i class="bi bi-file-earmark-pdf icon-action"></i>
                                </button>
                                @endif
                                @canUser('Ordem de Serviço', 'editar')
                                <button type="button"
                                    class="btn btn-link p-0 me-1 align-baseline text-warning"
                                    title="Editar Inscrição"
                                    onclick="showLoading(); abrirDialog('{{ route('inscritos.editar', $inscricao->id) }}', 'Atualizar Inscrição', 'modal-lg', &quot;salvarInscricao('{{ route('inscritos.atualizar', $inscricao->id) }}')&quot;)"
                                >
                                    <i class="bi bi-pencil-square icon-action edit"></i>
                                </button>
                                @endcanUser
                                <button type="button" class="btn btn-link p-0 align-baseline text-danger" title="Excluir">
                                    <i class="bi bi-trash icon-action delete"></i>
                                </button>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="7" class="text-center py-4">
                                <div class="empty-state">
                                    <i class="bi bi-people display-4 text-muted mb-3"></i>
                                    <h4 class="text-muted">Nenhum inscrito encontrado</h4>
                                    <p class="text-muted mb-0">Nenhum aluno está inscrito nesta ordem de serviço.</p>
                                </div>
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <x-pagination :items="$inscritos" :baseUrl="route('inscritos.show', $ordemServico->id)" />
        </div>
    </div>
</div>