@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.calculate') }}" class="btn btn-primary">
            <i class="fas fa-play"></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.records') }}" class="filter-form">
        <div class="filter-group">
            <label>الشهر</label>
            <input type="month" name="month" class="form-input" value="{{ $filters['month'] ?? '' }}">
        </div>
        <div class="filter-group">
            <label>الدولة</label>
            <select name="country_code" class="form-select">
                <option value="">كل الدول</option>
                @foreach($taxCountries as $code => $info)
                    <option value="{{ $code }}" {{ ($filters['country_code'] ?? '') === $code ? 'selected' : '' }}>
                        {{ $info['flag'] }} {{ $info['name'] }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="filter-group">
            <label>الموظف</label>
            <select name="employee_id" class="form-select">
                <option value="">كل الموظفين</option>
                @foreach($employees as $employee)
                    <option value="{{ $employee->id }}" {{ ($filters['employee_id'] ?? '') == $employee->id ? 'selected' : '' }}>
                        {{ $employee->first_name }} {{ $employee->last_name }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="filter-group">
            <label>الحالة</label>
            <select name="status" class="form-select">
                <option value="">كل الحالات</option>
                <option value="calculated" {{ ($filters['status'] ?? '') === 'calculated' ? 'selected' : '' }}>محتسب</option>
                <option value="approved" {{ ($filters['status'] ?? '') === 'approved' ? 'selected' : '' }}>معتمد</option>
                <option value="paid" {{ ($filters['status'] ?? '') === 'paid' ? 'selected' : '' }}>مدفوع</option>
            </select>
        </div>
        <button type="submit" class="btn btn-secondary">
            <i class="fas fa-filter"></i> تصفية
        </button>
        <a href="{{ route('income-tax.records') }}" class="btn btn-secondary">
            <i class="fas fa-times"></i> إلغاء
        </a>
    </form>
</div>

<div class="card" style="margin-top:1.5rem;">
    <div class="card-body">
        @if($records->count() > 0)
            <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>
                            <th>الحالة</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($records as $record)
                            <tr>
                                <td>{{ $record->employee->first_name ?? '' }} {{ $record->employee->last_name ?? '' }}</td>
                                <td>{{ $record->employee->department->name ?? '-' }}</td>
                                <td>{{ $taxCountries[$record->country_code]['flag'] ?? '' }} {{ $taxCountries[$record->country_code]['name'] ?? $record->country_code }}</td>
                                <td>{{ $record->month?->format('Y-m') }}</td>
                                <td>{{ number_format($record->gross_salary, 2) }}</td>
                                <td>{{ number_format($record->taxable_income, 2) }}</td>
                                <td>{{ number_format($record->tax_amount, 2) }}</td>
                                <td>{{ number_format($record->additional_tax, 2) }}</td>
                                <td><strong>{{ number_format($record->total_tax, 2) }}</strong></td>
                                <td>{{ number_format($record->effective_rate, 2) }}%</td>
                                <td>
                                    @if($record->status === 'paid')
                                        <span class="status-badge status-active">مدفوع</span>
                                    @elseif($record->status === 'approved')
                                        <span class="status-badge status-submitted">معتمد</span>
                                    @else
                                        <span class="status-badge status-pending">محتسب</span>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div style="margin-top:1rem;">
                {{ $records->links() }}
            </div>
        @else
            <div class="empty-state">
                <i class="fas fa-file-invoice-dollar"></i>
                <p>لا توجد سجلات ضريبية مطابقة لهذه الفلاتر.</p>
            </div>
        @endif
    </div>
</div>
@endsection