@extends('layouts.app')
@section('title', 'تقرير التأمينات الاجتماعية')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تقرير التأمينات الاجتماعية (GOSI)</h1>
        <p class="page-subtitle">حالة التسجيل وحساب الاشتراكات</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('compliance.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-right"></i> رجوع</a>
    </div>
</div>

<div class="stats-grid cols-4">
    <div class="stat-card">
        <div class="stat-icon" style="background: var(--success-light); color: var(--success);"><i class="fas fa-check-circle"></i></div>
        <div class="stat-value">{{ $registered->count() }}</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-times-circle"></i></div>
        <div class="stat-value">{{ $notRegistered->count() }}</div>
        <div class="stat-label">غير مسجّل</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon" style="background: #e3f2fd; color: #1565c0;"><i class="fas fa-building"></i></div>
        <div class="stat-value">{{ number_format($expectedEmployerShare, 0) }}</div>
        <div class="stat-label">حصة صاحب العمل (شهري)</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon" style="background: #f3e5f5; color: #6a1b9a;"><i class="fas fa-user"></i></div>
        <div class="stat-value">{{ number_format($expectedEmployeeShare, 0) }}</div>
        <div class="stat-label">حصة الموظف (شهري)</div>
    </div>
</div>

@if($saudiNotRegistered->isNotEmpty())
<div class="alert alert-danger" style="margin-bottom:1.5rem;">
    <i class="fas fa-exclamation-triangle"></i>
    <strong>تنبيه:</strong> يوجد {{ $saudiNotRegistered->count() }} موظف سعودي غير مسجّل في التأمينات الاجتماعية — التسجيل إلزامي!
</div>
@endif

<!-- By Department -->
<div class="card" style="margin-bottom:1.5rem;">
    <div class="card-header"><h3 class="card-title">حسب القسم</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></tr></thead>
                <tbody>
                @foreach($byDept as $d)
                <tr>
                    <td>{{ $d['department'] }}</td>
                    <td>{{ $d['employees'] }}</td>
                    <td><span style="color:var(--success);">{{ $d['registered'] }}</span></td>
                    <td>
                        @if($d['not_registered'] > 0)
                            <span style="color:var(--danger); font-weight:600;">{{ $d['not_registered'] }}</span>
                        @else
                            <span style="color:var(--success);">0</span>
                        @endif
                    </td>
                    <td>{{ number_format($d['basic_salary'], 0) }}</td>
                    <td>{{ number_format($d['employer_share'], 0) }}</td>
                    <td>{{ number_format($d['employee_share'], 0) }}</td>
                </tr>
                @endforeach
                </tbody>
                <tfoot>
                    <tr style="font-weight:700; background:var(--bg);">
                        <td>الإجمالي</td>
                        <td>{{ $employees->count() }}</td>
                        <td>{{ $registered->count() }}</td>
                        <td>{{ $notRegistered->count() }}</td>
                        <td>{{ number_format($totalBasicSalary, 0) }}</td>
                        <td>{{ number_format($expectedEmployerShare, 0) }}</td>
                        <td>{{ number_format($expectedEmployeeShare, 0) }}</td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>

<!-- Not registered list -->
@if($notRegistered->isNotEmpty())
<div class="card">
    <div class="card-header"><h3 class="card-title">موظفون بدون تأمينات ({{ $notRegistered->count() }})</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></tr></thead>
                <tbody>
                @foreach($notRegistered->take(30) as $emp)
                <tr>
                    <td><span class="code-badge">{{ $emp->employee_code }}</span></td>
                    <td>{{ $emp->first_name }} {{ $emp->last_name }}</td>
                    <td>{{ $emp->department->name ?? '—' }}</td>
                    <td>
                        @if($emp->nationality_id == 1)
                            <span style="color:var(--danger); font-weight:600;">سعودي ⚠</span>
                        @else
                            {{ $emp->nationality->name_ar ?? '—' }}
                        @endif
                    </td>
                    <td>{{ number_format($emp->basic_salary, 0) }}</td>
                </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endif
@endsection