@extends('layouts.app')

@section('title', 'Dashboard | E-Rapor GTech')

@section('content')
<div class="mb-8 text-white">
    <h1 class="text-4xl font-bold mb-2">Selamat Datang, Guru!</h1>
    <p class="text-brand-100 text-lg">Pusat pengelolaan nilai PTS/PSTS yang terintegrasi dengan CBT.</p>
</div>

<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
    <!-- Input Nilai Card -->
    <a href="{{ url('/input-nilai') }}" class="block group">
        <div class="glass-panel p-8 rounded-2xl shadow-sm hover:shadow-xl transition-all duration-300 transform group-hover:-translate-y-1 h-full flex flex-col">
            <div class="w-16 h-16 bg-blue-100 text-blue-600 rounded-2xl flex items-center justify-center mb-6 shadow-inner group-hover:scale-110 transition-transform">
                <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path></svg>
            </div>
            <h2 class="text-2xl font-bold text-gray-800 mb-3 group-hover:text-blue-600 transition-colors">Input Nilai PTS</h2>
            <p class="text-gray-600 flex-1">
                Tarik otomatis nilai PTS dari ujian CBT. Periksa, sesuaikan, dan simpan nilai akhir untuk dicetak di rapor siswa.
            </p>
            <div class="mt-6 flex items-center text-blue-600 font-semibold group-hover:gap-2 transition-all">
                Mulai Input <svg class="w-5 h-5 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg>
            </div>
        </div>
    </a>

    <!-- Cetak Rapor Card -->
    <a href="{{ url('/cetak-rapor') }}" class="block group">
        <div class="glass-panel p-8 rounded-2xl shadow-sm hover:shadow-xl transition-all duration-300 transform group-hover:-translate-y-1 h-full flex flex-col">
            <div class="w-16 h-16 bg-green-100 text-green-600 rounded-2xl flex items-center justify-center mb-6 shadow-inner group-hover:scale-110 transition-transform">
                <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z"></path></svg>
            </div>
            <h2 class="text-2xl font-bold text-gray-800 mb-3 group-hover:text-green-600 transition-colors">Cetak Rapor</h2>
            <p class="text-gray-600 flex-1">
                Akses rapor yang telah disahkan. Susunan mata pelajaran telah difilter otomatis menyesuaikan tingkatan kelas dan kejuruan siswa (AK/TKR).
            </p>
            <div class="mt-6 flex items-center text-green-600 font-semibold group-hover:gap-2 transition-all">
                Lihat Daftar <svg class="w-5 h-5 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg>
            </div>
        </div>
    </a>
</div>
@endsection