@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>
        @elseif($tipoPagamento === 'pix')
        <li class="nav-item" role="presentation">
            <button class="nav-link" data-bs-toggle="tab" data-bs-target="#aba-devolucao" type="button" role="tab">Devolução Pix</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"  {{ $inscricao->status === 'pendente'  ? 'selected' : '' }}>Pendente</option>
                        <option value="pago"      {{ $inscricao->status === 'pago'      ? 'selected' : '' }}>Pago</option>
                        <option value="cancelado" {{ $inscricao->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 id="contrato-hash" 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 id="contrato-status-texto" 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 id="contrato-link" type="text" class="form-control bg-light"
                        value="{{ $inscricao->autorizacao->link_contrato ?? '-' }}" readonly>
                </div>
                <div class="col-12 d-flex gap-2">
                    {{-- Reenviar: visível quando já existe contrato (igual legado: display:block/none via statusDocumento) --}}
                    <button type="button" id="btn-reenviar-contrato"
                        class="btn btn-primary"
                        style="{{ $inscricao->autorizacao ? '' : 'display:none' }}"
                        onclick="gerarContrato('{{ route('inscritos.gerarContrato', $inscricao->id) }}')">
                        <i class="bi bi-arrow-clockwise me-1"></i>Reenviar Contrato
                    </button>
                    {{-- Enviar: visível apenas quando não existe contrato --}}
                    <button type="button" id="btn-gerar-contrato"
                        class="btn btn-primary"
                        style="{{ $inscricao->autorizacao ? 'display:none' : '' }}"
                        onclick="gerarContrato('{{ route('inscritos.gerarContrato', $inscricao->id) }}')">
                        <i class="bi bi-send me-1"></i>Enviar Contrato
                    </button>
                    <button type="button" id="btn-sincronizar-contrato"
                        class="btn btn-success"
                        {{ !$inscricao->autorizacao ? 'disabled' : '' }}
                        onclick="sincronizarContrato('{{ route('inscritos.sincronizarContrato', $inscricao->id) }}')">
                        <i class="bi bi-arrow-repeat me-1"></i>Sincronizar
                    </button>
                </div>
            </div>
        </div>

        @if($tipoPagamento === 'pix')
        {{-- ABA: DEVOLUÇÃO PIX --}}
        <div class="tab-pane fade" id="aba-devolucao" role="tabpanel">
            <div class="row g-3">
                <div class="col-12 col-md-9">
                    <label class="form-label text-muted small mb-1">TID Pix</label>
                    <input type="text" class="form-control bg-light"
                        value="{{ $inscricao->pagamentoPix->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($pagamento->valor ?? 0, 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="{{ $inscricao->statusLabel() }}" readonly>
                </div>

                @canUser('Ordem de Serviço', 'editar')
                @if($inscricao->status === 'cancelado')
                <div class="col-auto d-flex align-items-end">
                    <span class="badge bg-danger fs-6 px-3 py-2">Devolução já realizada</span>
                </div>
                @endif
                @endcanUser

                @if($historicoCancelamento && $historicoCancelamento->created_at > $pagamento->created_at)
                <div class="col-12">
                    @php
                        $alertClassPix = match($historicoCancelamento->evento) {
                            'devolucao_aprovada' => 'alert-success',
                            'devolucao_falhou'   => 'alert-danger',
                            default              => 'alert-secondary',
                        };
                        $alertIconPix = match($historicoCancelamento->evento) {
                            'devolucao_aprovada' => 'bi-check-circle',
                            'devolucao_falhou'   => 'bi-x-octagon',
                            default              => 'bi-info-circle',
                        };
                    @endphp
                    <div class="alert {{ $alertClassPix }} d-flex align-items-start gap-2 mb-0" role="alert">
                        <i class="bi {{ $alertIconPix }} flex-shrink-0 mt-1"></i>
                        <div>
                            <strong>{{ $historicoCancelamento->descricao }}</strong>
                            <div class="small text-muted mt-1">
                                {{ $historicoCancelamento->created_at->format('d/m/Y H:i') }}
                            </div>
                        </div>
                    </div>
                </div>
                @endif

                @canUser('Ordem de Serviço', 'editar')
                @if($inscricao->status === 'pago')
                <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-arrow-counterclockwise me-1"></i>Solicitar Devolução Pix
                    </button>
                </div>
                @endif
                @endcanUser
            </div>
        </div>
        @endif

        @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">TID</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($pagamento->valor ?? 0, 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="{{ $inscricao->statusLabel() }}" readonly>
                </div>

                @canUser('Ordem de Serviço', 'editar')
                @if($inscricao->status === 'pago')
                <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 Pagamento
                    </button>
                </div>
                @elseif($inscricao->status === 'aguardando_cancelamento')
                <div class="col-auto d-flex align-items-end">
                    <span class="badge bg-primary fs-6 px-3 py-2">
                        <i class="bi bi-hourglass-split me-1"></i>Cancelamento aguardando confirmação da Rede
                    </span>
                </div>
                @elseif($inscricao->status === 'cancelado')
                <div class="col-auto d-flex align-items-end">
                    <span class="badge bg-danger fs-6 px-3 py-2">Pagamento já cancelado</span>
                </div>
                @endif
                @endcanUser

                @if($historicoCancelamento && $historicoCancelamento->created_at > $pagamento->created_at)
                <div class="col-12">
                    @php
                        $alertClass = match($historicoCancelamento->evento) {
                            'cancelamento_solicitado' => 'alert-info',
                            'cancelamento_aprovado'   => 'alert-success',
                            'cancelamento_negado'     => 'alert-warning',
                            'cancelamento_falhou'     => 'alert-danger',
                            default                   => 'alert-secondary',
                        };
                        $alertIcon = match($historicoCancelamento->evento) {
                            'cancelamento_solicitado' => 'bi-hourglass-split',
                            'cancelamento_aprovado'   => 'bi-check-circle',
                            'cancelamento_negado'     => 'bi-exclamation-triangle',
                            'cancelamento_falhou'     => 'bi-x-octagon',
                            default                   => 'bi-info-circle',
                        };
                    @endphp
                    <div class="alert {{ $alertClass }} d-flex align-items-start gap-2 mb-0" role="alert">
                        <i class="bi {{ $alertIcon }} flex-shrink-0 mt-1"></i>
                        <div>
                            <strong>{{ $historicoCancelamento->descricao }}</strong>
                            <div class="small text-muted mt-1">
                                {{ $historicoCancelamento->created_at->format('d/m/Y H:i') }}
                            </div>
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
        @endif
        @endif

    </div>
</div>