@extends('layouts.app')

@section('title', 'Contrôles et examens')
@section('heading', 'Contrôles et examens')
@section('subheading', 'Types d\'évaluation, pondérations et conditions d\'accès')

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

    <div class="row g-3">
        <div class="col-lg-8">
            <div class="card">
                <div class="card-header bg-white fw-semibold">
                    {{ $types->count() }} contrôle{{ $types->count() > 1 ? 's' : '' }}
                </div>
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead>
                            <tr>
                                <th style="width: 4rem;">Ordre</th>
                                <th>Contrôle</th>
                                <th class="text-end">Poids</th>
                                <th class="text-end">Seuil</th>
                                <th class="text-end">Notes {{ $year?->name }}</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($types as $type)
                                <tr @class(['text-secondary' => ! $type->is_active])>
                                    <td class="text-secondary small">{{ $type->sequence }}</td>
                                    <td>
                                        <span class="fw-semibold">{{ $type->name }}</span>
                                        @unless ($type->is_active)
                                            <span class="badge text-bg-secondary ms-1">Désactivé</span>
                                        @endunless
                                        <div class="small text-secondary">
                                            Colonne : « {{ $type->shortLabel() }} »
                                            · <span class="text-matricule">{{ $type->code }}</span>
                                        </div>
                                    </td>
                                    <td class="text-end">
                                        <span class="badge text-bg-light">× {{ rtrim(rtrim(number_format($type->weight, 2, ',', ''), '0'), ',') }}</span>
                                    </td>
                                    <td class="text-end">
                                        @if ($type->hasPaymentGate())
                                            <span class="badge text-bg-warning" title="Accès au résultat conditionné au paiement">
                                                <i class="bi bi-lock me-1"></i>{{ $type->min_payment_percent }} %
                                            </span>
                                        @else
                                            <span class="text-secondary small">Libre</span>
                                        @endif
                                    </td>
                                    <td class="text-end">
                                        <span class="badge text-bg-light">{{ $type->grades_count }}</span>
                                    </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="#modifier-{{ $type->id }}"
                                                    title="Modifier">
                                                <i class="bi bi-pencil"></i>
                                            </button>
                                            <form method="POST"
                                                  action="{{ route('settings.assessments.toggle', $type) }}"
                                                  @if ($type->is_active && $type->grades_count > 0)
                                                      data-confirm="« {{ $type->name }} » porte {{ $type->grades_count }} note(s) cette année. Le désactiver le retire du sélecteur de saisie, sans toucher aux notes. Continuer ?"
                                                  @endif>
                                                @csrf
                                                <button type="submit"
                                                        class="btn btn-outline-{{ $type->is_active ? 'warning' : 'success' }}"
                                                        title="{{ $type->is_active ? 'Désactiver' : 'Réactiver' }}">
                                                    <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>
                    Le <strong>poids</strong> pondère la moyenne de la matière : Contrôle × 1,
                    Examen × 3 signifie que l'examen pèse trois fois plus.
                    Le <strong>seuil</strong> se calcule sur les frais échus à la date de
                    consultation, jamais sur le total de l'année — une famille à jour de ses
                    versements n'est jamais bloquée.
                </div>
            </div>
        </div>

        {{-- Création --}}
        <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 contrôle
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('settings.assessments.store') }}" novalidate>
                        @csrf
                        @include('settings.assessments.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>

    {{-- Modales de modification --}}
    @foreach ($types as $type)
        <div class="modal fade" id="modifier-{{ $type->id }}" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog">
                <form method="POST" action="{{ route('settings.assessments.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.assessments.form', ['type' => $type])

                        @if ($type->grades_count > 0)
                            <div class="alert alert-light border small mt-3 mb-0">
                                <i class="bi bi-info-circle me-1"></i>
                                Le poids est copié sur chaque note au moment de la saisie :
                                le changer ici ne s'applique qu'aux prochaines saisies. Les
                                notes déjà enregistrées gardent le poids en vigueur ce jour-là.
                            </div>
                        @endif
                    </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
@endsection