@php
$pagamento     = $inscricao->pagamentoCartao ?? $inscricao->pagamentoPix;
$tipoPagamento = $inscricao->pagamentoCartao ? 'cartao' : ($inscricao->pagamentoPix ? 'pix' : null);
@endphp

<div data-inscricao-id="{{ $inscricao->id }}">

    <ul class="nav nav-tabs" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#aba-aluno" type="button" role="tab">Aluno</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" data-bs-toggle="tab" data-bs-target="#aba-responsavel" type="button" role="tab">Responsável</button>
        </li>
        @if($pagamento)
        <li class="nav-item" role="presentation">
            <button class="nav-link" data-bs-toggle="tab" data-bs-target="#aba-pagamento" type="button" role="tab">Pagamento</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" data-bs-toggle="tab" data-bs-target="#aba-contrato" type="button" role="tab">Contrato</button>
        </li>
        @if($tipoPagamento === 'cartao')
        <li class="nav-item" role="presentation">
            <button class="nav-link" data-bs-toggle="tab" data-bs-target="#aba-cancelamento" type="button" role="tab">Cancelamento</button>
        </li>
        @endif
        @endif
    </ul>

    <div class="tab-content pt-4">

        {{-- ABA: ALUNO --}}
        <div class="tab-pane fade show active" id="aba-aluno" role="tabpanel">
            <div class="row g-3">
                <div class="col-12 col-md-9">
                    <label class="form-label text-muted small mb-1">Nome</label>
                    <input type="text" class="form-control" id="aluno_nome"
                        value="{{ $inscricao->aluno->nome ?? '' }}">
                </div>
                <div class="col-12 col-md-3">
                    <label class="form-label text-muted small mb-1">Turma</label>
                    <input type="text" class="form-control" id="aluno_turma"
                        value="{{ $inscricao->aluno->turma ?? '' }}">
                </div>
                <div class="col-12 col-md-4">
                    <label class="form-label text-muted small mb-1">CPF</label>
                    <input type="text" class="form-control" id="aluno_cpf"
                        value="{{ $inscricao->aluno->cpf ?? '' }}">
                </div>
                <div class="col-12 col-md-4">
                    <label class="form-label text-muted small mb-1">RG</label>
                    <input type="text" class="form-control" id="aluno_rg"
                        value="{{ $inscricao->aluno->rg ?? '' }}">
                </div>
                <div class="col-12 col-md-4">
                    <label class="form-label text-muted small mb-1">Data de Nascimento</label>
                    <div class="input-group">
                        <input type="text" class="form-control datepicker" id="aluno_data_nascimento"
                            value="{{ $inscricao->aluno->data_nascimento ? $inscricao->aluno->data_nascimento->format('d/m/Y') : '' }}"
                            style="z-index: 1 !important;" autocomplete="off" data-mask="date" readonly>
                        <span class="input-group-text" data-datepicker-toggle><i class="bi bi-calendar"></i></span>
                    </div>
                </div>
            </div>
        </div>

        {{-- ABA: RESPONSÁVEL --}}
        <div class="tab-pane fade" id="aba-responsavel" role="tabpanel">
            @if($inscricao->responsavel)
            <div class="row g-3">
                <div class="col-12 col-md-8">
                    <label class="form-label text-muted small mb-1">Nome</label>
                    <input type="text" class="form-control" id="responsavel_nome"
                        value="{{ $inscricao->responsavel->nome ?? '' }}">
                </div>
                <div class="col-12 col-md-4">
                    <label class="form-label text-muted small mb-1">Telefone</label>
                    <input type="text" class="form-control" id="responsavel_telefone"
                        value="{{ $inscricao->responsavel->telefone ?? '' }}">
                </div>
                <div class="col-12 col-md-5">
                    <label class="form-label text-muted small mb-1">E-Mail</label>
                    <input type="email" class="form-control" id="responsavel_email"
                        value="{{ $inscricao->responsavel->email ?? '' }}">
                </div>
                <div class="col-12 col-md-4">
                    <label class="form-label text-muted small mb-1">CPF</label>
                    <input type="text" class="form-control" id="responsavel_cpf"
                        value="{{ $inscricao->responsavel->cpf ?? '' }}">
                </div>
                <div class="col-12 col-md-3">
                    <label class="form-label text-muted small mb-1">RG</label>
                    <input type="text" class="form-control" id="responsavel_rg"
                        value="{{ $inscricao->responsavel->rg ?? '' }}">
                </div>
            </div>
            @else
            <p class="text-muted">Nenhum responsável vinculado.</p>
            @endif
        </div>

        @if($pagamento)
        {{-- ABA: PAGAMENTO --}}
        <div class="tab-pane fade" id="aba-pagamento" role="tabpanel">
            <div class="row g-3">
                <div class="col-12 col-md-9">
                    <label class="form-label text-muted small mb-1">Código Pagamento</label>
                    <input type="text" class="form-control bg-light"
                        value="{{ $tipoPagamento === 'cartao' ? ($pagamento->tid ?? '—') : ($pagamento->payment_id ?? '—') }}" readonly>
                </div>
                <div class="col-12 col-md-3">
                    <label class="form-label text-muted small mb-1">Valor</label>
                    <input type="text" class="form-control bg-light"
                        value="{{ number_format($pagamento->valor, 2, ',', '.') }}" readonly>
                </div>
                <div class="col-12 col-md-4">
                    <label class="form-label text-muted small mb-1">Tipo</label>
                    <input type="text" class="form-control bg-light"
                        value="{{ $tipoPagamento === 'cartao' ? 'Cartão' : 'PIX' }}" readonly>
                </div>
                <div class="col-12 col-md-4">
                    <label class="form-label text-muted small mb-1">Parcelas</label>
                    @if($tipoPagamento === 'pix')
                    <select class="form-select bg-light" id="pagamento_parcelas" disabled>
                        <option value="1" selected>À vista</option>
                    </select>
                    @else
                    <select class="form-select" id="pagamento_parcelas">
                        @php $maxParcelas = $ordemServico->qtd_parcelas ?? 12; @endphp
                        @for($i = 1; $i <= $maxParcelas; $i++)
                        <option value="{{ $i }}" {{ (int)$pagamento->parcelas === $i ? 'selected' : '' }}>
                            {{ $i === 1 ? 'À vista' : $i . 'x' }}
                        </option>
                        @endfor
                    </select>
                    @endif
                </div>
                <div class="col-12 col-md-4">
                    <label class="form-label text-muted small mb-1">Status</label>
                    <select class="form-select" id="pagamento_status">
                        <option value="pendente"  {{ $pagamento->status === 'pendente'  ? 'selected' : '' }}>Pendente</option>
                        <option value="pago"      {{ $pagamento->status === 'pago'      ? 'selected' : '' }}>Pago</option>
                        <option value="cancelado" {{ $pagamento->status === 'cancelado' ? 'selected' : '' }}>Cancelado</option>
                    </select>
                </div>
            </div>
        </div>

        {{-- ABA: CONTRATO --}}
        <div class="tab-pane fade" id="aba-contrato" role="tabpanel">
            <div class="row g-3">
                <div class="col-12 col-md-8">
                    <label class="form-label text-muted small mb-1">Código Documento</label>
                    <input type="text" class="form-control bg-light"
                        value="{{ $inscricao->autorizacao->hash_contrato ?? '—' }}" readonly>
                </div>
                <div class="col-12 col-md-4">
                    <label class="form-label text-muted small mb-1">Status</label>
                    <input type="text" class="form-control bg-light"
                        value="{{ $inscricao->autorizacao ? $inscricao->autorizacao->statusLabel() : '—' }}" readonly>
                </div>
                <div class="col-12">
                    <label class="form-label text-muted small mb-1">Link do Documento</label>
                    <input type="text" class="form-control bg-light"
                        value="{{ $inscricao->autorizacao->link_contrato ?? '—' }}" readonly>
                </div>
                <div class="col-12 d-flex gap-2">
                    <button type="button" class="btn btn-primary px-4" disabled
                        title="Integração Autentique em desenvolvimento">
                        <i class="bi bi-send me-1"></i>Reenviar Contrato
                    </button>
                    <button type="button" class="btn btn-success px-4" disabled
                        title="Integração Autentique em desenvolvimento">
                        <i class="bi bi-arrow-repeat me-1"></i>Sincronizar
                    </button>
                </div>
                <div class="col-12">
                    <small class="text-muted fst-italic">
                        <i class="bi bi-info-circle me-1"></i>Integração com Autentique em desenvolvimento.
                    </small>
                </div>
            </div>
        </div>

        @if($tipoPagamento === 'cartao')
        {{-- ABA: CANCELAMENTO --}}
        <div class="tab-pane fade" id="aba-cancelamento" role="tabpanel">
            <div class="row g-3">
                <div class="col-12 col-md-9">
                    <label class="form-label text-muted small mb-1">Código Pagamento</label>
                    <input type="text" class="form-control bg-light"
                        value="{{ $inscricao->pagamentoCartao->tid ?? '—' }}" readonly>
                </div>
                <div class="col-12 col-md-3">
                    <label class="form-label text-muted small mb-1">Valor</label>
                    <input type="text" class="form-control bg-light"
                        value="{{ number_format($inscricao->pagamentoCartao->valor, 2, ',', '.') }}" readonly>
                </div>
                <div class="col-12 col-md-4">
                    <label class="form-label text-muted small mb-1">Status Atual</label>
                    <input type="text" class="form-control bg-light"
                        value="{{ ucfirst($inscricao->pagamentoCartao->status) }}" readonly>
                </div>
                @canUser('Ordem de Serviço', 'editar')
                @if($inscricao->pagamentoCartao->status !== 'cancelado')
                <div class="col-auto d-flex align-items-end">
                    <button type="button" class="btn btn-danger px-4"
                        onclick="confirmarCancelamentoInscricao('{{ route('inscritos.cancelarPagamento', $inscricao->id) }}')">
                        <i class="bi bi-x-circle me-1"></i>Cancelar Inscrição
                    </button>
                </div>
                @else
                <div class="col-auto d-flex align-items-end">
                    <span class="badge bg-danger fs-6 px-3 py-2">Inscrição já cancelada</span>
                </div>
                @endif
                @endcanUser
                <div class="col-12">
                    <small class="text-muted fst-italic">
                        <i class="bi bi-info-circle me-1"></i>O cancelamento via gateway Rede será implementado futuramente.
                    </small>
                </div>
            </div>
        </div>
        @endif
        @endif

    </div>
</div>