@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.index') }}" 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-calculator"></i> بيانات المحاكاة</h3>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('income-tax.runSimulator') }}">
            @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', $input['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="number" step="0.01" name="monthly_salary" class="form-input"
                           value="{{ old('monthly_salary', $input['monthly_salary'] ?? '') }}" required>
                    <span class="form-hint">أساسي + سكن + نقل + بدلات أخرى</span>
                </div>

                <div class="form-group">
                    <label class="form-label">الحالة الاجتماعية</label>
                    <select name="marital_status" class="form-select">
                        <option value="single" {{ (old('marital_status', $input['marital_status'] ?? 'single')) === 'single' ? 'selected' : '' }}>أعزب</option>
                        <option value="married" {{ (old('marital_status', $input['marital_status'] ?? '')) === 'married' ? 'selected' : '' }}>متزوج</option>
                    </select>
                    <span class="form-hint">تؤثر على الإعفاء السنوي في الأردن</span>
                </div>
            </div>

            <div class="page-actions" style="margin-top:1rem;">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-calculator"></i> احسب
                </button>
            </div>
        </form>
    </div>
</div>

@if($result)
    <div class="stats-grid cols-4" style="margin-top:1.5rem;">
        <div class="stat-card">
            <div class="stat-icon" style="background: var(--primary-light); color: var(--primary);">
                <i class="fas fa-calendar-alt"></i>
            </div>
            <div class="stat-value">{{ number_format($result['annual_projected'], 2) }}</div>
            <div class="stat-label">الراتب السنوي المتوقع</div>
        </div>
        <div class="stat-card">
            <div class="stat-icon" style="background: var(--success-light); color: var(--success);">
                <i class="fas fa-shield-alt"></i>
            </div>
            <div class="stat-value">{{ number_format($result['annual_exemption'], 2) }}</div>
            <div class="stat-label">الإعفاء السنوي</div>
        </div>
        <div class="stat-card">
            <div class="stat-icon" style="background: var(--warning-light); color: var(--warning);">
                <i class="fas fa-file-invoice"></i>
            </div>
            <div class="stat-value">{{ number_format($result['taxable_income'], 2) }}</div>
            <div class="stat-label">الدخل السنوي الخاضع للضريبة</div>
        </div>
        <div class="stat-card">
            <div class="stat-icon" style="background: var(--danger-light); color: var(--danger);">
                <i class="fas fa-percentage"></i>
            </div>
            <div class="stat-value">{{ number_format($result['effective_rate'], 2) }}%</div>
            <div class="stat-label">النسبة الفعلية</div>
        </div>
    </div>

    <div class="card" style="margin-top:1.5rem;">
        <div class="card-header">
            <h3><i class="fas fa-layer-group"></i> تفصيل الاحتساب حسب الشرائح</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>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($result['calculation_details']['breakdown'] as $b)
                            <tr>
                                <td>{{ $b['bracket_order'] }}</td>
                                <td>{{ number_format($b['min_amount'], 2) }}</td>
                                <td>{{ $b['max_amount'] !== null ? number_format($b['max_amount'], 2) : 'بلا حد' }}</td>
                                <td>{{ number_format($b['rate'], 2) }}%</td>
                                <td>{{ number_format($b['taxable_in_bracket'], 2) }}</td>
                                <td><strong>{{ number_format($b['tax_in_bracket'], 2) }}</strong></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="card" style="margin-top:1.5rem;">
        <div class="card-header">
            <h3><i class="fas fa-receipt"></i> ملخص النتيجة</h3>
        </div>
        <div class="card-body">
            <div class="form-grid cols-3">
                <div class="form-group">
                    <label class="form-label">إجمالي الضريبة السنوية</label>
                    <div class="form-input" style="background:#f8f9fa;">{{ number_format($result['annual_tax'], 2) }}</div>
                </div>
                <div class="form-group">
                    <label class="form-label">ضريبة الدخل الشهرية</label>
                    <div class="form-input" style="background:#f8f9fa;">{{ number_format($result['tax_amount'], 2) }}</div>
                </div>
                <div class="form-group">
                    <label class="form-label">ضريبة إضافية (تكافل الأردن مثلاً)</label>
                    <div class="form-input" style="background:#f8f9fa;">{{ number_format($result['additional_tax'], 2) }}</div>
                </div>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label">إجمالي الضريبة الشهرية</label>
                    <div class="form-input" style="background:var(--primary-light); font-weight:700; font-size:1.1rem;">
                        {{ number_format($result['total_tax'], 2) }}
                    </div>
                </div>
                <div class="form-group">
                    <label class="form-label">صافي الراتب بعد الضريبة</label>
                    <div class="form-input" style="background:var(--success-light); font-weight:700; font-size:1.1rem;">
                        {{ number_format($result['gross_salary'] - $result['total_tax'], 2) }}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif
@endsection