﻿<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ app()->getLocale() == 'ar' ? 'rtl' : 'ltr' }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="csrf-token" content="{{ csrf_token() }}">

        <title>{{ config('app.name', \App\Models\SystemSetting::get('system_name', 'نظام معادلة لشركات المقاولات')) }}</title>

        <!-- Favicon -->
        <link rel="icon" type="image/png" href="{{ asset('images/logo.png') }}" sizes="32x32">
        <link rel="apple-touch-icon" href="{{ asset('images/logo.png') }}">
        <link rel="shortcut icon" href="{{ asset('images/logo.png') }}">

        <!-- Fonts -->
        <link rel="preconnect" href="https://fonts.bunny.net">
        <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />

        <!-- Scripts -->
        @vite(['resources/css/app.css', 'resources/js/app.js'])
    </head>
    <body class="font-sans text-gray-900 antialiased">
        <div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gradient-to-b from-red-50 to-white">
            <div class="mb-4">
                <a href="/" class="flex items-center justify-center">
                    <x-application-logo class="w-20 h-20 fill-current text-red-600" />
                </a>
            </div>

            <div class="w-full sm:max-w-md mt-4 p-8 py-6 bg-white shadow-lg overflow-hidden sm:rounded-lg border-t-4 border-red-500">
                {{ $slot }}
            </div>
            
            <div class="mt-8 text-center text-sm text-gray-500">
                <div class="flex items-center justify-center">
                    جميع الحقوق محفوظة &copy; {{ date('Y') }} | {{ \App\Models\SystemSetting::get('system_name', 'نظام معادلة لشركات المقاولات') }}
                </div>
            </div>
        </div>
    </body>
</html>
