@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.records') }}" class="btn btn-secondary">
            <i class="fas fa-list"></i> السجلات
        </a>
    </div>
</div>

<div class="filter-bar">
    <form method="GET" action="{{ route('income-tax.calculate') }}" class="filter-form">
        <div class="filter-group">
            <label>الشهر</label>
            <input type="month" name="month" class="form-input" value="{{ $month }}">
        </div>
        <button type="submit" class="btn btn-secondary">
            <i class="fas fa-sync"></i> تحديث المعاينة
        </button>
    </form>
</div>

<div class="card" style="margin-top:1.5rem;">
    <div class="card-header">
        <h3><i class="fas fa-table"></i> معاينة الاحتساب - {{ $month }}</h3>
    </div>
    <div class="card-body">
        @if(count($preview) > 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>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($preview as $row)
                            <tr>
                                <td>{{ $row['employee']->first_name ?? '' }} {{ $row['employee']->last_name ?? '' }}</td>
                                <td>{{ $taxCountries[$row['country_code']]['flag'] ?? '' }} {{ $taxCountries[$row['country_code']]['name'] ?? $row['country_code'] }}</td>
                                <td>{{ number_format($row['gross_salary'], 2) }}</td>
                                <td>{{ number_format($row['annual_projected'], 2) }}</td>
                                <td>{{ number_format($row['taxable_income'], 2) }}</td>
                                <td>{{ number_format($row['tax_amount'], 2) }}</td>
                                <td>{{ number_format($row['additional_tax'], 2) }}</td>
                                <td><strong>{{ number_format($row['total_tax'], 2) }}</strong></td>
                                <td>{{ number_format($row['effective_rate'], 2) }}%</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <form method="POST" action="{{ route('income-tax.runCalculation') }}" style="margin-top:1.5rem;">
                @csrf
                <input type="hidden" name="month" value="{{ $month }}">
                <button type="submit" class="btn btn-primary" onclick="return confirm('هل أنت متأكد من تنفيذ الاحتساب وحفظ السجلات لشهر {{ $month }}؟')">
                    <i class="fas fa-play"></i> تنفيذ الاحتساب وحفظ السجلات ({{ count($preview) }} موظف)
                </button>
            </form>
        @else
            <div class="empty-state">
                <i class="fas fa-info-circle"></i>
                <p>لا يوجد موظفون في الدول الخاضعة لضريبة الدخل (مصر، الأردن، العراق، لبنان)، أو لم يتم إعداد الشرائح الضريبية بعد.</p>
            </div>
        @endif
    </div>
</div>
@endsection