{{-- 
    Lokasi File: resources/views/guru/dashboard.blade.php
    Deskripsi: Dashboard Utama Guru dengan Card Jurnal Interaktif & AI Assistant
--}}

@php
    use Illuminate\Support\Facades\Storage;
    use Carbon\Carbon;
    use Illuminate\Support\Str;

    // ========================================================================
    // HELPER LOGIC: STATUS SESI MENGAJAR
    // ========================================================================
    if (!function_exists('getStatusAbsensi')) {
        // PERBAIKAN: Hapus parameter $sesiLookup, cukup terima $jadwal saja
        function getStatusAbsensi($jadwal) {
            // Mengambil data sesi hari ini dari relasi (Eager Loaded di Controller)
            $sesi = $jadwal->sesiJurnalHariIni;
            
            $jamSekarang = Carbon::now();
            $jamJadwalMulai = Carbon::parse($jadwal->jam_mulai);
            $jamJadwalSelesai = Carbon::parse($jadwal->jam_selesai);
            
            // Default State (Belum Mulai)
            $data = [
                'status_header' => 'Jadwal',
                'badge_class' => 'badge-soft-secondary', 
                'row_opacity' => '1',
                'is_active' => false,
                'btn_action' => 'wait', // wait, start, absensi, report, disabled
                'btn_text' => 'Belum Mulai',
                'btn_class' => 'btn-light text-muted',
                'btn_icon' => 'far fa-clock'
            ];

            if ($sesi) {
                // --- KONDISI 1: SESI SUDAH ADA (GURU SUDAH TAP-IN) ---
                
                if ($sesi->status_sesi == 'menunggu_absensi') {
                    // Tahap 1: Absensi
                    $data['status_header'] = 'Menunggu Absensi';
                    $data['badge_class'] = 'badge-soft-warning';
                    $data['is_active'] = true;
                    $data['btn_action'] = 'absensi';
                    $data['btn_text'] = 'Lanjut Absen';
                    $data['btn_class'] = 'btn-warning text-dark';
                    $data['btn_icon'] = 'fas fa-user-check';

                } elseif ($sesi->status_sesi == 'berlangsung') {
                    // Tahap 2: Mengajar (Sudah Absen)
                    $data['status_header'] = 'Sedang Mengajar';
                    $data['badge_class'] = 'badge-soft-indigo pulse-animation';
                    $data['is_active'] = true;
                    $data['btn_action'] = 'report';
                    $data['btn_text'] = 'Isi Jurnal';
                    $data['btn_class'] = 'btn-info text-white';
                    $data['btn_icon'] = 'fas fa-file-signature';

                } elseif ($sesi->status_sesi == 'laporan_selesai') {
                    // Tahap 3: Selesai
                    $data['status_header'] = 'Selesai';
                    $data['badge_class'] = 'badge-soft-success';
                    $data['btn_action'] = 'detail';
                    $data['btn_text'] = 'Lihat Detail';
                    $data['btn_class'] = 'btn-outline-success';
                    $data['btn_icon'] = 'fas fa-check-circle';
                    $data['row_opacity'] = '0.7';
                }

            } else {
                // --- KONDISI 2: SESI BELUM ADA (BELUM TAP-IN) ---

                if ($jamSekarang->isAfter($jamJadwalSelesai)) {
                    // Telat Parah (Sudah lewat jam selesai)
                    $data['status_header'] = 'Terlewat';
                    $data['badge_class'] = 'badge-soft-danger';
                    $data['btn_action'] = 'disabled'; 
                    $data['btn_text'] = 'Tidak Hadir';
                    $data['btn_class'] = 'btn-light text-danger';
                    $data['btn_icon'] = 'fas fa-times-circle';
                    $data['row_opacity'] = '0.6';
                } 
                elseif ($jamSekarang->between($jamJadwalMulai->subMinutes(30), $jamJadwalSelesai)) {
                    // Siap Dimulai (Range Masuk: 30 menit sebelum s/d jam selesai)
                    $isLate = $jamSekarang->gt($jamJadwalMulai);
                    
                    $data['status_header'] = $isLate ? 'Terlambat Masuk' : 'Siap Dimulai';
                    $data['badge_class'] = $isLate ? 'badge-soft-warning' : 'badge-soft-primary';
                    $data['btn_action'] = 'start';
                    $data['btn_text'] = 'Mulai Sesi';
                    $data['btn_class'] = 'btn-primary-modern';
                    $data['btn_icon'] = 'fas fa-play';
                } 
                else {
                    // Masih lama (Belum waktunya)
                    $data['status_header'] = 'Menunggu';
                    $data['badge_class'] = 'badge-soft-secondary';
                    $data['btn_action'] = 'wait';
                }
            }

            return $data;
        }
    }
@endphp

@extends('adminlte::page')

@section('title', 'Dashboard Guru | SmartSchool')

@push('css')
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<style>
    /* === MODERN UI VARIABLES === */
    :root {
        --font-main: 'Plus Jakarta Sans', sans-serif;
        --primary: #4F46E5; /* Indigo 600 */
        --primary-dark: #4338ca;
        --secondary: #64748B; /* Slate 500 */
        --bg-body: #F8FAFC; /* Slate 50 */
        --card-bg: #FFFFFF;
        
        --radius-lg: 16px;
        --radius-md: 12px;
        
        --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
        --shadow-glow: 0 0 15px rgba(79, 70, 229, 0.3);
    }

    body { font-family: var(--font-main) !important; background-color: var(--bg-body) !important; color: #1e293b; }
    .content-wrapper { background-color: var(--bg-body) !important; }

    /* Utilities */
    .fw-bold { font-weight: 600; }
    .fw-extrabold { font-weight: 800; }
    .text-indigo { color: var(--primary); }
    
    /* Soft Badges */
    .badge-soft-primary { background-color: #E0E7FF; color: #4338CA; }
    .badge-soft-indigo { background-color: #E0E7FF; color: #4338CA; }
    .badge-soft-success { background-color: #D1FAE5; color: #065F46; }
    .badge-soft-warning { background-color: #FEF3C7; color: #92400E; }
    .badge-soft-danger { background-color: #FEE2E2; color: #991B1B; }
    .badge-soft-info { background-color: #CFFAFE; color: #0E7490; }
    .badge-soft-secondary { background-color: #F1F5F9; color: #475569; }

    /* Modern Card */
    .modern-card {
        background: var(--card-bg);
        border-radius: var(--radius-lg);
        border: 1px solid rgba(226, 232, 240, 0.8);
        box-shadow: var(--shadow-sm);
        transition: all 0.3s ease;
        margin-bottom: 1.5rem;
    }
    .modern-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: rgba(79, 70, 229, 0.2); }

    /* AI Card */
    .ai-card { background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%); color: white; border: none; position: relative; overflow: hidden; }
    .ai-content { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: var(--radius-md); border: 1px solid rgba(255, 255, 255, 0.2); }

    /* Schedule Item */
    .schedule-item { display: flex; align-items: center; padding: 1.25rem 1rem; border-bottom: 1px solid #f1f5f9; transition: background 0.2s; }
    .schedule-item:last-child { border-bottom: none; }
    .schedule-item:hover { background-color: #f8fafc; }
    
    .time-box { background: #f1f5f9; color: #475569; padding: 8px 12px; border-radius: 10px; font-weight: 700; font-size: 0.9rem; text-align: center; min-width: 80px; }
    .time-box.active { background: #E0E7FF; color: #4F46E5; }

    /* Feed & Buttons */
    .feed-avatar { width: 48px; height: 48px; border-radius: 14px; box-shadow: var(--shadow-sm); }
    .feed-content { background: #f8fafc; border-radius: var(--radius-md); padding: 1rem; border-left: 4px solid var(--primary); }

    .btn-modern { border-radius: 50px; font-weight: 600; padding: 8px 20px; box-shadow: var(--shadow-sm); transition: all 0.2s; }
    .btn-modern:hover { transform: translateY(-2px); box-shadow: var(--shadow-glow); }
    .btn-primary-modern { background: var(--primary); border: none; color: white; }
    .btn-primary-modern:hover { background: var(--primary-dark); color: white; }

    .pulse-animation { animation: pulse 2s infinite; }
    @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } }
</style>
@endpush

@section('content')

{{-- HEADER: GREETING --}}
<div class="row pt-4 pb-2 px-2 align-items-end">
    <div class="col-md-8">
        <h6 class="text-uppercase text-muted fw-bold mb-1" style="letter-spacing: 1px; font-size: 0.75rem;">Dashboard Guru</h6>
        <h2 class="fw-extrabold text-dark mb-0">Halo, {{ explode(' ', Auth::user()->name)[0] }}! 👋</h2>
        <p class="text-muted mt-1 mb-0">Siap menginspirasi siswa hari ini?</p>
    </div>
    <div class="col-md-4 text-md-right mt-3 mt-md-0">
        <div class="d-inline-flex align-items-center bg-white px-3 py-2 rounded-pill shadow-sm">
            <div class="bg-indigo-light rounded-circle p-1 mr-2" style="background:#e0e7ff; color:#4338ca;">
                <i class="far fa-calendar-alt"></i>
            </div>
            <span class="fw-bold text-dark">{{ \Carbon\Carbon::now()->isoFormat('dddd, D MMMM Y') }}</span>
        </div>
    </div>
</div>

<div class="container-fluid px-2 mt-3">
    
    {{-- SECTION 1: AI ASSISTANT --}}
    <div class="row mb-4">
        <div class="col-12">
            <div class="modern-card ai-card p-4">
                <div class="d-flex justify-content-between align-items-center mb-4 position-relative" style="z-index: 2;">
                    <div class="d-flex align-items-center">
                        <div class="bg-white text-indigo rounded-circle d-flex align-items-center justify-content-center mr-3 shadow-lg" style="width: 45px; height: 45px;">
                            <i class="fas fa-robot fa-lg"></i>
                        </div>
                        <div>
                            <h4 class="fw-bold mb-0 text-white">AI Assistant</h4>
                            <p class="mb-0 text-white-50 small">Analisis performa mengajar berbasis data real-time</p>
                        </div>
                    </div>
                    <button class="btn btn-sm btn-light text-indigo fw-bold rounded-pill shadow-sm" onclick="fetchAiAnalysis()">
                        <i class="fas fa-magic mr-1"></i> Analisis Ulang
                    </button>
                </div>

                <div class="ai-content p-3 text-white">
                    {{-- Loading --}}
                    <div id="ai-loading" class="text-center py-3">
                        <div class="spinner-border text-light mb-2" role="status" style="width: 1.5rem; height: 1.5rem;"></div>
                        <p class="small mb-0">Sedang berpikir...</p>
                    </div>

                    {{-- Result --}}
                    <div id="ai-content-area" style="display:none;">
                        <div class="row">
                            <div class="col-lg-8 border-right border-white-50">
                                <h6 class="text-uppercase text-white-50 small fw-bold mb-2">Insight Utama</h6>
                                <p id="ai-analisis" class="mb-0" style="line-height: 1.6; font-size: 1.05rem;"></p>
                            </div>
                            <div class="col-lg-4 pl-lg-4 mt-3 mt-lg-0">
                                <h6 class="text-uppercase text-warning small fw-bold mb-2">
                                    <i class="fas fa-star mr-1"></i> Rekomendasi
                                </h6>
                                <ul id="ai-rekomendasi" class="fa-ul small mb-0 pl-3"></ul>
                            </div>
                        </div>
                    </div>
                    
                    {{-- Error --}}
                    <div id="ai-error-message" class="text-center py-2 text-warning" style="display:none;">
                        <small>Fitur AI belum terhubung dengan API.</small>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- SECTION 2: SCHEDULE & FEED --}}
    <div class="row">
        
        {{-- LEFT COLUMN: CARD JADWAL (CARD JURNAL) --}}
        <div class="col-lg-6 mb-4">
            <div class="d-flex justify-content-between align-items-center mb-3 px-1">
                <h5 class="fw-bold text-dark mb-0">Jadwal Hari Ini</h5>
                <span class="badge badge-soft-primary rounded-pill">{{ isset($jadwalHariIni) ? count($jadwalHariIni) : 0 }} Sesi</span>
            </div>

            <div class="modern-card p-0 overflow-hidden">
                @forelse ($jadwalHariIni ?? [] as $jadwal)
                    {{-- Menggunakan Helper getStatusAbsensi (TANPA SESILOOKUP) --}}
                    @php $status = getStatusAbsensi($jadwal); @endphp
                    
                    <div class="schedule-item" style="opacity: {{ $status['row_opacity'] }}">
                        {{-- 1. Kolom Waktu --}}
                        <div class="mr-3">
                            <div class="time-box {{ $status['is_active'] ? 'active' : '' }}">
                                {{ \Carbon\Carbon::parse($jadwal->jam_mulai)->format('H:i') }}
                                <div class="small fw-normal text-muted" style="font-size:0.7rem;">s/d</div>
                                {{ \Carbon\Carbon::parse($jadwal->jam_selesai)->format('H:i') }}
                            </div>
                        </div>

                        {{-- 2. Kolom Info (Mapel, Kelas, Jumlah Siswa) --}}
                        <div class="flex-grow-1 pr-3">
                            <h6 class="fw-bold text-dark mb-1">{{ $jadwal->mataPelajaran->nama_mapel ?? 'Mapel' }}</h6>
                            <div class="d-flex align-items-center mb-2 flex-wrap">
                                {{-- Badge Nama Kelas --}}
                                <span class="badge badge-soft-secondary mr-2 rounded px-2 mb-1">
                                    <i class="fas fa-chalkboard mr-1"></i> {{ $jadwal->kelas->nama_kelas ?? '-' }}
                                </span>

                                {{-- Badge Jumlah Siswa --}}
                                <span class="badge badge-soft-info mr-2 rounded px-2 mb-1">
                                    <i class="fas fa-users mr-1"></i> {{ $jadwal->jumlah_siswa ?? 0 }} Siswa
                                </span>

                                {{-- Badge Status --}}
                                <span class="badge {{ $status['badge_class'] }} rounded px-2 mb-1">
                                    {{ $status['status_header'] }}
                                </span>
                            </div>
                        </div>

                        {{-- 3. Kolom Aksi (Tombol Dinamis) --}}
                        <div style="min-width: 130px;">
                            {{-- BUTTON UTAMA --}}
                            @if ($status['btn_action'] == 'wait')
                                <button class="btn btn-light btn-sm btn-block text-muted btn-modern" disabled>
                                    <i class="{{ $status['btn_icon'] }} mr-1"></i> {{ $status['btn_text'] }}
                                </button>

                            @elseif ($status['btn_action'] == 'disabled')
                                <button class="btn {{ $status['btn_class'] }} btn-sm btn-block btn-modern" disabled>
                                    <i class="{{ $status['btn_icon'] }} mr-1"></i> {{ $status['btn_text'] }}
                                </button>

                            @elseif ($status['btn_action'] == 'start' || $status['btn_action'] == 'absensi' || $status['btn_action'] == 'report')
                                {{-- Link Menuju Smart Gateway (AccessSession) --}}
                                <a href="#" onclick="startSesi(this, '{{ route('guru.jurnal.sesi.start', $jadwal->id) }}'); return false;" 
                                   class="btn {{ $status['btn_class'] }} btn-sm btn-block btn-modern shadow-sm">
                                    <i class="{{ $status['btn_icon'] }} mr-1"></i> {{ $status['btn_text'] }}
                                </a>

                            @elseif ($status['btn_action'] == 'detail')
                                <a href="{{ route('guru.jurnal.show', $jadwal->sesiJurnalHariIni->id) }}" 
                                   class="btn {{ $status['btn_class'] }} btn-sm btn-block btn-modern">
                                    <i class="{{ $status['btn_icon'] }} mr-1"></i> {{ $status['btn_text'] }}
                                </a>
                            @endif
                        </div>
                    </div>
                @empty
                    <div class="text-center py-5">
                        <div class="bg-light rounded-circle d-inline-flex p-3 mb-3">
                            <i class="fas fa-mug-hot fa-2x text-muted opacity-50"></i>
                        </div>
                        <h6 class="fw-bold text-muted">Jadwal Kosong</h6>
                        <p class="small text-muted mb-0">Tidak ada jadwal mengajar hari ini.</p>
                    </div>
                @endforelse
            </div>
        </div>

        {{-- RIGHT COLUMN: HISTORY FEED --}}
        <div class="col-lg-6">
            <h5 class="fw-bold text-dark mb-3 px-1">Riwayat Terbaru</h5>

            @forelse ($laporanTerkirim ?? [] as $laporan)
                <div class="modern-card p-4">
                    <div class="d-flex">
                        {{-- Avatar --}}
                        <img src="https://ui-avatars.com/api/?name={{ urlencode($laporan->user->name ?? 'Guru') }}&background=EEF2FF&color=4F46E5&size=128&bold=true" 
                             class="feed-avatar mr-3">
                        
                        <div class="flex-grow-1">
                            {{-- Header Feed --}}
                            <div class="d-flex justify-content-between align-items-start mb-2">
                                <div>
                                    <h6 class="fw-bold text-dark mb-0">Kelas {{ $laporan->kelas->nama_kelas ?? 'Umum' }}</h6>
                                    <span class="small text-muted">{{ $laporan->jadwal->mataPelajaran->nama_mapel ?? 'Mapel Umum' }}</span>
                                </div>
                                <small class="text-muted fw-bold bg-light px-2 py-1 rounded">
                                    {{ $laporan->created_at->diffForHumans() }}
                                </small>
                            </div>

                            {{-- Content Box --}}
                            <div class="feed-content mb-3">
                                <small class="text-indigo fw-extrabold text-uppercase" style="font-size: 0.7rem; letter-spacing: 0.5px;">Topik Materi</small>
                                <p class="mb-0 text-dark mt-1" style="line-height: 1.5;">
                                    {!! Str::limit(strip_tags($laporan->materi_pembelajaran), 150) !!}
                                </p>
                            </div>

                            {{-- Footer Stats --}}
                            <div class="d-flex align-items-center">
                                <div class="d-flex align-items-center mr-4 text-success small fw-bold">
                                    <i class="fas fa-check-circle mr-1"></i> {{ $laporan->hadir_count ?? 0 }} Hadir
                                </div>
                                <div class="d-flex align-items-center text-danger small fw-bold">
                                    @php
                                        $absen = ($laporan->alpa_count ?? 0) + ($laporan->izin_count ?? 0) + ($laporan->sakit_count ?? 0);
                                    @endphp
                                    <i class="fas fa-user-times mr-1"></i> {{ $absen }} Absen
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @empty
                <div class="modern-card p-5 text-center">
                    <i class="fas fa-folder-open fa-3x text-muted opacity-50 mb-3"></i>
                    <h6 class="mt-3 fw-bold text-muted">Belum ada riwayat</h6>
                    <p class="small text-muted">Data jurnal mengajar akan muncul di sini.</p>
                </div>
            @endforelse
        </div>

    </div>
</div>
@endsection

@push('js')
<script>
    // --- Logic Start Sesi dengan Animasi ---
    function startSesi(element, baseUrl) {
        if (element.classList.contains('disabled')) return;
        
        // Visual Feedback
        element.classList.add('disabled');
        const originalText = element.innerHTML;
        element.innerHTML = '<i class="fas fa-circle-notch fa-spin"></i> Memuat...';
        
        // Delay sedikit agar animasi terlihat smooth
        setTimeout(() => {
             window.location.href = baseUrl;
        }, 300);
    }
    
    // --- AJAX Logic for AI (Stub) ---
    $(document).ready(function() {
        window.fetchAiAnalysis = function() {
            const $loading = $('#ai-loading');
            const $content = $('#ai-content-area');
            const $error = $('#ai-error-message');
            
            $loading.show(); $content.hide(); $error.hide();
            
            // Simulasi Check Route
            var aiRoute = "{{ Route::has('api.ai.analysis') ? route('api.ai.analysis') : '' }}";

            if(!aiRoute) {
                setTimeout(function(){
                    $loading.hide();
                    $('#ai-analisis').text("Fitur AI belum diaktifkan oleh admin. Silakan hubungi IT Support.");
                    $content.fadeIn();
                }, 1000);
                return;
            }

            // ... AJAX Call would go here ...
        }
        
        // Auto Load AI setelah 1 detik
        setTimeout(fetchAiAnalysis, 1000); 
    });
</script>
@endpush