{{-- 
    Lokasi File: resources/views/guru/jurnal/jadwal.blade.php 
    Deskripsi: Halaman List Jadwal Mengajar Murni (Read-Only) dengan Penambahan Nama Ruangan & Fitur Pantau Wali Kelas
--}}

@php 
    use Carbon\Carbon; 
@endphp

@extends('layouts.guru_master')

@section('title', 'Jadwal Mengajar | Smart Cendekia')

@section('css')
<style>
    :root { --app-bg: #f8fafc; }
    body { background-color: var(--app-bg); font-family: 'Plus Jakarta Sans', sans-serif !important; }
    
    @media (max-width: 768px) { .desktop-table { display: none !important; } }
    @media (min-width: 769px) { .mobile-cards { display: none !important; } }

    .day-header {
        font-size: 1.4rem; font-weight: 800; color: #1e293b;
        border-left: 5px solid #4f46e5; padding-left: 12px;
        margin-bottom: 20px; letter-spacing: -0.5px;
    }

    .lembaga-card {
        background: #ffffff; border-radius: 16px; border: 1px solid #e2e8f0;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); overflow: hidden; margin-bottom: 25px;
    }
    .lembaga-header {
        background: #f1f5f9; padding: 12px 20px; border-bottom: 1px solid #e2e8f0;
        font-weight: 700; color: #334155; font-size: 1.05rem;
    }

    .table-jadwal th { font-weight: 700; color: #64748b; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.5px; border-bottom-width: 1px; }
    .table-jadwal td { vertical-align: middle; color: #0f172a; padding: 16px 20px; }
    
    .mobile-item { border-bottom: 1px solid #f1f5f9; padding: 16px 20px; }
    .mobile-item:last-child { border-bottom: none; }
    .waktu-badge { background: #e0e7ff; color: #4338ca; font-weight: 700; padding: 4px 10px; border-radius: 6px; font-size: 0.85rem; }
    
    /* Warna aksen ruangan */
    .text-ruangan { color: #e11d48; font-weight: 700; font-size: 0.85rem; }

    /* Animasi Banner Wali Kelas */
    .banner-wali { transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .banner-wali:active { transform: scale(0.96); }
</style>
@stop

@section('content_body')
<div class="container-fluid pb-5 px-3 animate__animated animate__fadeIn">

    <div class="d-flex justify-content-between align-items-center my-4">
        <div>
            <h4 class="font-weight-bold mb-1" style="color: #0f172a; letter-spacing: -0.5px;">Jadwal Mengajar</h4>
            <p class="text-muted small mb-0 font-weight-bold">
                <i class="far fa-calendar-alt text-primary mr-1"></i> Informasi Jadwal Pendidik
            </p>
        </div>
        <div style="background: white; border: 1px solid #e2e8f0; border-radius: 12px; padding: 6px 14px; font-weight: 800; font-size: 0.75rem; color: #475569;">
            {{ Carbon::now()->translatedFormat('l, d F Y') }}
        </div>
    </div>

    {{-- ========================================================== --}}
    {{-- LOGIKA SUPER KEBAL: CEK STATUS WALI KELAS DI HALAMAN INI   --}}
    {{-- ========================================================== --}}
    @php
        $isWali = false;
        $currentUser = auth()->user();
        
        if ($currentUser) {
            // 1. Cek dari Teks Murni Role (Jika diubah dari dropdown admin)
            $roleVal = $currentUser->role instanceof \UnitEnum ? $currentUser->role->value : $currentUser->role;
            if($roleVal === 'wali_kelas') {
                $isWali = true;
            }
            
            // 2. Cek dari Relasi Tabel Guru (Jika dia guru tapi dicentang is_walikelas)
            if(isset($currentUser->guru) && $currentUser->guru->is_walikelas) {
                $isWali = true;
            }
        }
    @endphp

    {{-- TAMPILKAN BANNER JIKA DIA ADALAH WALI KELAS --}}
    @if($isWali)
    <div class="mb-4 animate__animated animate__fadeInDown">
        <a href="{{ route('guru.walikelas.pantau') }}" class="banner-wali d-flex align-items-center justify-content-between p-3" style="background: linear-gradient(135deg, #f59e0b, #d97706); border-radius: 16px; color: white; text-decoration: none; box-shadow: 0 8px 20px rgba(245, 158, 11, 0.3); border: 1px solid #fcd34d;">
            <div class="d-flex align-items-center">
                <div style="background: rgba(255,255,255,0.25); width: 45px; height: 45px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; margin-right: 15px; border: 1px solid rgba(255,255,255,0.4);">
                    <i class="fas fa-user-shield"></i>
                </div>
                <div>
                    <h6 class="mb-0 font-weight-bold" style="font-size: 1rem; letter-spacing: -0.3px;">Pantau Kelas Binaan</h6>
                    <span style="font-size: 0.75rem; font-weight: 600; opacity: 0.9;">Pantau kehadiran Guru & Ambil Alih Sesi</span>
                </div>
            </div>
            <div style="background: rgba(255,255,255,0.2); width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center;">
                <i class="fas fa-chevron-right text-white"></i>
            </div>
        </a>
    </div>
    @endif
    {{-- ========================================================== --}}

    @forelse($jadwalsByDay as $key => $jadwals)
        @php 
            $namaHariArray = [1=>'Senin', 2=>'Selasa', 3=>'Rabu', 4=>'Kamis', 5=>'Jumat', 6=>'Sabtu', 7=>'Minggu'];
            $namaHari = $hariOptions[$key] ?? $namaHariArray[$key] ?? 'Hari Lainnya'; 
        @endphp

        <div class="mb-5">
            <div class="day-header">{{ strtoupper($namaHari) }}</div>

            @php 
                $jadwalsByLembaga = $jadwals->groupBy(function($item) {
                    return $item->sekolah->nama_sekolah ?? 'Unit Lembaga Lainnya';
                });
            @endphp

            @foreach($jadwalsByLembaga as $namaLembaga => $jadwalLembaga)
                <div class="lembaga-card">
                    <div class="lembaga-header d-flex justify-content-between align-items-center">
                        <div><i class="fas fa-building mr-2 text-primary"></i> {{ $namaLembaga }}</div>
                        <span class="badge badge-light border text-muted">{{ count($jadwalLembaga) }} Sesi</span>
                    </div>

                    {{-- VIEW DESKTOP --}}
                    <div class="desktop-table table-responsive mb-0">
                        <table class="table table-jadwal table-hover mb-0">
                            <thead class="bg-light">
                                <tr>
                                    <th width="15%">Waktu</th>
                                    <th width="40%">Mata Pelajaran</th>
                                    <th width="25%">Kelas</th>
                                    <th width="20%">Ruangan</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($jadwalLembaga as $jadwal)
                                <tr>
                                    <td>
                                        <div class="waktu-badge d-inline-block">
                                            <i class="far fa-clock mr-1"></i> 
                                            {{ Carbon::parse($jadwal->jam_mulai)->format('H:i') }} - {{ Carbon::parse($jadwal->jam_selesai)->format('H:i') }}
                                        </div>
                                    </td>
                                    <td>
                                        <span class="font-weight-bold d-block text-dark" style="font-size: 1rem;">
                                            {{ $jadwal->mataPelajaran->nama_mapel ?? '-' }}
                                        </span>
                                        @if($jadwal->mataPelajaran && $jadwal->mataPelajaran->kode_mapel)
                                            <small class="text-muted font-weight-bold">{{ $jadwal->mataPelajaran->kode_mapel }}</small>
                                        @endif
                                    </td>
                                    <td>
                                        <span class="badge badge-light border px-3 py-2 text-dark font-weight-bold">
                                            <i class="fas fa-door-open text-primary mr-1"></i> {{ $jadwal->kelas->nama_kelas ?? '-' }}
                                        </span>
                                    </td>
                                    <td>
                                        <span class="text-ruangan">
                                            <i class="fas fa-map-marker-alt mr-1"></i>
                                            {{ $jadwal->ruangan->nama_ruangan ?? ($jadwal->kelas->ruangan->nama_ruangan ?? 'Belum Diatur') }}
                                        </span>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    {{-- VIEW MOBILE --}}
                    <div class="mobile-cards">
                        @foreach($jadwalLembaga as $jadwal)
                        <div class="mobile-item">
                            <div class="d-flex justify-content-between align-items-start mb-2">
                                <h5 class="font-weight-bold text-dark mb-0" style="font-size: 1.05rem;">{{ $jadwal->mataPelajaran->nama_mapel ?? '-' }}</h5>
                                <div class="waktu-badge ml-2 text-nowrap">
                                    {{ Carbon::parse($jadwal->jam_mulai)->format('H:i') }}
                                </div>
                            </div>
                            <div class="d-flex flex-column gap-1">
                                <div class="text-muted font-weight-bold small">
                                    <i class="fas fa-door-open mr-1 text-primary"></i> Kelas {{ $jadwal->kelas->nama_kelas ?? '-' }}
                                </div>
                                <div class="text-ruangan small mt-1">
                                    <i class="fas fa-map-marker-alt mr-1"></i>
                                    {{ $jadwal->ruangan->nama_ruangan ?? ($jadwal->kelas->ruangan->nama_ruangan ?? 'Ruang Belum Diatur') }}
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>

                </div>
            @endforeach
        </div>
    @empty
        <div class="text-center py-5 bg-white shadow-sm" style="border-radius: 20px; border: 1px dashed #cbd5e1;">
            <i class="fas fa-calendar-times fa-2x text-muted opacity-50 mb-3"></i>
            <h5 class="font-weight-bold text-dark">Jadwal Kosong</h5>
            <p class="text-muted small font-weight-bold">Belum ada jadwal mengajar yang didaftarkan untuk Anda.</p>
        </div>
    @endforelse

</div>
@stop