﻿<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-l text-gray-800 leading-tight">
            {{ \App\Helpers\TranslationHelper::transFromDatabase('Edit ZATCA Settings', 'تعديل إعدادات هيئة الزكاة والدخل') }}
        </h2>
    </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">
                        <a href="{{ route('zatca.settings.index') }}" class="text-blue-600 hover:text-blue-900">
                            &larr; {{ \App\Helpers\TranslationHelper::transFromDatabase('Back to ZATCA Settings', 'العودة إلى إعدادات هيئة الزكاة والدخل') }}
                        </a>
                    </div>

                    @if (session('error'))
                        <div class="bg-red-100 border border-red-400 text-red-700 p-4 py-3 rounded relative mb-4" role="alert">
                            <span class="block sm:inline">{{ session('error') }}</span>
                        </div>
                    @endif

                    <form method="POST" action="{{ route('zatca.settings.update', $zatcaSetting->id) }}">
                        @csrf
                        @method('PUT')

                        <div class="mb-6">
                            <h3 class="text-lg font-semibold mb-4">{{ \App\Helpers\TranslationHelper::transFromDatabase('Basic Settings', 'الإعدادات الأساسية') }}</h3>
                            
                            <div class="mb-4">
                                <label for="is_production" class="block text-gray-700 text-sm font-bold mb-2">{{ \App\Helpers\TranslationHelper::transFromDatabase('Environment', 'بيئة العمل:') }}</label>
                                <select name="is_production" id="is_production" class="shadow appearance-none border rounded w-full py-2 p-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
                                    <option value="0" {{ $zatcaSetting->is_production ? '' : 'selected' }}>{{ \App\Helpers\TranslationHelper::transFromDatabase('Sandbox Environment', 'بيئة الاختبار') }}</option>
                                    <option value="1" {{ $zatcaSetting->is_production ? 'selected' : '' }}>{{ \App\Helpers\TranslationHelper::transFromDatabase('Production Environment', 'بيئة الإنتاج') }}</option>
                                </select>
                                @error('is_production')
                                    <p class="text-red-500 text-s mt-1">{{ $message }}</p>
                                @enderror
                            </div>
                            
                            <div class="mb-4">
                                <label for="api_base_url" class="block text-gray-700 text-sm font-bold mb-2">{{ \App\Helpers\TranslationHelper::transFromDatabase('API Base URL', 'عنوان API:') }}</label>
                                <input type="url" name="api_base_url" id="api_base_url" value="{{ old('api_base_url', $zatcaSetting->api_base_url) }}" class="shadow appearance-none border rounded w-full py-2 p-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" required>
                                @error('api_base_url')
                                    <p class="text-red-500 text-s mt-1">{{ $message }}</p>
                                @enderror
                                <p class="text-gray-500 text-s mt-1">{{ \App\Helpers\TranslationHelper::transFromDatabase('ZATCA API URL (varies between sandbox and production)', 'عنوان API لهيئة الزكاة والدخل (يختلف بين بيئة الاختبار والإنتاج)') }}</p>
                            </div>
                            
                            <div class="mb-4">
                                <label class="block text-gray-700 text-sm font-bold mb-2">{{ \App\Helpers\TranslationHelper::transFromDatabase('Auto Processing Options', 'خيارات المعالجة التلقائية:') }}</label>
                                <div class="mt-2">
                                    <label class="inline-flex items-center">
                                        <input type="checkbox" name="auto_reporting" class="form-checkbox h-5 w-5 text-blue-600" {{ $zatcaSetting->auto_reporting ? 'checked' : '' }}>
                                        <span class="mr-2 text-gray-700">{{ \App\Helpers\TranslationHelper::transFromDatabase('Auto Reporting', 'الإبلاغ التلقائي عن الفواتير') }}</span>
                                    </label>
                                </div>
                                <div class="mt-2">
                                    <label class="inline-flex items-center">
                                        <input type="checkbox" name="auto_clearance" class="form-checkbox h-5 w-5 text-blue-600" {{ $zatcaSetting->auto_clearance ? 'checked' : '' }}>
                                        <span class="mr-2 text-gray-700">{{ \App\Helpers\TranslationHelper::transFromDatabase('Auto Clearance', 'المقاصة التلقائية للفواتير') }}</span>
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="mb-6">
                            <h3 class="text-lg font-semibold mb-4">{{ \App\Helpers\TranslationHelper::transFromDatabase('Invoice Sequence Settings', 'إعدادات تسلسل الفواتير') }}</h3>
                            
                            <div class="mb-4">
                                <label for="invoice_sequence_prefi" class="block text-gray-700 text-sm font-bold mb-2">{{ \App\Helpers\TranslationHelper::transFromDatabase('Sequence Prefix', 'بادئة التسلسل:') }}</label>
                                <input type="text" name="invoice_sequence_prefi" id="invoice_sequence_prefi" value="{{ old('invoice_sequence_prefi', $zatcaSetting->invoice_sequence_prefi) }}" class="shadow appearance-none border rounded w-full py-2 p-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" required>
                                @error('invoice_sequence_prefi')
                                    <p class="text-red-500 text-s mt-1">{{ $message }}</p>
                                @enderror
                                <p class="text-gray-500 text-s mt-1">{{ \App\Helpers\TranslationHelper::transFromDatabase('Invoice number prefix (e.g., INV)', 'بادئة رقم الفاتورة (مثال: INV)') }}</p>
                            </div>
                            
                            <div class="mb-4">
                                <label for="invoice_sequence_length" class="block text-gray-700 text-sm font-bold mb-2">{{ \App\Helpers\TranslationHelper::transFromDatabase('Sequence Length', 'طول التسلسل:') }}</label>
                                <input type="number" name="invoice_sequence_length" id="invoice_sequence_length" value="{{ old('invoice_sequence_length', $zatcaSetting->invoice_sequence_length) }}" min="1" ma="10" class="shadow appearance-none border rounded w-full py-2 p-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" required>
                                @error('invoice_sequence_length')
                                    <p class="text-red-500 text-s mt-1">{{ $message }}</p>
                                @enderror
                                <p class="text-gray-500 text-s mt-1">{{ \App\Helpers\TranslationHelper::transFromDatabase('Number of digits in sequence (zeros will be padded)', 'عدد الأرقام في تسلسل الفاتورة (سيتم إضافة أصفار للوصول إلى هذا الطول)') }}</p>
                            </div>
                            
                            <div class="mb-4">
                                <label class="block text-gray-700 text-sm font-bold mb-2">{{ \App\Helpers\TranslationHelper::transFromDatabase('Current Sequence', 'التسلسل الحالي:') }}</label>
                                <div class="py-2 p-3 bg-gray-100 rounded">{{ $zatcaSetting->invoice_sequence_current }}</div>
                                <p class="text-gray-500 text-s mt-1">{{ \App\Helpers\TranslationHelper::transFromDatabase('Current sequence number (cannot be edited directly)', 'هذا هو الرقم التسلسلي الحالي للفواتير (لا يمكن تعديله مباشرة)') }}</p>
                            </div>
                            
                            <div class="mb-4">
                                <label class="block text-gray-700 text-sm font-bold mb-2">{{ \App\Helpers\TranslationHelper::transFromDatabase('Next Invoice Number Example', 'مثال لرقم الفاتورة التالي:') }}</label>
                                <div class="py-2 p-3 bg-gray-100 rounded" id="invoice_eample"></div>
                            </div>
                        </div>

                        <div class="flex items-center justify-end mt-6">
                            <button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 p-4 rounded focus:outline-none focus:shadow-outline">
                                {{ \App\Helpers\TranslationHelper::transFromDatabase('Save Changes', 'حفظ التعديلات') }}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script>
        // تحديث مثال رقم الفاتورة عند تغيير البادئة أو طول التسلسل
        document.addEventListener('DOMContentLoaded', function() {
            const prefiInput = document.getElementById('invoice_sequence_prefi');
            const lengthInput = document.getElementById('invoice_sequence_length');
            const eampleDiv = document.getElementById('invoice_eample');
            const currentSequence = {{ $zatcaSetting->invoice_sequence_current }};
            
            function updateEample() {
                const prefi = prefiInput.value;
                const length = parseInt(lengthInput.value) || 8;
                
                const paddedNumber = currentSequence.toString().padStart(length, '0');
                eampleDiv.textContent = prefi + paddedNumber;
            }
            
            prefiInput.addEventListener('input', updateEample);
            lengthInput.addEventListener('input', updateEample);
            
            // تحديث المثال عند تحميل الصفحة
            updateEample();
        });
    </script>
</x-app-layout>
