@extends('layouts.app')
@section('title', 'تقارير الرواتب المتقدمة')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تقارير الرواتب المتقدمة</h1>
        <p class="page-subtitle">مقارنات شهرية وتحليل تكاليف الأقسام والبدلات</p>
    </div>
</div>

<div class="card" style="margin-bottom: 1.5rem;">
    <div class="card-body">
        <form method="GET" class="filter-form">
            <div class="filter-group">
                <label class="form-label">الشهر</label>
                <input type="month" name="month" class="form-input" value="{{ $currentMonth }}">
            </div>
            <div class="filter-group" style="align-self: flex-end;">
                <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i> عرض</button>
            </div>
        </form>
    </div>
</div>

{{-- مقارنة الشهر الحالي مع السابق --}}
<div class="stats-grid cols-4">
    @php
        $comparisons = [
            ['label' => 'صافي الرواتب', 'current' => $currentTotals['net'], 'prev' => $prevTotals['net'], 'icon' => 'fa-money-bill-wave', 'color' => 'var(--success)'],
            ['label' => 'إجمالي البدلات', 'current' => $currentTotals['allowances'], 'prev' => $prevTotals['allowances'], 'icon' => 'fa-plus-circle', 'color' => 'var(--primary)'],
            ['label' => 'إجمالي الخصومات', 'current' => $currentTotals['deductions'], 'prev' => $prevTotals['deductions'], 'icon' => 'fa-minus-circle', 'color' => 'var(--danger)'],
            ['label' => 'عدد الموظفين', 'current' => $currentTotals['count'], 'prev' => $prevTotals['count'], 'icon' => 'fa-users', 'color' => 'var(--warning)'],
        ];
    @endphp
    @foreach($comparisons as $comp)
        @php
            $diff = $comp['current'] - $comp['prev'];
            $pctChange = $comp['prev'] > 0 ? round(($diff / $comp['prev']) * 100, 1) : 0;
        @endphp
        <div class="stat-card">
            <div class="stat-icon" style="background: color-mix(in srgb, {{ $comp['color'] }} 15%, transparent); color: {{ $comp['color'] }};"><i class="fas {{ $comp['icon'] }}"></i></div>
            <div class="stat-value">{{ $comp['label'] === 'عدد الموظفين' ? $comp['current'] : number_format($comp['current'], 0) }}</div>
            <div class="stat-label">{{ $comp['label'] }}</div>
            @if($pctChange != 0)
                <small style="color: {{ $diff > 0 ? 'var(--danger)' : 'var(--success)' }}; font-size: 0.8rem;">
                    <i class="fas {{ $diff > 0 ? 'fa-arrow-up' : 'fa-arrow-down' }}"></i>
                    {{ abs($pctChange) }}% عن الشهر السابق
                </small>
            @endif
        </div>
    @endforeach
</div>

<div style="display: grid; grid-template-columns: 2fr 1fr; gap: 1.5rem; margin-top: 1.5rem;">
    {{-- اتجاه الرواتب (6 أشهر) --}}
    <div class="card">
        <div class="card-header"><h3 class="card-title"><i class="fas fa-chart-line"></i> اتجاه صافي الرواتب (6 أشهر)</h3></div>
        <div class="card-body">
            <div style="display: flex; align-items: flex-end; gap: 0.8rem; height: 200px;">
                @php $maxM = max(1, max(array_column($monthlyTrend, 'total'))); @endphp
                @foreach($monthlyTrend as $mt)
                    <div style="flex: 1; display: flex; flex-direction: column; align-items: center; gap: 0.3rem;">
                        <span style="font-size: 0.7rem; font-weight: 600;">{{ number_format($mt['total']/1000, 0) }}K</span>
                        <div style="width: 100%; background: var(--primary); border-radius: 4px 4px 0 0; height: {{ $mt['total'] > 0 ? (($mt['total'] / $maxM) * 160) : 4 }}px; min-height: 4px;"></div>
                        <span style="font-size: 0.7rem; color: var(--text-muted);">{{ \Carbon\Carbon::parse($mt['month'] . '-01')->format('M') }}</span>
                    </div>
                @endforeach
            </div>
        </div>
    </div>

    {{-- تحليل البدلات --}}
    <div class="card">
        <div class="card-header"><h3 class="card-title"><i class="fas fa-chart-pie"></i> تحليل البدلات</h3></div>
        <div class="card-body">
            @php
                $totalAll = array_sum($allowanceBreakdown) ?: 1;
                $allLabels = ['housing' => 'بدل السكن', 'transport' => 'بدل النقل', 'other' => 'بدلات أخرى'];
                $allColors = ['housing' => 'var(--primary)', 'transport' => 'var(--success)', 'other' => 'var(--warning)'];
            @endphp
            @foreach($allowanceBreakdown as $key => $val)
                @php $pct = round(($val / $totalAll) * 100, 1); @endphp
                <div style="margin-bottom: 1rem;">
                    <div style="display: flex; justify-content: space-between; font-size: 0.9rem; margin-bottom: 0.3rem;">
                        <span>{{ $allLabels[$key] }}</span>
                        <span style="font-weight: 600;">{{ number_format($val, 0) }} ({{ $pct }}%)</span>
                    </div>
                    <div style="background: var(--border-light); border-radius: 8px; height: 10px; overflow: hidden;">
                        <div style="width: {{ $pct }}%; height: 100%; background: {{ $allColors[$key] }}; border-radius: 8px;"></div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>

{{-- تكلفة لكل قسم --}}
<div class="card" style="margin-top: 1.5rem;">
    <div class="card-header"><h3 class="card-title"><i class="fas fa-building"></i> تكلفة الرواتب حسب القسم</h3></div>
    <div class="card-body" style="padding: 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>
                    </tr>
                </thead>
                <tbody>
                    @foreach($departmentCosts as $deptName => $data)
                        @php $pct = $currentTotals['net'] > 0 ? round(($data['net'] / $currentTotals['net']) * 100, 1) : 0; @endphp
                        <tr>
                            <td><strong>{{ $deptName }}</strong></td>
                            <td>{{ $data['count'] }}</td>
                            <td>{{ number_format($data['basic'], 0) }}</td>
                            <td>{{ number_format($data['allowances'], 0) }}</td>
                            <td style="color: var(--danger);">{{ number_format($data['deductions'], 0) }}</td>
                            <td style="font-weight: 700;">{{ number_format($data['net'], 0) }}</td>
                            <td>{{ $pct }}%</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection