@extends('layouts.app')

@section('title', 'Незаполненные уроки')

@section('content')
    <div class="container mt-4">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <h1 class="mb-0">Незаполненные уроки</h1>
            <a href="/index.php" class="btn btn-outline-secondary">Главная</a>
        </div>
        <p class="text-muted">
            Уроки по расписанию за последние {{ $days }} дней, для которых ещё не заполнен аттенданс.
        </p>

        <form method="GET" class="row g-2 align-items-end mb-4" style="max-width:320px;">
            <div class="col">
                <label class="form-label small text-muted mb-1">Период (дней назад)</label>
                <input type="number" name="days" class="form-control" min="1" max="60" value="{{ $days }}">
            </div>
            <div class="col-auto">
                <button type="submit" class="btn btn-outline-primary">Показать</button>
            </div>
        </form>

        @if (!empty($missing))
            <div class="table-responsive">
                <table class="table table-bordered table-hover align-middle">
                    <thead class="table-light">
                        <tr>
                            <th>Дата</th>
                            <th>Время</th>
                            <th>Группа</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($missing as $row)
                            <tr>
                                <td>{{ date('d.m.Y', strtotime($row['date'])) }}</td>
                                <td>
                                    {{ substr($row['begin_time'], 0, 5) }}
                                    &ndash;
                                    {{ substr($row['end_time'], 0, 5) }}
                                </td>
                                <td>{{ $row['group_name'] }}</td>
                                <td>
                                    <a class="btn btn-primary btn-sm"
                                       href="/group_att.php?group_id={{ (int) $row['group_id'] }}&date={{ $row['date'] }}">
                                        Заполнить
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <div class="alert alert-success">За выбранный период всё заполнено — пропущенных уроков нет.</div>
        @endif
    </div>
@endsection