@extends('template')

@section('conteudo')

    {{-- Breadcrumb --}}
    <nav class="mb-3" style="font-size:0.82rem;">
        <span class="text-muted">Inicio</span>
        <span class="text-muted mx-1">/</span>
        <span style="color:var(--primary); font-weight:600;">Inscricoes</span>
    </nav>

    {{-- Cabecalho --}}
    <div class="d-flex align-items-start justify-content-between mb-4">
        <div class="d-flex align-items-center gap-3">
            <i class="bi bi-file-earmark-text-fill" style="font-size:2rem; color:var(--primary);"></i>
            <div>
                <h4 class="fw-bold mb-0" style="color:var(--primary);">Inscricoes</h4>
                <span class="text-muted" style="font-size:0.82rem;">Gerencie as inscricoes de visita</span>
            </div>
        </div>
        <button class="btn btn-sm rounded-3" style="border:1.5px solid var(--primary); color:var(--primary); font-size:0.83rem;"
                onclick="carregarConteudo('/inscricoes/criar')">
            <i class="bi bi-plus-circle me-1"></i> Nova Inscricao
        </button>
    </div>

    {{-- Card principal --}}
    <div class="card border-0 shadow-sm rounded-4">
        <div class="card-body px-4 pt-4 pb-2">

            {{-- Filtros --}}
            <div class="d-flex align-items-center gap-3 mb-4">
                <select id="filtro-status" class="form-select form-select-sm rounded-3" style="max-width:200px;"
                        onchange="_filtrar()">
                    <option value="">Todos os status</option>
                    <option value="rascunho"      {{ ($filtros['status'] ?? '') === 'rascunho'      ? 'selected' : '' }}>Rascunho</option>
                    <option value="em_andamento"  {{ ($filtros['status'] ?? '') === 'em_andamento'  ? 'selected' : '' }}>Em Andamento</option>
                    <option value="enviada"       {{ ($filtros['status'] ?? '') === 'enviada'       ? 'selected' : '' }}>Enviada</option>
                    <option value="agendada"      {{ ($filtros['status'] ?? '') === 'agendada'      ? 'selected' : '' }}>Agendada</option>
                    <option value="aprovada"      {{ ($filtros['status'] ?? '') === 'aprovada'      ? 'selected' : '' }}>Aprovada</option>
                    <option value="cancelada"     {{ ($filtros['status'] ?? '') === 'cancelada'     ? 'selected' : '' }}>Cancelada</option>
                </select>
                <div class="input-group input-group-sm flex-grow-1">
                    <span class="input-group-text bg-white border-end-0 rounded-start-3">
                        <i class="bi bi-search text-muted"></i>
                    </span>
                    <input type="text" id="filtro-busca" class="form-control border-start-0 rounded-end-3"
                           placeholder="Buscar por codigo ou cliente..."
                           value="{{ $filtros['busca'] ?? '' }}"
                           oninput="_filtrarDebounce()">
                </div>
            </div>

            {{-- Tabela --}}
            <table class="table table-hover align-middle mb-0" style="font-size:0.875rem;">
                <thead>
                    <tr class="text-muted" style="font-size:0.8rem; border-bottom:2px solid #eef1fb;">
                        <th class="fw-semibold py-3">Codigo</th>
                        <th class="fw-semibold">Cliente</th>
                        <th class="fw-semibold">Data Visita</th>
                        <th class="fw-semibold">Modalidade</th>
                        <th class="fw-semibold text-center">Alunos</th>
                        <th class="fw-semibold text-end">Valor Total</th>
                        <th class="fw-semibold">Status</th>
                        <th class="fw-semibold text-end">Acoes</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($inscricoes as $ins)
                    <tr>
                        <td>
                            <span class="badge rounded-2 fw-semibold" style="background:var(--primary); font-size:0.72rem;">
                                {{ $ins->codigo }}
                            </span>
                        </td>
                        <td class="fw-medium" style="color:#1a2e5e;">{{ $ins->cliente->nome ?? '-' }}</td>
                        <td class="text-muted">{{ $ins->data_visita?->format('d/m/Y') ?? '-' }}</td>
                        <td class="text-muted" style="font-size:0.82rem;">{{ $ins->modalidade?->label() ?? '-' }}</td>
                        <td class="text-center text-muted">{{ $ins->alunos_pagantes ?? '-' }}</td>
                        <td class="text-end fw-semibold" style="color:#1a2e5e;">
                            @if($ins->valor_total)
                                R$ {{ number_format($ins->valor_total, 2, ',', '.') }}
                            @else
                                -
                            @endif
                        </td>
                        <td>
                            <span class="badge rounded-pill px-3 py-1 fw-semibold"
                                  style="background:{{ $ins->status?->bgCor() ?? '#f5f5f5' }}; color:{{ $ins->status?->cor() ?? '#9e9e9e' }}; font-size:0.75rem;">
                                {{ $ins->status?->label() ?? '-' }}
                            </span>
                        </td>
                        <td class="text-end">
                            <button class="btn btn-sm border-0 p-1" title="Visualizar" style="color:#0d6efd;"
                                    onclick="carregarConteudo('/inscricoes/{{ $ins->id }}')">
                                <i class="bi bi-eye-fill"></i>
                            </button>
                            <button class="btn btn-sm border-0 p-1" title="Editar" style="color:#2e7d32;"
                                    onclick="carregarConteudo('/inscricoes/{{ $ins->id }}/editar')">
                                <i class="bi bi-pencil-fill"></i>
                            </button>
                            <button class="btn btn-sm border-0 p-1" title="Excluir" style="color:#c62828;"
                                    onclick="confirmarExcluirInscricao('/inscricoes/{{ $ins->id }}/excluir', '{{ addslashes($ins->codigo) }}', '/inscricoes')">
                                <i class="bi bi-trash-fill"></i>
                            </button>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="8" class="text-center text-muted py-5">
                            <i class="bi bi-inbox fs-3 d-block mb-2"></i>
                            Nenhuma inscricao encontrada.
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        {{-- Paginacao --}}
        @include('components.ui.paginacao', ['paginator' => $inscricoes, 'id' => 'paginacao-inscricoes'])
    </div>

    <script src="{{ asset('js/inscricoes.js') }}"></script>

@endsection