@extends('layouts.app')

@section('title', 'Импорт учеников')

@push('styles')
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">
@endpush

@section('content')
    <div class="container" style="max-width: 720px;">

        <div class="ax-page-header">
            <h1 class="mb-0">Импорт учеников</h1>
            <a href="/students.php" class="btn btn-outline-secondary btn-sm">К списку учеников</a>
        </div>

        <div class="ax-card mb-4">
            <h5 class="mb-3">Формат файла</h5>
            <p class="text-muted">
                Загрузите файл <strong>.xlsx</strong>. Первая строка — заголовки, они пропускаются.
                Порядок колонок:
            </p>
            <ol class="small text-muted mb-3">
                <li>Имя</li>
                <li>Фамилия</li>
                <li>Отчество</li>
                <li>Пол (Муж / Жен)</li>
                <li>Номер (телефон ученика)</li>
                <li>Имя родителя</li>
                <li>Фамилия родителя</li>
                <li>Номер родителя</li>
                <li>Класс</li>
                <li>Язык</li>
                <li>Тип обучения</li>
                <li>Статус (не используется — всем присваивается статус «Обучается»)</li>
                <li>ИИН (необязательно)</li>
            </ol>
            <div class="alert alert-info mb-0">
                Колонка ИИН необязательна — можно оставить пустой и добавить его позже на странице
                профиля ученика. Если указан, он должен быть корректным ИИН (12 цифр) и уникальным;
                ученики без ИИН не смогут войти на сайт, пока он не будет добавлен. На следующем шаге
                будет предпросмотр всех строк перед фактическим добавлением — ничего не сохранится,
                пока вы не подтвердите.
            </div>
        </div>

        <form method="POST" action="/admin/import_students_preview.php" enctype="multipart/form-data" class="ax-card">
            @csrf
            <div class="mb-3">
                <label for="import_file" class="form-label">Файл .xlsx</label>
                <input type="file" class="form-control" id="import_file" name="import_file" accept=".xlsx" required>
            </div>
            <button type="submit" class="btn btn-primary">
                <i class="bi bi-upload"></i> Загрузить и проверить
            </button>
        </form>

    </div>
@endsection