{{-- Champs partagés entre la création et les modales de modification.
     Identifiants suffixés : plusieurs modales coexistent dans la page. --}}
@php $uid = $type?->id ?? 'new'; @endphp

<div class="mb-3">
    <label for="ft-name-{{ $uid }}" class="form-label">Nom <span class="text-danger">*</span></label>
    <input id="ft-name-{{ $uid }}" name="name" type="text" class="form-control"
           value="{{ old('name', $type?->name) }}" required placeholder="Frais de scolarité">
</div>

<div class="row g-2">
    <div class="col-7">
        <label for="ft-cat-{{ $uid }}" class="form-label">Catégorie <span class="text-danger">*</span></label>
        <select id="ft-cat-{{ $uid }}" name="category" class="form-select" required>
            @foreach ([
                'tuition' => 'Scolarité',
                'registration' => 'Inscription',
                're_registration' => 'Réinscription',
                'uniform' => 'Uniforme',
                'books' => 'Livres et fournitures',
                'exam' => 'Examens',
                'cafeteria' => 'Cantine',
                'transport' => 'Transport',
                'activity' => 'Activités',
                'other' => 'Autre',
            ] as $value => $label)
                <option value="{{ $value }}" @selected(old('category', $type?->category) === $value)>
                    {{ $label }}
                </option>
            @endforeach
        </select>
    </div>

    <div class="col-5">
        <label for="ft-code-{{ $uid }}" class="form-label">Code <span class="text-danger">*</span></label>
        <input id="ft-code-{{ $uid }}" name="code" type="text" class="form-control text-matricule"
               value="{{ old('code', $type?->code) }}" required maxlength="20"
               placeholder="SCOLARITE" style="text-transform: uppercase;">
    </div>
</div>

<div class="row g-2 mt-1">
    <div class="col-7">
        <label for="ft-rec-{{ $uid }}" class="form-label">Récurrence <span class="text-danger">*</span></label>
        <select id="ft-rec-{{ $uid }}" name="recurrence" class="form-select" required>
            <option value="once" @selected(old('recurrence', $type?->recurrence ?? 'once') === 'once')>
                Une seule fois
            </option>
            <option value="monthly" @selected(old('recurrence', $type?->recurrence) === 'monthly')>
                Réparti sur les échéances
            </option>
            <option value="termly" @selected(old('recurrence', $type?->recurrence) === 'termly')>
                Par trimestre
            </option>
            <option value="yearly" @selected(old('recurrence', $type?->recurrence) === 'yearly')>
                Annuel
            </option>
        </select>
        {{-- C'est ce réglage qui distingue l'uniforme (une ligne) de la
             scolarité (une ligne par échéance). --}}
        <div class="form-text">
            « Réparti » crée une ligne par échéance ; le montant saisi est celui
            de chaque versement.
        </div>
    </div>

    <div class="col-5">
        <label for="ft-order-{{ $uid }}" class="form-label">Ordre <span class="text-danger">*</span></label>
        <input id="ft-order-{{ $uid }}" name="display_order" type="number" class="form-control"
               value="{{ old('display_order', $type?->display_order ?? 100) }}" required min="1" max="999">
    </div>
</div>

<div class="form-check mt-3">
    <input class="form-check-input" type="checkbox" name="is_mandatory" value="1"
           id="ft-mand-{{ $uid }}" @checked(old('is_mandatory', $type?->is_mandatory ?? true))>
    <label class="form-check-label" for="ft-mand-{{ $uid }}">
        Obligatoire
    </label>
    <div class="form-text">Un frais facultatif n'est pas généré automatiquement à l'inscription.</div>
</div>