@extends('layouts.main_dashboard.app')
@section('title', app()->getLocale() === 'ar' ? 'الإحالات الداخلية' : 'Internal Referrals')
@section('skip_page_hero', true)
@php($isArabic = app()->getLocale() === 'ar')
@section('content')
<div class="space-y-6">
    <section class="rounded-[1.75rem] border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-950">
        <p class="text-xs font-black uppercase tracking-[0.24em] text-brand-600">{{ $isArabic ? 'الإحالات الداخلية' : 'Internal referrals' }}</p>
        <h1 class="mt-3 text-2xl font-black text-zinc-900 dark:text-white md:text-3xl">{{ $isArabic ? 'متابعة تحويلات المعلمين للحالات' : 'Track teacher referrals and case handoffs' }}</h1>
    </section>
    <div class="space-y-4">
        @if($referrals->count() > 0)
            @foreach($referrals as $referral)
                <article class="rounded-[1.75rem] border border-zinc-200 bg-white p-5 shadow-sm dark:border-zinc-800 dark:bg-zinc-950">
                    <div class="flex flex-col gap-4 xl:flex-row xl:items-start xl:justify-between">
                        <div class="min-w-0 flex-1">
                            <div class="flex flex-wrap items-center gap-2">
                                <h2 class="text-base font-black text-zinc-900 dark:text-white">{{ $referral->title }}</h2>
                                <span class="rounded-full bg-zinc-100 px-3 py-1 text-xs font-black text-zinc-700 dark:bg-zinc-800 dark:text-zinc-300">{{ $referral->status }}</span>
                            </div>
                            <p class="mt-2 text-xs text-zinc-500 dark:text-zinc-400">{{ $referral->student?->name ?? '—' }} • {{ $referral->referrer?->name ?? '—' }} • {{ $referral->urgency }}</p>
                            <p class="mt-4 text-sm text-zinc-600 dark:text-zinc-300">{{ $referral->concern }}</p>
                        </div>
                        <div class="grid gap-3 sm:grid-cols-3 xl:w-[24rem]">
                            <form action="{{ route('social-worker.referrals.update', $referral) }}" method="POST">@csrf @method('PATCH')<input type="hidden" name="status" value="in_review"><button class="inline-flex w-full items-center justify-center rounded-2xl border border-amber-200 px-4 py-3 text-xs font-black text-amber-700 dark:border-amber-500/30 dark:text-amber-300">{{ $isArabic ? 'قيد المراجعة' : 'In review' }}</button></form>
                            <form action="{{ route('social-worker.referrals.update', $referral) }}" method="POST">@csrf @method('PATCH')<input type="hidden" name="status" value="scheduled"><button class="inline-flex w-full items-center justify-center rounded-2xl border border-sky-200 px-4 py-3 text-xs font-black text-sky-700 dark:border-sky-500/30 dark:text-sky-300">{{ $isArabic ? 'تمت الجدولة' : 'Scheduled' }}</button></form>
                            <form action="{{ route('social-worker.referrals.update', $referral) }}" method="POST">@csrf @method('PATCH')<input type="hidden" name="status" value="closed"><button class="inline-flex w-full items-center justify-center rounded-2xl border border-emerald-200 px-4 py-3 text-xs font-black text-emerald-700 dark:border-emerald-500/30 dark:text-emerald-300">{{ $isArabic ? 'إغلاق' : 'Close' }}</button></form>
                        </div>
                    </div>
                </article>
            @endforeach
        @else
            <div class="rounded-[1.75rem] border border-dashed border-zinc-300 bg-white p-10 text-center text-sm text-zinc-500 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-400">{{ $isArabic ? 'لا توجد إحالات حتى الآن.' : 'No referrals yet.' }}</div>
        @endif
    </div>
    <section class="rounded-[1.75rem] border border-zinc-200 bg-white px-6 py-5 shadow-sm dark:border-zinc-800 dark:bg-zinc-900">{{ $referrals->links('pagination::simple-tailwind') }}</section>
</div>
@endsection