@extends('layouts.app')

@section('title', 'Matières')
@section('heading', 'Matières')
@section('subheading', 'Catalogue de l\'établissement')

@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">
                    {{ $subjects->count() }} matière{{ $subjects->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>Matière</th>
                                <th>Code</th>
                                <th class="text-end">Niveaux</th>
                                <th class="text-end">Classes</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($subjects as $subject)
                                <tr @class(['text-secondary' => ! $subject->is_active])>
                                    <td class="text-secondary small">{{ $subject->report_order }}</td>
                                    <td>
                                        <span class="fw-semibold">{{ $subject->name }}</span>
                                        @unless ($subject->is_active)
                                            <span class="badge text-bg-secondary ms-1">Désactivée</span>
                                        @endunless
                                        <div class="small text-secondary">
                                            Bulletin : « {{ $subject->short_name }} »
                                            @if ($subject->name_ht) · {{ $subject->name_ht }} @endif
                                        </div>
                                    </td>
                                    <td class="text-matricule">{{ $subject->code }}</td>
                                    <td class="text-end">
                                        <span class="badge text-bg-light">{{ $subject->levels_count }}</span>
                                    </td>
                                    <td class="text-end">
                                        <span class="badge text-bg-light">{{ $subject->classes_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-{{ $subject->id }}"
                                                    title="Modifier">
                                                <i class="bi bi-pencil"></i>
                                            </button>
                                            <form method="POST"
                                                  action="{{ route('settings.subjects.toggle', $subject) }}"
                                                  @if ($subject->is_active && $subject->classes_count > 0)
                                                      data-confirm="« {{ $subject->name }} » est enseignée dans {{ $subject->classes_count }} classe(s). La désactiver la retirera des futurs programmes, sans toucher aux notes déjà saisies. Continuer ?"
                                                  @endif>
                                                @csrf
                                                <button type="submit"
                                                        class="btn btn-outline-{{ $subject->is_active ? 'warning' : 'success' }}"
                                                        title="{{ $subject->is_active ? 'Désactiver' : 'Réactiver' }}">
                                                    <i class="bi bi-{{ $subject->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>
                    Une matière ne se supprime jamais : elle apparaît sur des bulletins déjà
                    émis. La désactiver la retire des futurs programmes sans toucher à
                    l'historique.
                </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>Nouvelle matière
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('settings.subjects.store') }}" novalidate>
                        @csrf
                        @include('settings.subjects.form', ['subject' => 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 ($subjects as $subject)
        <div class="modal fade" id="modifier-{{ $subject->id }}" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog">
                <form method="POST" action="{{ route('settings.subjects.update', $subject) }}"
                      class="modal-content" novalidate>
                    @csrf
                    @method('PATCH')
                    <div class="modal-header">
                        <h2 class="modal-title h6">Modifier « {{ $subject->name }} »</h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
                    </div>
                    <div class="modal-body">
                        @include('settings.subjects.form', ['subject' => $subject])

                        @if ($subject->classes_count > 0)
                            <div class="alert alert-light border small mt-3 mb-0">
                                <i class="bi bi-info-circle me-1"></i>
                                Renommer cette matière ne change pas les bulletins déjà figés :
                                ils conservent le libellé au moment de leur validation.
                            </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