@extends('layouts.app')
@section('title', 'Sick Leave Certificate | ' . ($sl->patient->full_name ?? ''))
@section('content')

<div class="max-w-3xl mx-auto">

    @if(session('success'))
        <div class="bg-green-50 border border-green-200 rounded-lg px-4 py-3 mb-4 text-sm text-green-800">
            {{ session('success') }}
        </div>
    @endif

    <div class="mb-4 flex items-center gap-2">
        <a href="{{ route('patients.show', $sl->patient) }}" class="text-xs text-cr-700 hover:underline">← Back to {{ $sl->patient->full_name }}</a>
    </div>

    <div class="bg-white rounded-xl border shadow-sm p-6">
        <div class="flex items-start justify-between gap-4 mb-4 pb-4 border-b border-gray-100">
            <div>
                <h1 class="text-lg font-bold text-gray-800">Sick Leave Certificate</h1>
                <p class="text-xs text-gray-500 mt-0.5">For {{ $sl->patient->full_name }} · MRN {{ $sl->patient->mrn }}</p>
            </div>
            <div class="flex items-center gap-2">
                <a href="{{ route('sick-leave.print', $sl) }}" target="_blank" class="btn-primary text-xs">View / Print</a>
                <a href="{{ route('sick-leave.print', ['sickLeave' => $sl, 'download' => 1]) }}" class="btn-secondary text-xs">Download PDF</a>
            </div>
        </div>

        <dl class="grid grid-cols-2 gap-x-6 gap-y-3 text-sm">
            <div class="col-span-2">
                <dt class="text-xs text-gray-500 uppercase font-semibold">Issued To</dt>
                <dd class="font-medium">
                    @if($sl->isForGuardian())
                        <span class="bg-purple-100 text-purple-800 text-[11px] font-semibold px-2 py-0.5 rounded">Guardian</span>
                        {{ $sl->guardian_name }}{{ $sl->guardian_relationship ? ' (' . $sl->guardian_relationship . ')' : '' }}
                        <span class="text-gray-400 text-xs">— for care of {{ $sl->patient->full_name }}</span>
                    @else
                        <span class="bg-gray-100 text-gray-800 text-[11px] font-semibold px-2 py-0.5 rounded">Patient</span>
                        {{ $sl->patient->full_name }}
                    @endif
                </dd>
            </div>
            <div>
                <dt class="text-xs text-gray-500 uppercase font-semibold">Treatment Date</dt>
                <dd class="font-medium">{{ $sl->treatment_date?->format('d M Y') }}</dd>
            </div>
            <div>
                <dt class="text-xs text-gray-500 uppercase font-semibold">Days Off</dt>
                <dd class="font-medium">{{ $sl->days }} {{ $sl->days == 1 ? 'day' : 'days' }}
                    <span class="text-xs text-gray-400">(through {{ optional($sl->end_date)->format('d M Y') }})</span>
                </dd>
            </div>
            <div>
                <dt class="text-xs text-gray-500 uppercase font-semibold">Sign-off Clinician</dt>
                <dd class="font-medium">{{ $sl->sign_off_name }}</dd>
            </div>
            <div>
                <dt class="text-xs text-gray-500 uppercase font-semibold">Issued By</dt>
                <dd class="font-medium">{{ optional($sl->issuer)->name ?? '—' }}</dd>
            </div>
            <div>
                <dt class="text-xs text-gray-500 uppercase font-semibold">Issued At</dt>
                <dd class="font-medium">{{ $sl->issued_at?->format('d M Y H:i') }}</dd>
            </div>
            @if($sl->notes)
            <div class="col-span-2">
                <dt class="text-xs text-gray-500 uppercase font-semibold">Internal Notes</dt>
                <dd class="text-sm whitespace-pre-wrap mt-1 bg-gray-50 border border-gray-100 rounded-lg p-3">{{ $sl->notes }}</dd>
            </div>
            @endif
        </dl>
    </div>
</div>

@endsection