@extends('layouts.cbt')
@section('page-title', 'Import Siswa')
@section('sidebar')@include('components.admin-sidebar')@endsection
@section('content')
<div class="mb-4">
    <a href="{{ route('admin.students.index') }}" class="text-sm text-blue-600 font-semibold">&larr; Kembali ke Data Siswa</a>
</div>

<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 max-w-5xl">
    <div class="card-sdn">
        <h2 class="text-lg font-bold mb-2">Upload Excel</h2>
        <p class="text-sm text-gray-600 mb-4">
            Unduh template, isi data siswa, lalu upload file <strong>.xlsx</strong> di sini.
        </p>
        <form method="POST" action="{{ route('admin.students.import.store') }}" enctype="multipart/form-data" class="space-y-4">
            @csrf
            <div>
                <label class="form-label">File Excel</label>
                <input type="file" name="file" accept=".xlsx,.xls,.csv" class="form-input" required>
                @error('file')<p class="text-red-500 text-sm mt-1">{{ $message }}</p>@enderror
            </div>
            <button type="submit" class="btn-sdn-primary">Import Siswa</button>
        </form>
    </div>

    <div class="card-sdn">
        <h2 class="text-lg font-bold mb-2">Template & Panduan</h2>
        <p class="text-sm text-gray-600 mb-4">
            Template berisi sheet <strong>Data Siswa</strong> (contoh baris) dan sheet <strong>Panduan</strong> (penjelasan kolom).
        </p>
        <a href="{{ route('admin.students.import.template') }}" class="btn-sdn-secondary mb-4 inline-flex">Unduh Template Excel</a>
        <div class="text-sm text-gray-700 space-y-2">
            <p class="font-semibold">Kolom wajib:</p>
            <ul class="list-disc list-inside text-gray-600">
                <li><code class="bg-gray-100 px-1 rounded">nis</code>, <code class="bg-gray-100 px-1 rounded">nisn</code>, <code class="bg-gray-100 px-1 rounded">nama</code>, <code class="bg-gray-100 px-1 rounded">kelas</code>, <code class="bg-gray-100 px-1 rounded">jenis_kelamin</code> (L/P)</li>
            </ul>
            <p class="font-semibold mt-3">Kolom opsional:</p>
            <ul class="list-disc list-inside text-gray-600">
                <li>tempat_lahir, tanggal_lahir, alamat, nama_ortu, telepon_ortu, password</li>
            </ul>
            <p class="text-xs text-amber-800 bg-amber-50 border border-amber-200 rounded-xl p-3 mt-4">
                Nama kelas harus sama dengan data di menu Kelas (contoh: 6A). Baris dengan kelas tidak dikenal akan dilewati.
            </p>
        </div>
    </div>
</div>
@endsection