@extends('simaju.layouts.main')
@section('title', 'Detail Analisis Kaldik')
@section('page-title', 'Detail Analisis Kaldik')
@section('content')
<div class="max-w-2xl mx-auto">
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6">
        <div class="mb-6">
            <h2 class="text-xl font-semibold text-gray-800">{{ $analisisKaldik->jenis_kaldik_label }}</h2>
            <p class="text-sm text-gray-500 mt-1">Tahun Ajaran {{ $analisisKaldik->tahun_ajaran }}</p>
        </div>

        <div class="grid grid-cols-2 gap-4 mb-6">
            <div class="bg-gray-50 rounded-lg p-4">
                <p class="text-xs font-medium text-gray-500 uppercase">Periode</p>
                <p class="text-gray-800 font-medium mt-1">{{ $analisisKaldik->tanggal_mulai->format('d F Y') }} - {{ $analisisKaldik->tanggal_selesai->format('d F Y') }}</p>
            </div>
            <div class="bg-gray-50 rounded-lg p-4">
                <p class="text-xs font-medium text-gray-500 uppercase">Jumlah Minggu</p>
                <p class="text-gray-800 font-medium mt-1">{{ $analisisKaldik->jumlah_minggu }} minggu</p>
            </div>
            <div class="bg-gray-50 rounded-lg p-4">
                <p class="text-xs font-medium text-gray-500 uppercase">Jumlah Hari Efektif</p>
                <p class="text-gray-800 font-medium mt-1">{{ $analisisKaldik->jumlah_hari_efektif }} hari</p>
            </div>
            <div class="bg-gray-50 rounded-lg p-4">
                <p class="text-xs font-medium text-gray-500 uppercase">Jenis Kaldik</p>
                <p class="text-gray-800 font-medium mt-1">{{ $analisisKaldik->jenis_kaldik_label }}</p>
            </div>
        </div>

        @if($analisisKaldik->keterangan)
        <div>
            <p class="text-xs font-medium text-gray-500 uppercase">Keterangan</p>
            <p class="text-gray-800 mt-1">{{ $analisisKaldik->keterangan }}</p>
        </div>
        @endif

        <div class="mt-6 flex justify-end gap-3">
            <a href="{{ route('simaju.analisis-kaldik.index') }}" class="px-4 py-2 border rounded-lg hover:bg-gray-50">Kembali</a>
            <a href="{{ route('simaju.analisis-kaldik.edit', $analisisKaldik->id) }}" class="px-4 py-2 bg-yellow-500 text-white rounded-lg hover:bg-yellow-600">Edit</a>
        </div>
    </div>
</div>
@endsection