@extends('layouts.app')

<style>
    @media print {
        button,
        .bg-yellow-100,
        .bg-red-100 {
            display: none;
        }
    }
</style>

@section('content')
@if (session('error'))
<div class="bg-red-100 text-red-700 p-3 rounded mb-4 text-center font-bold">
    {{ session('error') }}
</div>
@else

<h2 class="text-xl font-bold mb-4 text-center">KARTU RENCANA STUDI (KRS)</h2>

{{-- Tampilkan masa pengisian KRS --}}
@if ($krsSetting)
    <div class="bg-yellow-100 text-yellow-700 p-3 rounded mb-4 text-center text-sm">
        Masa Pengisian KRS:
        <span class="font-semibold">
            {{ \Carbon\Carbon::parse($krsSetting->mulai)->format('d M Y') }} - {{ \Carbon\Carbon::parse($krsSetting->akhir)->format('d M Y') }}
        </span> |
        <span id="countdown" class="font-bold text-sm"></span>
        
    </div>
@endif

<div class="bg-white p-6 rounded shadow text-base">
    {{-- Informasi Mahasiswa --}}
    <div class="flex gap-4 mb-4 space-y-1">
        <div>
            <p class="mb-2"><strong>Nama :</strong> {{ $mahasiswa->nama }}</p>
            <p class="mb-2"><strong>NIM :</strong> {{ $mahasiswa->nim }}</p>
            <p class="mb-2"><strong>Program Studi :</strong> {{ $mahasiswa->prodi->nama_prodi }}</p>
            <p class="mb-2"><strong>Fakultas :</strong> {{ $mahasiswa->fakultas->nama_fakultas }}</p>
        </div>
        <div>
            <p class="mb-2"><strong>Tahun :</strong> {{ $tahun }}</p>
            <p class="mb-2"><strong>Semester :</strong> {{ $mahasiswa->semester }}</p>
            <p class="mb-2"><strong>Kelas :</strong> {{ $mahasiswa->kelas }}</p>
        </div>
    </div>

    {{-- Tabel KRS --}}
    <table class="w-full border text-base mb-4">
        <thead class="bg-blue-700 text-white">
            <tr>
                <th class="border p-1">No</th>
                <th class="border p-1">Kode MK</th>
                <th class="border p-1">Mata Kuliah</th>
                <th class="border p-1">SKS</th>
                <th class="border p-1">Jadwal</th>
            </tr>
        </thead>
        <tbody>
            @foreach($krs as $index => $item)
            <tr>
                <td class="border p-1 text-center">{{ $index + 1 }}</td>
                <td class="border p-1 text-center">{{ $item->kode_matkul }}</td>
                <td class="border p-1">{{ $item->nama_matkul }}</td>
                <td class="border p-1 text-center">{{ $item->sks }}</td>
                <td class="border p-1 text-center">{{ $item->jadwal }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>

    <p class="font-semibold mb-4">Jumlah SKS : {{ $total_sks }}</p>

    @if (!isset($status_waktu) || !$status_waktu)
        <a href="{{ route('krs.cetak.pdf') }}" target="_blank" class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 text-sm font-bold">
            Cetak PDF / Print KRS
        </a>
    @else
        <div class="bg-red-100 text-red-700 p-3 rounded mb-4 text-center font-bold">
            Waktu pengisian KRS sudah habis, tidak bisa cetak KRS!
        </div>
    @endif
</div>

@endif

{{-- Countdown Script --}}
@if ($krsSetting)
<script>
    // Ambil batas akhir waktu dari server Laravel (convert ke JS Date)
    var countDownDate = new Date("{{ \Carbon\Carbon::parse($krsSetting->akhir)->format('Y-m-d H:i:s') }}").getTime();

    var x = setInterval(function() {
        var now = new Date().getTime();
        var distance = countDownDate - now;

        var days = Math.floor(distance / (1000 * 60 * 60 * 24));
        var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = Math.floor((distance % (1000 * 60)) / 1000);

        if (distance > 0) {
            document.getElementById("countdown").innerHTML = "Sisa Waktu: " + days + " hari, " + hours + " jam, " + minutes + " menit, " + seconds + " detik";
        } else {
            clearInterval(x);
            document.getElementById("countdown").innerHTML = "Waktu pengisian KRS sudah habis!";
            alert('Waktu KRS sudah habis, halaman akan direfresh!');
            window.location.reload();
        }
    }, 1000);
</script>
@endif
@endsection