@extends('layouts.app')
@section('title', 'Ekspor Laporan')

@section('content')
<style>
    .form-card {
        background: white;
        border-radius: 20px;
        padding: 30px;
        border: 1px solid #e5e7eb;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    }
    .btn-export {
        background: #0d9488;
        color: white;
        border: none;
        padding: 12px 30px;
        border-radius: 12px;
        font-weight: 600;
        transition: all 0.2s;
    }
    .btn-export:hover {
        background: #0f766e;
        transform: translateY(-1px);
    }
</style>

<div class="content-inner p-4 p-md-5">
    <div class="mb-4">
        <h1 class="fw-900 mb-1" style="font-size: 1.8rem;">Ekspor Laporan</h1>
        <p class="text-muted">Unduh rekap absensi mahasiswa dalam format Excel.</p>
    </div>

    <div class="form-card">
        <h5 class="fw-800 mb-4">PARAMETER LAPORAN</h5>
        
        <form method="GET" action="{{ route('admin.laporan.export') }}" class="row g-4">
            @csrf
            <div class="col-md-6">
                <label class="form-label fw-bold">MATA KULIAH <span class="text-danger">*</span></label>
                <select name="matkul_id" class="form-select" required style="border-radius: 10px; padding: 12px; width: 100%;">
                    <option value="">-- Pilih Mata Kuliah --</option>
                    @foreach($matkulList as $mk)
                        <option value="{{ $mk->id }}" {{ request('matkul_id') == $mk->id ? 'selected' : '' }}>
                            {{ $mk->nama }} ({{ $mk->kode }}) - {{ $mk->dosen->nama ?? '-' }}
                        </option>
                    @endforeach
                </select>
                <div class="form-text text-muted mt-1">Pilih mata kuliah yang akan diekspor</div>
            </div>
            
            <div class="col-12">
                <button type="submit" class="btn-export">
                    <i class="bi bi-file-earmark-excel me-2"></i> UNDUH EXCEL (.XLSX)
                </button>
            </div>
        </form>
        
        <div class="mt-4 pt-3 border-top">
            <div class="alert alert-info" style="background: #f0fdfa; border-color: #ccfbf1; border-radius: 12px;">
                <i class="bi bi-info-circle-fill me-2" style="color: #0d9488;"></i>
                <strong>INFO FORMAT EXCEL</strong><br>
                Dokumen yang diunduh sudah terformat rapi, mencakup:
                <ul class="mt-2 mb-0">
                    <li>Header tabel (Fakultas, Jurusan, Prodi, Mata Kuliah, Kelas, T.A, Dosen)</li>
                    <li>Kolom pertemuan 1-16 dengan status (H = Hadir, S = Sakit, I = Izin, A = Alpha)</li>
                    <li>Rekapitulasi total H, S, I, A di akhir baris</li>
                    <li>Lebar kolom dinamis menyesuaikan isi data</li>
                </ul>
            </div>
        </div>
    </div>
</div>
@endsection