@php
$title = 'Inscritos — ' . ($ordemServico->codigo_viagem ?? '');
$ordemServicoStatus = $ordemServico->status->value ?? $ordemServico->status;
$propostaStatus = $ordemServico->proposta->status->value ?? $ordemServico->proposta->status;
$viagemCancelada = $ordemServicoStatus === 'CANCELADA'
    && $propostaStatus === 'CANCELADA'
    && (($ordemServico->inscricoes_ativas ?? 0) === 0);
@endphp

<div>
    <input type="hidden" id="inscritos-parent-return-url" value="{{ $contextReturnUrl ?? $ordemServicosReturnUrl ?? route('ordemServicos.list') }}">
    <input type="hidden" id="inscritos-return-url" value="{{ $inscritosReturnUrl ?? request()->getRequestUri() }}">
    <input type="hidden" id="inscritos-fluxo-cancelamento-url" value="{{ route('ordemServicos.fluxoCancelamento', ['ordemServico' => $ordemServico->id]) }}">

    {{-- 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(`{{ $ordemServicosReturnUrl ?? route('ordemServicos.list') }}`)" class="text-decoration-none text-secondary">Ordens de Serviço</a>
            </li>
            <li class="breadcrumb-item">
                <a href="#" onclick="carregarConteudo(`{{ route('ordemServicos.show', ['ordemServico' => $ordemServico->id, 'return_url' => ($contextReturnUrl ?? route('ordemServicos.list'))]) }}`)" class="text-decoration-none text-secondary">Visualizar OS</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 class="d-flex gap-2">
            <button type="button" class="btn btn-outline-primary" onclick="carregarConteudo(`{{ route('inscritos.show', ['osId' => $ordemServico->id, 'parent_return_url' => ($contextReturnUrl ?? route('ordemServicos.list'))]) }}`)">
                <i class="bi bi-arrow-clockwise me-1"></i>Atualizar
            </button>
            <button type="button" class="btn btn-outline-secondary" onclick="carregarConteudo(`{{ $contextReturnUrl ?? $ordemServicosReturnUrl ?? 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 justify-content-between align-items-center gap-2">
                        <div class="d-flex align-items-center gap-2">
                            <a href="#" onclick="carregarConteudo(`{{ route('ordemServicos.show', ['ordemServico' => $ordemServico->id, 'return_url' => ($contextReturnUrl ?? route('ordemServicos.list'))]) }}`)" class="text-decoration-none">
                                <span class="badge bg-primary fw-normal fs-6">{{ $ordemServico->codigo }}</span>
                            </a>
                            <span class="badge bg-success fw-normal fs-6">{{ $ordemServico->codigo_viagem }}</span>
                        </div>
                        @if($viagemCancelada)
                        <span class="badge bg-danger fw-normal fs-6">Viagem cancelada</span>
                        @endif
                    </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 class="flex-grow-1" style="min-width: 0;">
                        <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>

                        @canUser('Ordem de Serviço', 'editar')
                        <div class="form-check mt-3 mb-0">
                            <input
                                class="form-check-input"
                                type="checkbox"
                                id="iniciar-fluxo-cancelamento"
                                {{ $ordemServico->fluxo_cancelamento_ativo ? 'checked' : '' }}
                                {{ $viagemCancelada ? 'disabled' : '' }}
                                onchange="alternarFluxoCancelamentoOrdemServico(this)">
                            <label class="form-check-label fw-semibold" for="iniciar-fluxo-cancelamento">
                                Iniciar fluxo de cancelamento da viagem
                            </label>
                        </div>
                        @endcanUser

                    </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>
                        <a href="{{ $semInscritos ? '#' : route('inscritos.exportarConsentimentoImagem', $ordemServico->id) }}"
                            class="btn btn-sm fw-semibold {{ $semInscritos ? 'disabled' : '' }}"
                            style="background-color: #198754; color: #fff; min-width: 160px;"
                            @if($semInscritos) aria-disabled="true" @else onclick="iniciarDownload(this, 'Uso de Imagem', this.href); return false;" @endif>
                            Uso de Imagem
                        </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
                id="card-fluxo-cancelamento"
                class="alert alert-warning mb-4 w-100 {{ ($ordemServico->fluxo_cancelamento_ativo && !$viagemCancelada) ? '' : 'd-none' }}">
                @if($semInscritos)
                    Não há inscritos nesta viagem. Você já pode seguir diretamente para o cancelamento da Ordem de Serviço.
                @else
                    Para seguir com o cancelamento da viagem, todos os pagamentos devem ser estornados e a Ordem de Serviço deve ser cancelada.
                @endif
            </div>

            <div class="filter-section mb-4">
                    <div class="row g-3 align-items-start mb-3">
                        <div class="col-md-3 mb-2">
                            <select class="form-select" id="filtro-status" onchange="filtrarInscritos('{{ route('inscritos.show', ['osId' => $ordemServico->id]) }}')">
                                <option value="">Status</option>
                                <option value="pendente" {{ ($filtros['status'] ?? '') === 'pendente' ? 'selected' : '' }}>Pendente</option>
                                <option value="pago" {{ ($filtros['status'] ?? '') === 'pago' ? 'selected' : '' }}>Pago</option>
                                <option value="cancelado" {{ ($filtros['status'] ?? '') === 'cancelado' ? 'selected' : '' }}>Cancelado</option>
                                <option value="aguardando_cancelamento" {{ ($filtros['status'] ?? '') === 'aguardando_cancelamento' ? 'selected' : '' }}>Aguardando cancelamento</option>
                            </select>
                        </div>
                        <div class="col-md-9 mb-2" style="position: relative;">
                            <div class="d-flex align-items-center gap-2">
                                <div style="flex:1; position:relative;">
                                    <input type="text"
                                        class="form-control"
                                        id="filtro-aluno"
                                        value="{{ $filtros['nome'] ?? '' }}"
                                        placeholder="Nome do aluno"
                                        autocomplete="off"
                                        data-url="{{ route('inscritos.alunos.buscar', ['osId' => $ordemServico->id]) }}"
                                        data-filtro-url="{{ route('inscritos.show', ['osId' => $ordemServico->id]) }}"
                                        oninput="autoFiltrarAutoCompleteInscritos(this, '{{ route('inscritos.show', ['osId' => $ordemServico->id]) }}')">
                                    <div id="lista-resultados-inscritos-alunos" class="autocomplete-dropdown" style="display:none; position:absolute; z-index:9999; width:100%; background:#fff; border:1px solid #dee2e6; border-radius:0.375rem; box-shadow:0 4px 12px rgba(0,0,0,.1); max-height:240px; overflow-y:auto;"></div>
                                </div>
                                <div id="inscritos-aluno-loading" class="rotas-search-loading">
                                    <div class="rotas-search-spinner"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row g-3 align-items-end">
                        <div class="col-md-3 mb-2">
                            <select class="form-select" id="filtro-contrato" onchange="filtrarInscritos('{{ route('inscritos.show', ['osId' => $ordemServico->id]) }}')">
                                <option value="">Contrato</option>
                                <option value="aguardando_assinatura" {{ ($filtros['contrato'] ?? '') === 'aguardando_assinatura' ? 'selected' : '' }}>Aguardando assinatura</option>
                                <option value="assinado" {{ ($filtros['contrato'] ?? '') === 'assinado' ? 'selected' : '' }}>Assinado</option>
                            </select>
                        </div>
                        <div class="col-md-3 mb-2">
                            <select class="form-select" id="filtro-tipo-pagamento" onchange="filtrarInscritos('{{ route('inscritos.show', ['osId' => $ordemServico->id]) }}')">
                                <option value="">Tipo de pagamento</option>
                                <option value="cartao" {{ ($filtros['tipo_pagamento'] ?? '') === 'cartao' ? 'selected' : '' }}>Cartão</option>
                                <option value="pix" {{ ($filtros['tipo_pagamento'] ?? '') === 'pix' ? 'selected' : '' }}>Pix</option>
                            </select>
                        </div>
                        <div class="col-md-3 mb-2 d-flex align-items-start">
                      <!--  <button type="button" class="btn btn-outline-primary me-2" onclick="filtrarInscritos('{{ route('inscritos.show', ['osId' => $ordemServico->id]) }}')" style="min-width: 110px;">
                                <i class="bi bi-search me-1"></i>Buscar
                            </button> -->
                            <button type="button" class="btn btn-outline-secondary" onclick="limparFiltrosInscritos('{{ route('inscritos.show', ['osId' => $ordemServico->id]) }}')" style="min-width: 110px;">
                                <i class="bi bi-x-circle me-1"></i>Limpar
                            </button>
                        </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">Contrato/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->status !== 'pendente' && $inscricao->autorizacao)
                                    {{ $inscricao->autorizacao->statusLabel() }}
                                @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', ['inscricaoId' => $inscricao->id, 'parent_return_url' => ($contextReturnUrl ?? $ordemServicosReturnUrl ?? route('ordemServicos.list')), 'return_url' => ($inscritosReturnUrl ?? request()->getRequestUri())]) }}', '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
                            </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>