@php
    $moduleName = 'Surgery';
    $arName = 'الجراحة';
@endphp
<x-app-layout>
    <x-slot name="header">
        <div class="flex justify-between items-center">
            <h2 class="font-semibold text-xl text-black leading-tight">
                {{ \App\Helpers\TranslationHelper::transFromDatabase($moduleName . ' - Reports', __($arName . ' - التقارير')) }}
            </h2>
            <a href="{{ route('healthcare.surgery.index') }}" class="bg-gray-500 text-white px-4 py-2 rounded-md hover:bg-gray-600 transition">
                {{ \App\Helpers\TranslationHelper::transFromDatabase('Back', __('عودة')) }}
            </a>
        </div>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                <div class="p-6 text-black">
                    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                        <div class="p-4 border rounded-lg hover:shadow-md transition">
                            <h3 class="font-bold text-lg mb-2 text-indigo-600">{{ __('Surgery Log') }}</h3>
                            <p class="text-sm text-black mb-4">{{ __('Complete log of all surgical procedures.') }}</p>
                            <a href="#" class="text-indigo-500 hover:underline">{{ __('Generate') }} &rarr;</a>
                        </div>
                        <div class="p-4 border rounded-lg hover:shadow-md transition">
                            <h3 class="font-bold text-lg mb-2 text-indigo-600">{{ __('Room Utilization') }}</h3>
                            <p class="text-sm text-black mb-4">{{ __('Analysis of operation room usage and efficiency.') }}</p>
                            <a href="#" class="text-indigo-500 hover:underline">{{ __('Generate') }} &rarr;</a>
                        </div>
                        <div class="p-4 border rounded-lg hover:shadow-md transition">
                            <h3 class="font-bold text-lg mb-2 text-indigo-600">{{ __('Complications Report') }}</h3>
                            <p class="text-sm text-black mb-4">{{ __('Tracking and analysis of post-surgical complications.') }}</p>
                            <a href="#" class="text-indigo-500 hover:underline">{{ __('Generate') }} &rarr;</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>