@extends('layouts.app')

@section('title', 'Bulletins — ' . $class->name)
@section('heading', 'Bulletins — ' . $class->name)
@section('subheading', $period->name)

@section('content')
    <div class="mb-3 d-flex gap-2 flex-wrap no-print">
        <a href="{{ route('reports.index', ['periode' => $period->id]) }}"
           class="btn btn-sm btn-outline-secondary">
            <i class="bi bi-arrow-left me-1"></i>Toutes les classes
        </a>

        <select class="form-select form-select-sm" style="width: auto;"
                onchange="window.location = '{{ route('reports.class', $class) }}?periode=' + this.value">
            @foreach ($periods as $option)
                <option value="{{ $option->id }}" @selected($period->id === $option->id)>
                    {{ $option->name }}
                </option>
            @endforeach
        </select>

        <div class="ms-auto d-flex gap-2">
            @if ($cards->where('status', '!=', 'draft')->isNotEmpty())
                <a href="{{ route('reports.print', [$class, 'periode' => $period->id]) }}"
                   class="btn btn-sm btn-outline-primary">
                    <i class="bi bi-printer me-1"></i>Imprimer la classe
                </a>
            @endif

            @can('update', $class)
                @if ($cards->where('status', 'draft')->isNotEmpty())
                    <form method="POST" action="{{ route('reports.validateClass', [$class, 'periode' => $period->id]) }}"
                          data-confirm="Valider et figer {{ $cards->where('status', 'draft')->count() }} bulletin(s) ? Ils ne suivront plus les notes saisies.">
                        @csrf
                        <button type="submit" class="btn btn-sm btn-success">
                            <i class="bi bi-lock me-1"></i>
                            Valider les {{ $cards->where('status', 'draft')->count() }} brouillons
                        </button>
                    </form>
                @endif
            @endcan
        </div>
    </div>

    @if ($missing->isNotEmpty())
        <div class="alert alert-warning d-flex gap-2">
            <i class="bi bi-exclamation-triangle"></i>
            <div>
                <strong>{{ $missing->count() }} élève(s) sans bulletin</strong> :
                aucune note n'a encore été saisie pour eux.
                <div class="small mt-1">
                    {{ $missing->map(fn ($e) => $e->student->fullName())->join(', ') }}
                </div>
            </div>
        </div>
    @endif

    <div class="card">
        <div class="card-header bg-white fw-semibold">
            {{ $cards->count() }} bulletin{{ $cards->count() > 1 ? 's' : '' }}
        </div>

        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead>
                    <tr>
                        <th class="text-end" style="width: 4rem;">Rang</th>
                        <th>Élève</th>
                        <th class="text-end">Moyenne</th>
                        <th class="d-none d-md-table-cell">Conduite</th>
                        <th class="d-none d-lg-table-cell">Appréciation</th>
                        <th>Statut</th>
                        <th class="no-print"></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($cards as $card)
                        <tr>
                            <td class="text-end fw-semibold">{{ $card->rankLabel() ?? '—' }}</td>
                            <td>
                                {{ $card->enrollment->student->last_name }},
                                {{ $card->enrollment->student->first_name }}
                            </td>
                            <td class="text-end fw-semibold {{ $card->isPassing() ? 'text-success' : 'text-danger' }}">
                                {{ $card->general_average !== null
                                    ? number_format($card->general_average, 2, ',', ' ')
                                    : '—' }}
                            </td>
                            <td class="small d-none d-md-table-cell">{{ $card->conduct ?: '—' }}</td>
                            <td class="small d-none d-lg-table-cell text-secondary">
                                {{ \Illuminate\Support\Str::limit($card->teacher_comment, 60) ?: '—' }}
                            </td>
                            <td>
                                @switch($card->status)
                                    @case('draft')
                                        <span class="badge text-bg-warning">Brouillon</span>
                                        @break
                                    @case('validated')
                                        <span class="badge text-bg-success">Figé</span>
                                        @break
                                    @case('published')
                                        <span class="badge text-bg-primary">Publié</span>
                                        @break
                                @endswitch
                            </td>
                            <td class="text-end no-print">
                                <a href="{{ route('reports.show', $card) }}"
                                   class="btn btn-sm btn-outline-secondary" title="Ouvrir le bulletin">
                                    <i class="bi bi-eye"></i>
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="text-center text-secondary py-5">
                                Aucun bulletin : aucune note n'a été saisie pour cette classe
                                sur cette période.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection