@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.createBracket') }}" class="btn btn-primary">
            <i class="fas fa-plus"></i> إضافة شريحة جديدة
        </a>
    </div>
</div>

@if(session('success'))
    <div class="status-badge status-active" style="display:block; margin-bottom:1rem; padding:0.75rem 1rem;">
        <i class="fas fa-check-circle"></i> {{ session('success') }}
    </div>
@endif

<div class="filter-bar">
    <form method="GET" action="{{ route('income-tax.brackets') }}" class="filter-form">
        <div class="filter-group">
            <label>الدولة</label>
            <select name="country_code" class="form-select" onchange="this.form.submit()">
                <option value="">كل الدول</option>
                @foreach($taxCountries as $code => $info)
                    <option value="{{ $code }}" {{ $countryFilter === $code ? 'selected' : '' }}>
                        {{ $info['flag'] }} {{ $info['name'] }} ({{ $code }})
                    </option>
                @endforeach
            </select>
        </div>
        @if($countryFilter)
            <a href="{{ route('income-tax.brackets') }}" class="btn btn-secondary">
                <i class="fas fa-times"></i> إلغاء الفلتر
            </a>
        @endif
    </form>
</div>

@forelse($bracketsByCountry as $countryCode => $brackets)
    <div class="card" style="margin-top:1.5rem;">
        <div class="card-header">
            <h3>
                {{ $taxCountries[$countryCode]['flag'] ?? '' }}
                {{ $taxCountries[$countryCode]['name'] ?? $countryCode }}
                <span class="code-badge">{{ $countryCode }}</span>
            </h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>من</th>
                            <th>إلى</th>
                            <th>النسبة</th>
                            <th>مبلغ ثابت</th>
                            <th>الإعفاء السنوي</th>
                            <th>العملة</th>
                            <th>تاريخ السريان</th>
                            <th>الحالة</th>
                            <th>إجراءات</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($brackets->sortBy('bracket_order') as $bracket)
                            <tr>
                                <td>{{ $bracket->bracket_order }}</td>
                                <td>{{ number_format($bracket->min_amount, 2) }}</td>
                                <td>{{ $bracket->max_amount !== null ? number_format($bracket->max_amount, 2) : 'بلا حد' }}</td>
                                <td><strong>{{ number_format($bracket->tax_rate, 2) }}%</strong></td>
                                <td>{{ number_format($bracket->fixed_amount, 2) }}</td>
                                <td>{{ $bracket->annual_exemption > 0 ? number_format($bracket->annual_exemption, 2) : '-' }}</td>
                                <td>{{ $bracket->currency }}</td>
                                <td>{{ $bracket->effective_date?->format('Y-m-d') }}</td>
                                <td>
                                    @if($bracket->is_active)
                                        <span class="status-badge status-active">مفعّل</span>
                                    @else
                                        <span class="status-badge status-draft">غير مفعّل</span>
                                    @endif
                                </td>
                                <td>
                                    <a href="{{ route('income-tax.editBracket', $bracket->id) }}" class="btn btn-secondary" style="padding:0.35rem 0.75rem;">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@empty
    <div class="empty-state">
        <i class="fas fa-layer-group"></i>
        <p>لا توجد شرائح ضريبية مسجلة بعد.</p>
        <a href="{{ route('income-tax.createBracket') }}" class="btn btn-primary">
            <i class="fas fa-plus"></i> إضافة شريحة جديدة
        </a>
    </div>
@endforelse
@endsection