@extends('layouts.main_dashboard.app')

@section('title', app()->getLocale() === 'ar' ? 'الإعفاءات والإجازات الطبية' : 'Medical Leaves & Exemptions')
@section('skip_page_hero', true)

@php
    $isArabic = app()->getLocale() === 'ar';
@endphp

@section('content')
<div class="space-y-6">
    <section class="rounded-xl border border-surface-200 bg-white p-6 shadow-sm dark:border-surface-800 dark:bg-surface-950">
        <h1 class="text-2xl font-black text-surface-900 dark:text-white md:text-3xl">{{ $isArabic ? 'متابعة الإدارة للإعفاءات الطبية والإجازات المرضية' : 'Administration review of medical exemptions and sick leaves' }}</h1>
        <p class="mt-3 text-sm leading-7 text-surface-500 dark:text-surface-400">{{ $isArabic ? 'تعرض هذه الصفحة ما صدر من الوحدة الصحية حتى يتم اعتماده أو رفضه إداريًا.' : 'This page lists the records issued by the health office so administration can approve or reject them.' }}</p>
        <div class="mt-4 inline-flex rounded-full bg-amber-100 px-4 py-2 text-sm font-black text-amber-700 dark:bg-amber-500/10 dark:text-amber-300">{{ $isArabic ? 'طلبات قيد الانتظار:' : 'Pending items:' }} {{ $pendingCount }}</div>
    </section>

    <section class="grid gap-6 xl:grid-cols-2">
        <div class="rounded-3xl border border-surface-200 bg-white p-6 dark:border-surface-800 dark:bg-surface-950">
            <h2 class="text-lg font-black text-surface-900 dark:text-white">{{ $isArabic ? 'الإعفاءات الطبية' : 'Medical exemptions' }}</h2>
            <div class="mt-5 space-y-3">
                @foreach($exemptions as $exemption)
                    <form action="{{ route('admin.medical-dashboard.exemptions.update', $exemption) }}" method="POST" class="rounded-2xl border border-surface-200 p-4 dark:border-surface-800">
                        @csrf
                        @method('PATCH')
                        <div class="font-black text-surface-900 dark:text-white">{{ $exemption->student?->name }} • {{ $exemption->exemption_type }}</div>
                        <div class="mt-1 text-xs text-surface-500 dark:text-surface-400">{{ $exemption->starts_on?->format('Y-m-d') }} - {{ $exemption->ends_on?->format('Y-m-d') }}</div>
                        <div class="mt-3 grid gap-3 sm:grid-cols-2">
                            <select name="administration_status" class="rounded-2xl border border-surface-200 bg-white px-4 py-3 text-sm dark:border-surface-700 dark:bg-surface-900 dark:text-white"><option value="pending" @selected($exemption->administration_status === 'pending')>pending</option><option value="approved" @selected($exemption->administration_status === 'approved')>approved</option><option value="rejected" @selected($exemption->administration_status === 'rejected')>rejected</option></select>
                            <select name="status" class="rounded-2xl border border-surface-200 bg-white px-4 py-3 text-sm dark:border-surface-700 dark:bg-surface-900 dark:text-white"><option value="active" @selected($exemption->status === 'active')>active</option><option value="expired" @selected($exemption->status === 'expired')>expired</option><option value="cancelled" @selected($exemption->status === 'cancelled')>cancelled</option></select>
                        </div>
                        <button type="submit" class="mt-3 rounded-2xl bg-surface-900 px-4 py-3 text-sm font-black text-white dark:bg-white dark:text-surface-900">{{ $isArabic ? 'تحديث' : 'Update' }}</button>
                    </form>
                @endforeach
            </div>
            <div class="mt-5">{{ $exemptions->links() }}</div>
        </div>

        <div class="rounded-3xl border border-surface-200 bg-white p-6 dark:border-surface-800 dark:bg-surface-950">
            <h2 class="text-lg font-black text-surface-900 dark:text-white">{{ $isArabic ? 'الإجازات المرضية' : 'Sick leaves' }}</h2>
            <div class="mt-5 space-y-3">
                @foreach($sickLeaves as $leave)
                    <form action="{{ route('admin.medical-dashboard.sick-leaves.update', $leave) }}" method="POST" class="rounded-2xl border border-surface-200 p-4 dark:border-surface-800">
                        @csrf
                        @method('PATCH')
                        <div class="font-black text-surface-900 dark:text-white">{{ $leave->student?->name }}</div>
                        <div class="mt-1 text-xs text-surface-500 dark:text-surface-400">{{ $leave->start_date?->format('Y-m-d') }} - {{ $leave->end_date?->format('Y-m-d') }}</div>
                        <div class="mt-3 grid gap-3 sm:grid-cols-2">
                            <select name="administration_status" class="rounded-2xl border border-surface-200 bg-white px-4 py-3 text-sm dark:border-surface-700 dark:bg-surface-900 dark:text-white"><option value="pending" @selected($leave->administration_status === 'pending')>pending</option><option value="approved" @selected($leave->administration_status === 'approved')>approved</option><option value="rejected" @selected($leave->administration_status === 'rejected')>rejected</option></select>
                            <select name="status" class="rounded-2xl border border-surface-200 bg-white px-4 py-3 text-sm dark:border-surface-700 dark:bg-surface-900 dark:text-white"><option value="active" @selected($leave->status === 'active')>active</option><option value="completed" @selected($leave->status === 'completed')>completed</option><option value="cancelled" @selected($leave->status === 'cancelled')>cancelled</option></select>
                        </div>
                        <button type="submit" class="mt-3 rounded-2xl bg-surface-900 px-4 py-3 text-sm font-black text-white dark:bg-white dark:text-surface-900">{{ $isArabic ? 'تحديث' : 'Update' }}</button>
                    </form>
                @endforeach
            </div>
            <div class="mt-5">{{ $sickLeaves->links() }}</div>
        </div>
    </section>
</div>
@endsection