@extends('layouts.app')
@section('title', 'تقرير توزيع التكلفة')

@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('cost-centers.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-right"></i> رجوع</a>
    </div>
</div>

<!-- Summary Stats -->
<div class="stats-grid cols-4">
    <div class="stat-card">
        <div class="stat-icon" style="background: var(--primary-light); color: var(--primary);">
            <i class="fas fa-wallet"></i>
        </div>
        <div class="stat-value">{{ number_format($totalBudget, 0) }}</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-receipt"></i>
        </div>
        <div class="stat-value">{{ number_format($totalSpent, 0) }}</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-money-bill-wave"></i>
        </div>
        <div class="stat-value">{{ number_format($totalSalaries, 0) }}</div>
        <div class="stat-label">تكلفة الرواتب السنوية</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon" style="background: #fff3e0; color: #e65100;">
            <i class="fas fa-user-slash"></i>
        </div>
        <div class="stat-value">{{ $unassigned->count() }}</div>
        <div class="stat-label">موظفون غير معيّنين</div>
    </div>
</div>

<!-- Distribution Table -->
<div class="card" style="margin-bottom: 1.5rem;">
    <div class="card-header"><h3 class="card-title">توزيع مراكز التكلفة</h3></div>
    <div class="card-body">
        @if(count($reportData) > 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>
                    </tr>
                </thead>
                <tbody>
                    @foreach($reportData as $item)
                    <tr>
                        <td><span class="code-badge">{{ $item['cost_center']->code }}</span></td>
                        <td>
                            <a href="{{ route('cost-centers.show', $item['cost_center']) }}" style="color:var(--primary); font-weight:600;">
                                {{ $item['cost_center']->name }}
                            </a>
                        </td>
                        <td>{{ $item['employee_count'] }}</td>
                        <td>{{ number_format($item['monthly_salary'], 0) }}</td>
                        <td>{{ number_format($item['annual_salary'], 0) }}</td>
                        <td>{{ number_format($item['cost_center']->annual_budget, 0) }}</td>
                        <td>
                            @php $u = $item['budget_usage']; @endphp
                            <div style="display:flex; align-items:center; gap:0.5rem;">
                                <div style="flex:1; background:var(--border-light); border-radius:4px; height:8px; min-width:60px;">
                                    <div style="width:{{ min($u, 100) }}%; height:100%; border-radius:4px; background:{{ $u > 90 ? 'var(--danger)' : ($u > 70 ? 'var(--warning)' : 'var(--success)') }};"></div>
                                </div>
                                <span style="font-size:0.8rem;">{{ $u }}%</span>
                            </div>
                        </td>
                        <td style="color:{{ $item['remaining'] < 0 ? 'var(--danger)' : 'var(--success)' }}; font-weight:600;">
                            {{ number_format($item['remaining'], 0) }}
                        </td>
                    </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr style="font-weight:700; background:var(--bg);">
                        <td colspan="2">الإجمالي</td>
                        <td>{{ collect($reportData)->sum('employee_count') }}</td>
                        <td>{{ number_format(collect($reportData)->sum('monthly_salary'), 0) }}</td>
                        <td>{{ number_format($totalSalaries, 0) }}</td>
                        <td>{{ number_format($totalBudget, 0) }}</td>
                        <td>{{ $totalBudget > 0 ? round(($totalSpent / $totalBudget) * 100, 1) : 0 }}%</td>
                        <td>{{ number_format($totalBudget - $totalSpent, 0) }}</td>
                    </tr>
                </tfoot>
            </table>
        </div>
        @else
        <div class="empty-state">
            <p>لا توجد مراكز تكلفة نشطة</p>
        </div>
        @endif
    </div>
</div>

<!-- Unassigned Employees -->
@if($unassigned->isNotEmpty())
<div class="card">
    <div class="card-header">
        <h3 class="card-title">موظفون بدون مركز تكلفة ({{ $unassigned->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($unassigned->take(20) 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>{{ number_format($emp->basic_salary, 0) }}</td>
                    <td>{{ number_format($emp->basic_salary + ($emp->housing_allowance ?? 0) + ($emp->transport_allowance ?? 0) + ($emp->other_allowances ?? 0), 0) }}</td>
                </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        @if($unassigned->count() > 20)
        <p style="color:var(--text-muted); text-align:center; margin-top:0.75rem;">وأكثر... (إجمالي {{ $unassigned->count() }} موظف)</p>
        @endif
        <p style="color:var(--text-secondary); margin-top:0.75rem;">
            <strong>تكلفة الرواتب الشهرية لغير المعيّنين:</strong> {{ number_format($unassignedSalary, 0) }} ر.س
        </p>
    </div>
</div>
@endif
@endsection