@extends('layouts.app')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">إضافة شريحة ضريبية</h1>
        <p class="page-subtitle">إضافة شريحة جديدة لضريبة الدخل</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-plus-circle"></i> بيانات الشريحة</h3>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('income-tax.storeBracket') }}">
            @csrf

            <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') === $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') }}" required>
                </div>

                <div class="form-group">
                    <label class="form-label required">العملة</label>
                    <input type="text" name="currency" class="form-input" maxlength="3" placeholder="EGP" value="{{ old('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', 1) }}" required>
                    <span class="form-hint">الترتيب داخل نفس الدولة (1، 2، 3 ...)</span>
                </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') }}" 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') }}">
                    <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') }}" 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', 0) }}">
                    <span class="form-hint">ضريبة ثابتة تراكمية من الشرائح السابقة (اختياري)</span>
                </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', 0) }}">
                    <span class="form-hint">يُستخدم عادة في الشريحة الأولى فقط</span>
                </div>

                <div class="form-group">
                    <label class="form-label required">تاريخ السريان</label>
                    <input type="date" name="effective_date" class="form-input" value="{{ old('effective_date', date('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') }}</textarea>
                </div>

                <div class="form-group">
                    <label class="form-label">الحالة</label>
                    <select name="is_active" class="form-select">
                        <option value="1" selected>مفعّل</option>
                        <option value="0">غير مفعّل</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