@extends('layouts.app')
@section('title', 'مسير الرواتب - DOTS HR Pro')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">مسير الرواتب</h1>
        <p class="page-subtitle">إدارة الرواتب الشهرية</p>
    </div>
    <div class="page-actions">
        <form method="POST" action="{{ route('payroll.generate') }}" style="display:inline">
            @csrf
            <div style="display:flex;gap:8px;align-items:center">
                <input type="month" name="month" class="form-input" style="width:auto" value="{{ now()->format('Y-m') }}" required>
                <button type="submit" class="btn btn-primary"><i class="fas fa-cog"></i> توليد مسير الرواتب</button>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <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>
                @forelse($payrolls as $payroll)
                <tr>
                    <td>{{ $payroll->month }}</td>
                    <td>{{ $payroll->items_count ?? $payroll->items()->count() }}</td>
                    <td>{{ number_format(($payroll->total_basic ?? 0) + ($payroll->total_allowances ?? 0), 2) }} {{ currency_label() }}</td>
                    <td>{{ number_format($payroll->total_deductions ?? 0, 2) }} {{ currency_label() }}</td>
                    <td><strong>{{ number_format($payroll->total_net ?? 0, 2) }} {{ currency_label() }}</strong></td>
                    <td>
                        <span class="status-badge status-{{ $payroll->status }}">
                            @switch($payroll->status)
                                @case('draft') مسودة @break
                                @case('approved') معتمد @break
                                @case('paid') مدفوع @break
                                @default {{ $payroll->status }}
                            @endswitch
                        </span>
                    </td>
                    <td>
                        <div class="action-btns">
                            <a href="{{ route('payroll.show', $payroll) }}" class="action-btn" title="عرض"><i class="fas fa-eye"></i></a>
                            @if($payroll->status === 'draft')
                                <form method="POST" action="{{ route('payroll.approve', $payroll) }}" style="display:inline">@csrf<button class="action-btn success" title="اعتماد"><i class="fas fa-check"></i></button></form>
                            @endif
                            <a href="{{ route('payroll.export', $payroll) }}" class="action-btn" title="تصدير"><i class="fas fa-download"></i></a>
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="7"><div class="empty-state"><i class="fas fa-money-bill-wave"></i><h3>لا توجد مسيرات رواتب</h3><p>قم بتوليد مسير الرواتب من الأعلى</p></div></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection