﻿<x-app-layout>
    <x-slot name="header">
        <div class="flex justify-between items-center">
            <h2 class="font-semibold text-l text-gray-800 leading-tight">
                {{ __('تأكيد تغيير حالة السنة المالية') }}
            </h2>
            <div>
                <a href="{{ route('accounting.fiscal-years.index') }}" class="inline-flex items-center p-4 py-2 bg-gray-600 border border-transparent rounded-md font-semibold text-s text-white uppercase tracking-widest hover:bg-gray-700 focus:bg-gray-700 active:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 transition ease-in-out duration-150">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-1" viewBox="0 0 20 20" fill="currentColor">
                        <path fill-rule="evenodd" d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd" />
                    </svg>
                    {{ __('العودة إلى قائمة السنوات المالية') }}
                </a>
            </div>
        </div>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7l m-auto sm:p-6 lg:p-8">
            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                <div class="p-6 bg-white border-b border-gray-200">
                    <div class="mb-6 text-center">
                        <h3 class="text-lg font-medium text-gray-900">
                            {{ __('تأكيد ' . $actionText . ' السنة المالية') }}
                        </h3>
                        <p class="mt-1 text-sm text-gray-600">
                            {{ __('أنت على وشك ' . $actionText . ' السنة المالية:') }} <strong>{{ $fiscalYear->name }}</strong>
                        </p>
                    </div>

                    <div class="bg-gray-50 p-4 rounded-lg mb-6">
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                            <div>
                                <p class="text-sm font-medium text-gray-500">{{ __('اسم السنة المالية') }}</p>
                                <p class="mt-1 text-sm text-gray-900">{{ $fiscalYear->name }}</p>
                            </div>
                            <div>
                                <p class="text-sm font-medium text-gray-500">{{ __('الحالة الحالية') }}</p>
                                <p class="mt-1 text-sm">
                                    @switch($fiscalYear->status)
                                        @case('draft')
                                            <span class="inline-flex items-center p-2.5 py-0.5 rounded-full text-s font-medium bg-gray-100 text-gray-800">
                                                {{ __('مسودة') }}
                                            </span>
                                            @break
                                        @case('active')
                                            <span class="inline-flex items-center p-2.5 py-0.5 rounded-full text-s font-medium bg-green-100 text-green-800">
                                                {{ __('نشطة') }}
                                            </span>
                                            @break
                                        @case('closed')
                                            <span class="inline-flex items-center p-2.5 py-0.5 rounded-full text-s font-medium bg-red-100 text-red-800">
                                                {{ __('مغلقة') }}
                                            </span>
                                            @break
                                        @default
                                            {{ $fiscalYear->status }}
                                    @endswitch
                                </p>
                            </div>
                            <div>
                                <p class="text-sm font-medium text-gray-500">{{ __('تاريخ البداية') }}</p>
                                <p class="mt-1 text-sm text-gray-900">{{ $fiscalYear->start_date->format('Y-m-d') }}</p>
                            </div>
                            <div>
                                <p class="text-sm font-medium text-gray-500">{{ __('تاريخ النهاية') }}</p>
                                <p class="mt-1 text-sm text-gray-900">{{ $fiscalYear->end_date->format('Y-m-d') }}</p>
                            </div>
                        </div>
                    </div>

                    <div class="mb-6">
                        @if ($status === 'active')
                            <div class="bg-yellow-50 border-l-4 border-yellow-400 p-4">
                                <div class="flex">
                                    <div class="flex-shrink-0">
                                        <svg class="h-5 w-5 text-yellow-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                                            <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
                                        </svg>
                                    </div>
                                    <div class="mr-3">
                                        <p class="text-sm text-yellow-700">
                                            {{ __('تنشيط السنة المالية سيجعلها السنة المالية الحالية للشركة. تأكد من عدم وجود سنة مالية نشطة أخرى.') }}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        @elseif ($status === 'closed')
                            <div class="bg-red-50 border-l-4 border-red-400 p-4">
                                <div class="flex">
                                    <div class="flex-shrink-0">
                                        <svg class="h-5 w-5 text-red-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                                            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
                                        </svg>
                                    </div>
                                    <div class="mr-3">
                                        <p class="text-sm text-red-700">
                                            {{ __('إغلاق السنة المالية هو إجراء نهائي ولا يمكن التراجع عنه. تأكد من إغلاق جميع الفترات المحاسبية وإكمال جميع العمليات المحاسبية قبل المتابعة.') }}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>

                    <div class="flex justify-center">
                        <form action="{{ route('accounting.fiscal-years.change-status', ['fiscalYear' => $fiscalYear, 'status' => $status]) }}" method="POST">
                            @csrf
                            @method('PATCH')
                            <div class="flex space-y-4 space-y-reverse">
                                <a href="{{ route('accounting.fiscal-years.index') }}" class="inline-flex items-center p-4 py-2 bg-gray-300 border border-transparent rounded-md font-semibold text-s text-gray-700 uppercase tracking-widest hover:bg-gray-400 focus:bg-gray-400 active:bg-gray-500 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 transition ease-in-out duration-150">
                                    {{ __('إلغاء') }}
                                </a>
                                <button type="submit" class="inline-flex items-center p-4 py-2 bg-blue-600 border border-transparent rounded-md font-semibold text-s text-white uppercase tracking-widest hover:bg-blue-700 focus:bg-blue-700 active:bg-blue-800 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 transition ease-in-out duration-150">
                                    {{ __('تأكيد ' . $actionText) }}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>
