@extends('layouts.app')

@section('title', 'Grille tarifaire')
@section('heading', 'Grille tarifaire')
@section('subheading', $year ? "Année {$year->name}" : '')

@section('content')
    <div class="mb-3 d-flex gap-2 flex-wrap">
        <a href="{{ route('settings.index') }}" class="btn btn-sm btn-outline-secondary">
            <i class="bi bi-arrow-left me-1"></i>Paramètres
        </a>

        @if ($year)
            <form method="GET" class="d-flex align-items-center gap-2 ms-auto">
                <label for="annee" class="small text-secondary mb-0">Année</label>
                <select id="annee" name="annee" class="form-select form-select-sm"
                        style="width: auto;" onchange="this.form.submit()">
                    @foreach ($years as $option)
                        <option value="{{ $option->id }}" @selected($year->id === $option->id)>
                            {{ $option->name }}@if ($option->is_current) (courante) @endif
                        </option>
                    @endforeach
                </select>
            </form>
        @endif
    </div>

    @if (! $year)
        <div class="alert alert-warning">
            <i class="bi bi-exclamation-triangle me-2"></i>
            Aucune année scolaire. Créez-en une avant de fixer des tarifs.
        </div>
    @else
        {{-- Cas réel : l'école inscrit en septembre et fixe ses tarifs ensuite.
             Ces élèves n'ont aucun échéancier tant qu'on ne le génère pas. --}}
        @if ($missingFees > 0)
            <div class="alert alert-warning d-flex justify-content-between align-items-center flex-wrap gap-2">
                <div class="d-flex gap-2">
                    <i class="bi bi-exclamation-triangle"></i>
                    <div>
                        <strong>{{ $missingFees }} élève(s) sans aucun frais.</strong>
                        Ils ont été inscrits avant que les tarifs ne soient fixés : aucun
                        échéancier, aucun solde, invisibles du recouvrement.
                    </div>
                </div>
                <form method="POST" action="{{ route('settings.fees.generate') }}"
                      data-confirm="Générer les frais pour {{ $missingFees }} élève(s) selon la grille actuelle ?">
                    @csrf
                    <input type="hidden" name="academic_year_id" value="{{ $year->id }}">
                    <button type="submit" class="btn btn-sm btn-warning">
                        <i class="bi bi-magic me-1"></i>Générer les frais manquants
                    </button>
                </form>
            </div>
        @endif

        <ul class="nav nav-tabs mb-3" role="tablist">
            <li class="nav-item">
                <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#pane-tarifs" type="button">
                    <i class="bi bi-tags me-1"></i>Tarifs par niveau
                </button>
            </li>
            <li class="nav-item">
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#pane-types" type="button">
                    <i class="bi bi-list-ul me-1"></i>Types de frais
                </button>
            </li>
            <li class="nav-item">
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#pane-echeances" type="button">
                    <i class="bi bi-calendar-check me-1"></i>Échéancier
                    <span class="badge text-bg-light">{{ $installments->count() }}</span>
                </button>
            </li>
        </ul>

        <div class="tab-content">
            {{-- ------------------------------------------------ Tarifs --}}
            <div class="tab-pane fade show active" id="pane-tarifs" role="tabpanel">
                @if ($levels->isEmpty())
                    <div class="alert alert-warning">
                        <i class="bi bi-exclamation-triangle me-2"></i>
                        Aucune classe ouverte cette année : il n'y a pas de niveau à tarifer.
                    </div>
                @else
                    {{-- POST + @method('PUT') : un formulaire HTML ne connaît que
                         GET et POST, `method="PUT"` retomberait silencieusement
                         sur GET et perdrait toute la grille. --}}
                    <form method="POST" action="{{ route('settings.fees.pricing') }}" id="form-tarifs">
                        @csrf
                        @method('PUT')
                        <input type="hidden" name="academic_year_id" value="{{ $year->id }}">

                        <div class="card">
                            <div class="card-header bg-white d-flex justify-content-between align-items-center flex-wrap gap-2">
                                <span class="fw-semibold">Montants par niveau</span>
                                <div class="d-flex align-items-center gap-2">
                                    <label for="currency" class="small text-secondary mb-0">Devise</label>
                                    <select id="currency" name="currency" class="form-select form-select-sm"
                                            style="width: auto;">
                                        <option value="HTG" @selected($structures->first()?->currency !== 'USD')>HTG</option>
                                        <option value="USD" @selected($structures->first()?->currency === 'USD')>USD</option>
                                    </select>
                                    <button type="submit" class="btn btn-sm btn-primary">
                                        <i class="bi bi-check-lg me-1"></i>Enregistrer
                                    </button>
                                </div>
                            </div>

                            <div class="table-responsive">
                                <table class="table table-sm align-middle mb-0" id="grille-tarifs">
                                    <thead>
                                        <tr>
                                            <th style="min-width: 12rem;">Type de frais</th>
                                            <th class="text-center" style="min-width: 8rem;">
                                                Tous niveaux
                                                <div class="fw-normal text-secondary" style="font-size: .75rem;">
                                                    par défaut
                                                </div>
                                            </th>
                                            @foreach ($levels as $level)
                                                <th class="text-center" style="min-width: 7rem;">
                                                    {{ $level->shortLabel() }}
                                                </th>
                                            @endforeach
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($feeTypes as $type)
                                            {{-- Attributs plutôt que lecture du texte de la
                                                 cellule : le total se casserait au premier
                                                 changement de libellé. --}}
                                            <tr @class(['table-light' => ! $type->is_active])
                                                data-recurrent="{{ $type->isRecurring() ? '1' : '0' }}"
                                                data-obligatoire="{{ $type->is_mandatory ? '1' : '0' }}">
                                                <td>
                                                    <span class="fw-semibold">{{ $type->name }}</span>
                                                    @unless ($type->is_active)
                                                        <span class="badge text-bg-secondary">Inactif</span>
                                                    @endunless
                                                    <div class="small text-secondary">
                                                        {{ $type->isRecurring()
                                                            ? 'Réparti sur les échéances'
                                                            : 'Une seule fois' }}
                                                        @unless ($type->is_mandatory) · facultatif @endunless
                                                    </div>
                                                </td>

                                                @foreach (array_merge(['*'], $levels->map(fn ($l) => $l->value)->all()) as $key)
                                                    @php $structure = $structures->get("{$type->id}|{$key}"); @endphp
                                                    <td>
                                                        <input type="number" step="0.01" min="0"
                                                               class="form-control form-control-sm text-end montant"
                                                               name="amounts[{{ $type->id }}|{{ $key }}]"
                                                               value="{{ $structure?->amount !== null ? rtrim(rtrim(number_format($structure->amount, 2, '.', ''), '0'), '.') : '' }}"
                                                               placeholder="—"
                                                               aria-label="{{ $type->name }} — {{ $key === '*' ? 'tous niveaux' : $key }}">
                                                    </td>
                                                @endforeach
                                            </tr>
                                        @endforeach
                                    </tbody>
                                    <tfoot class="table-light">
                                        <tr>
                                            <th>
                                                Coût annuel facturé
                                                <div class="fw-normal text-secondary" style="font-size: .75rem;">
                                                    frais obligatoires seulement
                                                </div>
                                            </th>
                                            <th class="text-end" data-total="*" data-echeances="{{ $installments->count() }}">—</th>
                                            @foreach ($levels as $level)
                                                {{-- Chaque niveau voit les échéances de SA section :
                                                     10 mensualités ici, 3 versements là. --}}
                                                <th class="text-end" data-total="{{ $level->value }}"
                                                    data-echeances="{{ $installmentCounts[$level->value] }}">
                                                    —
                                                </th>
                                            @endforeach
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>

                            <div class="card-footer bg-white small text-secondary">
                                <i class="bi bi-info-circle me-1"></i>
                                Une case vide signifie « non applicable ». Un tarif défini pour un
                                niveau <strong>prime</strong> sur celui de la colonne « tous niveaux ».
                                Pour les frais répartis, le coût annuel multiplie le montant par le
                                nombre d'échéances de la section du niveau
                                ({{ $installmentCounts->map(fn ($n, $lvl) => "$lvl : $n")->implode(', ') }}).
                            </div>
                        </div>
                    </form>

                    <div class="alert alert-light border small mt-3 d-flex gap-2">
                        <i class="bi bi-shield-check text-primary"></i>
                        <div>
                            Modifier un tarif <strong>n'affecte pas les élèves déjà inscrits</strong> :
                            leurs frais sont figés au moment de l'inscription, et des paiements y
                            sont peut-être déjà imputés. Les nouveaux tarifs s'appliquent aux
                            inscriptions suivantes.
                        </div>
                    </div>
                @endif
            </div>

            {{-- ------------------------------------------- Types de frais --}}
            <div class="tab-pane fade" id="pane-types" role="tabpanel">
                <div class="row g-3">
                    <div class="col-lg-8">
                        <div class="card">
                            <div class="card-header bg-white fw-semibold">
                                {{ $feeTypes->count() }} type(s) de frais
                            </div>
                            <div class="table-responsive">
                                <table class="table table-hover align-middle mb-0">
                                    <thead>
                                        <tr>
                                            <th>Nom</th>
                                            <th>Code</th>
                                            <th>Récurrence</th>
                                            <th>Obligatoire</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($feeTypes as $type)
                                            <tr @class(['text-secondary' => ! $type->is_active])>
                                                <td>
                                                    <span class="fw-semibold">{{ $type->name }}</span>
                                                    @unless ($type->is_active)
                                                        <span class="badge text-bg-secondary ms-1">Inactif</span>
                                                    @endunless
                                                </td>
                                                <td class="text-matricule">{{ $type->code }}</td>
                                                <td class="small">
                                                    {{ match ($type->recurrence) {
                                                        'once' => 'Une seule fois',
                                                        'monthly' => 'Par échéance',
                                                        'termly' => 'Par trimestre',
                                                        'yearly' => 'Annuel',
                                                        default => $type->recurrence,
                                                    } }}
                                                </td>
                                                <td>
                                                    @if ($type->is_mandatory)
                                                        <i class="bi bi-check-circle text-success"></i>
                                                    @else
                                                        <span class="small text-secondary">Facultatif</span>
                                                    @endif
                                                </td>
                                                <td class="text-end">
                                                    <div class="btn-group btn-group-sm">
                                                        <button type="button" class="btn btn-outline-secondary"
                                                                data-bs-toggle="modal"
                                                                data-bs-target="#type-{{ $type->id }}">
                                                            <i class="bi bi-pencil"></i>
                                                        </button>
                                                        <form method="POST"
                                                              action="{{ route('settings.fees.types.toggle', $type) }}">
                                                            @csrf
                                                            <button type="submit"
                                                                    class="btn btn-outline-{{ $type->is_active ? 'warning' : 'success' }}">
                                                                <i class="bi bi-{{ $type->is_active ? 'eye-slash' : 'eye' }}"></i>
                                                            </button>
                                                        </form>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="card-footer bg-white small text-secondary">
                                <i class="bi bi-info-circle me-1"></i>
                                Un type de frais ne se supprime jamais : des lignes de frais et des
                                imputations de paiement y font référence.
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="card">
                            <div class="card-header bg-white fw-semibold">
                                <i class="bi bi-plus-lg me-2"></i>Nouveau type
                            </div>
                            <div class="card-body">
                                <form method="POST" action="{{ route('settings.fees.types.store') }}" novalidate>
                                    @csrf
                                    @include('settings.fees.type-form', ['type' => null])
                                    <button type="submit" class="btn btn-primary w-100 mt-3">
                                        <i class="bi bi-check-lg me-1"></i>Créer
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- ----------------------------------------------- Échéancier --}}
            <div class="tab-pane fade" id="pane-echeances" role="tabpanel">
                <div class="row g-3">
                    <div class="col-lg-8">
                        {{-- Groupées par section : c'est la méthode de paiement
                             de chaque section qu'on lit ici — 10 mensualités au
                             fondamental, 3 versements au secondaire. Les échéances
                             communes s'appliquent à tout le monde. --}}
                        @php
                            $groups = $installments->groupBy(fn ($i) => $i->section?->value ?? '*');
                            $order = array_merge(['*'], $sections->map(fn ($s) => $s->value)->all());
                        @endphp

                        <div class="card">
                            <div class="card-header bg-white fw-semibold">
                                {{ $installments->count() }} échéance(s)
                                <span class="fw-normal small text-secondary ms-2">
                                    @foreach ($sections as $section)
                                        {{ $section->label() }} :
                                        {{ ($groups->get('*')?->count() ?? 0) + ($groups->get($section->value)?->count() ?? 0) }}{{ ! $loop->last ? ' ·' : '' }}
                                    @endforeach
                                </span>
                            </div>
                            <div class="table-responsive">
                                <table class="table table-hover align-middle mb-0">
                                    <thead>
                                        <tr>
                                            <th style="width: 3rem;">N°</th>
                                            <th>Libellé</th>
                                            <th>Date d'échéance</th>
                                            <th class="text-end">Frais générés</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($order as $key)
                                            @continue(! $groups->has($key))
                                            <tr class="table-light">
                                                <th colspan="5" class="small text-uppercase text-secondary">
                                                    <i class="bi bi-{{ $key === '*' ? 'people' : 'diagram-3' }} me-1"></i>
                                                    {{ $key === '*' ? 'Toutes sections' : $key }}
                                                    <span class="fw-normal text-lowercase">— {{ $groups[$key]->count() }} échéance(s)</span>
                                                </th>
                                            </tr>
                                        @foreach ($groups[$key] as $installment)
                                            <tr>
                                                <td class="text-secondary small">{{ $installment->sequence }}</td>
                                                <td>
                                                    <form method="POST" class="d-flex gap-1"
                                                          action="{{ route('settings.fees.installments.update', $installment) }}">
                                                        @csrf
                                                        @method('PATCH')
                                                        <input type="text" name="name" class="form-control form-control-sm"
                                                               value="{{ $installment->name }}" required
                                                               aria-label="Libellé de l'échéance">
                                                        <input type="date" name="due_date" class="form-control form-control-sm"
                                                               value="{{ $installment->due_date->toDateString() }}" required
                                                               style="width: 10rem;" aria-label="Date d'échéance">
                                                        <button type="submit" class="btn btn-sm btn-outline-primary"
                                                                title="Enregistrer">
                                                            <i class="bi bi-check-lg"></i>
                                                        </button>
                                                    </form>
                                                </td>
                                                <td class="small text-secondary">
                                                    {{ $installment->due_date->translatedFormat('j F Y') }}
                                                    @if ($installment->isOverdue())
                                                        <span class="badge text-bg-light">échue</span>
                                                    @endif
                                                </td>
                                                <td class="text-end">
                                                    <span class="badge text-bg-light">
                                                        {{ $installment->studentFees()->count() }}
                                                    </span>
                                                </td>
                                                <td class="text-end">
                                                    <form method="POST"
                                                          action="{{ route('settings.fees.installments.destroy', $installment) }}"
                                                          data-confirm="Supprimer « {{ $installment->name }} » ?">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" class="btn btn-sm btn-outline-danger">
                                                            <i class="bi bi-trash"></i>
                                                        </button>
                                                    </form>
                                                </td>
                                            </tr>
                                        @endforeach
                                        @endforeach
                                        @if ($installments->isEmpty())
                                            <tr>
                                                <td colspan="5" class="text-center text-secondary py-4">
                                                    Aucune échéance : les frais récurrents ne pourront pas
                                                    être répartis.
                                                </td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                            <div class="card-footer bg-white small text-secondary">
                                <i class="bi bi-info-circle me-1"></i>
                                Modifier une date la répercute sur les échéanciers déjà générés.
                                Une échéance ayant déjà produit des frais ne peut plus être
                                supprimée — des paiements y sont peut-être imputés.
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="card">
                            <div class="card-header bg-white fw-semibold">
                                <i class="bi bi-plus-lg me-2"></i>Nouvelle échéance
                            </div>
                            <div class="card-body">
                                <form method="POST" action="{{ route('settings.fees.installments.store') }}" novalidate>
                                    @csrf
                                    <input type="hidden" name="academic_year_id" value="{{ $year->id }}">

                                    <div class="mb-3">
                                        <label for="inst-section" class="form-label">Section</label>
                                        <select id="inst-section" name="section" class="form-select">
                                            <option value="">Toutes sections</option>
                                            @foreach ($sections as $section)
                                                <option value="{{ $section->value }}" @selected(old('section') === $section->value)>
                                                    {{ $section->label() }}
                                                </option>
                                            @endforeach
                                        </select>
                                        <div class="form-text">
                                            C'est ici que se règle la méthode de paiement : des mensualités
                                            pour une section, quelques versements pour l'autre.
                                        </div>
                                    </div>

                                    <div class="mb-3">
                                        <label for="inst-name" class="form-label">Libellé <span class="text-danger">*</span></label>
                                        <input id="inst-name" name="name" type="text" class="form-control"
                                               placeholder="Versement d'octobre" required>
                                    </div>

                                    <div class="mb-3">
                                        <label for="inst-date" class="form-label">Date d'échéance <span class="text-danger">*</span></label>
                                        <input id="inst-date" name="due_date" type="date" class="form-control" required>
                                    </div>

                                    <button type="submit" class="btn btn-primary w-100">
                                        <i class="bi bi-check-lg me-1"></i>Ajouter
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Modales de modification des types --}}
        @foreach ($feeTypes as $type)
            <div class="modal fade" id="type-{{ $type->id }}" tabindex="-1" aria-hidden="true">
                <div class="modal-dialog">
                    <form method="POST" action="{{ route('settings.fees.types.update', $type) }}"
                          class="modal-content" novalidate>
                        @csrf
                        @method('PATCH')
                        <div class="modal-header">
                            <h2 class="modal-title h6">Modifier « {{ $type->name }} »</h2>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
                        </div>
                        <div class="modal-body">
                            @include('settings.fees.type-form', ['type' => $type])
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Annuler</button>
                            <button type="submit" class="btn btn-primary">Enregistrer</button>
                        </div>
                    </form>
                </div>
            </div>
        @endforeach

        <script>
            // Coût annuel par niveau, recalculé en direct. C'est le chiffre que
            // la direction annonce aux familles : il doit être visible pendant
            // la saisie, pas découvert sur la première facture.
            (() => {
                const grille = document.getElementById('grille-tarifs');
                if (! grille) return;

                const lignes = [...grille.querySelectorAll('tbody tr')];
                const totaux = [...grille.querySelectorAll('tfoot [data-total]')];

                function recalculer() {
                    totaux.forEach((cellule) => {
                        const niveau = cellule.dataset.total;
                        // Nombre d'échéances propre au niveau : dépend de sa section.
                        const echeances = Math.max(parseInt(cellule.dataset.echeances || '0', 10), 1);
                        let somme = 0;

                        lignes.forEach((ligne) => {
                            // Un frais facultatif n'est pas généré à l'inscription :
                            // l'inclure annoncerait aux familles un montant qui ne
                            // leur sera pas facturé.
                            if (ligne.dataset.obligatoire !== '1') return;

                            // Le tarif du niveau prime sur celui de « tous niveaux ».
                            const propre = ligne.querySelector(`[name$="|${niveau}]"]`);
                            const global = ligne.querySelector('[name$="|*]"]');
                            const valeur = parseFloat(propre?.value || '') ||
                                (niveau === '*' ? 0 : parseFloat(global?.value || '')) || 0;

                            somme += ligne.dataset.recurrent === '1' ? valeur * echeances : valeur;
                        });

                        cellule.textContent = somme > 0
                            ? somme.toLocaleString('fr-FR', { minimumFractionDigits: 2 })
                            : '—';
                    });
                }

                grille.addEventListener('input', (event) => {
                    if (event.target.classList.contains('montant')) recalculer();
                });

                recalculer();
            })();
        </script>
    @endif
@endsection