@extends('layouts.app')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تعديل الشريحة الضريبية</h1>
        <p class="page-subtitle">{{ $bracket->country_name_ar }} - شريحة رقم {{ $bracket->bracket_order }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('income-tax.brackets') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-right"></i> رجوع للشرائح
        </a>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h3><i class="fas fa-edit"></i> بيانات الشريحة</h3>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('income-tax.updateBracket', $bracket->id) }}">
            @csrf
            @method('PUT')

            <div class="form-grid cols-3">
                <div class="form-group">
                    <label class="form-label required">رمز الدولة</label>
                    <select name="country_code" class="form-select" required>
                        <option value="">اختر الدولة</option>
                        @foreach($taxCountries as $code => $info)
                            <option value="{{ $code }}" {{ old('country_code', $bracket->country_code) === $code ? 'selected' : '' }}>
                                {{ $info['flag'] }} {{ $info['name'] }} ({{ $code }})
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group">
                    <label class="form-label required">اسم الدولة (عربي)</label>
                    <input type="text" name="country_name_ar" class="form-input" value="{{ old('country_name_ar', $bracket->country_name_ar) }}" required>
                </div>

                <div class="form-group">
                    <label class="form-label required">العملة</label>
                    <input type="text" name="currency" class="form-input" maxlength="3" value="{{ old('currency', $bracket->currency) }}" required>
                </div>
            </div>

            <div class="form-grid cols-4">
                <div class="form-group">
                    <label class="form-label required">ترتيب الشريحة</label>
                    <input type="number" name="bracket_order" class="form-input" min="1" value="{{ old('bracket_order', $bracket->bracket_order) }}" required>
                </div>

                <div class="form-group">
                    <label class="form-label required">الحد الأدنى</label>
                    <input type="number" step="0.01" name="min_amount" class="form-input" value="{{ old('min_amount', $bracket->min_amount) }}" required>
                </div>

                <div class="form-group">
                    <label class="form-label">الحد الأقصى</label>
                    <input type="number" step="0.01" name="max_amount" class="form-input" value="{{ old('max_amount', $bracket->max_amount) }}">
                    <span class="form-hint">اتركه فارغًا إذا كانت الشريحة بلا حد أقصى</span>
                </div>

                <div class="form-group">
                    <label class="form-label required">نسبة الضريبة (%)</label>
                    <input type="number" step="0.01" name="tax_rate" class="form-input" value="{{ old('tax_rate', $bracket->tax_rate) }}" required>
                </div>
            </div>

            <div class="form-grid cols-3">
                <div class="form-group">
                    <label class="form-label">مبلغ ثابت</label>
                    <input type="number" step="0.01" name="fixed_amount" class="form-input" value="{{ old('fixed_amount', $bracket->fixed_amount) }}">
                </div>

                <div class="form-group">
                    <label class="form-label">الإعفاء السنوي</label>
                    <input type="number" step="0.01" name="annual_exemption" class="form-input" value="{{ old('annual_exemption', $bracket->annual_exemption) }}">
                </div>

                <div class="form-group">
                    <label class="form-label required">تاريخ السريان</label>
                    <input type="date" name="effective_date" class="form-input" value="{{ old('effective_date', $bracket->effective_date?->format('Y-m-d')) }}" required>
                </div>
            </div>

            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label">ملاحظات</label>
                    <textarea name="notes" class="form-input" rows="3">{{ old('notes', $bracket->notes) }}</textarea>
                </div>

                <div class="form-group">
                    <label class="form-label">الحالة</label>
                    <select name="is_active" class="form-select">
                        <option value="1" {{ $bracket->is_active ? 'selected' : '' }}>مفعّل</option>
                        <option value="0" {{ !$bracket->is_active ? 'selected' : '' }}>غير مفعّل</option>
                    </select>
                </div>
            </div>

            <div class="page-actions" style="margin-top:1.5rem;">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save"></i> حفظ التعديلات
                </button>
                <a href="{{ route('income-tax.brackets') }}" class="btn btn-secondary">إلغاء</a>
            </div>
        </form>
    </div>
</div>
@endsection