@extends('reports.layout')

@section('content')
@php
    function fmt($amount) { return '$ ' . number_format((float)$amount, 2); }
    $jalaliMonths = ['حمل', 'ثور', 'جوزا', 'سرطان', 'اسد', 'سنبله', 'میزان', 'عقرب', 'قوس', 'جدی', 'دلو', 'حوت'];
@endphp

<div class="summary-boxes">
    <table style="width:100%;">
        <tr>
            <td><div class="summary-label">تعداد کارمندان</div><div class="summary-value">{{ $staffCount }}</div></td>
        </tr>
    </table>
</div>

<div class="table-responsive">
    <table class="report-table">
        <thead>
            <tr>
                <th>#</th>
                <th>نام</th>
                <th>عنوان وظیفه</th>
                <th class="text-left">معاش ماهانه</th>
                @foreach($jalaliMonths as $m)
                    <th class="text-center">{{ $m }}</th>
                @endforeach
                <th class="text-left">مجموع پرداخت</th>
                <th class="text-left">مالیه</th>
            </tr>
        </thead>
        <tbody>
            @forelse($employees as $index => $emp)
                <tr>
                    <td>{{ $index + 1 }}</td>
                    <td>{{ $emp['name'] }}</td>
                    <td>{{ $emp['position'] }}</td>
                    <td class="text-left currency">{{ fmt($emp['salary']) }}</td>
                    @for($m = 1; $m <= 12; $m++)
                        <td class="text-center">
                            @if(in_array($m, $emp['months']))
                                <span class="checkmark">✓</span>
                            @endif
                        </td>
                    @endfor
                    <td class="text-left currency">{{ fmt($emp['totalPaid']) }}</td>
                    <td class="text-left currency">{{ fmt($emp['totalTax']) }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="17">
                        <div class="empty-message">داده‌ای ثبت نشده است</div>
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection