@extends('layouts.app')
@section('title', 'تفاصيل المصروفات')
@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">{{ $expense->title }}</h1>
        <p class="page-subtitle">{{ $expense->claim_number }} — {{ $expense->employee->first_name ?? '' }} {{ $expense->employee->last_name ?? '' }}</p>
    </div>
    <div class="page-actions">
        @if($expense->status === 'draft')
        <form method="POST" action="{{ route('expenses.submit', $expense) }}" style="display:inline">@csrf
            <button class="btn btn-primary"><i class="fa-solid fa-paper-plane"></i> تقديم للاعتماد</button>
        </form>
        @endif
        @if($expense->status === 'submitted')
        <form method="POST" action="{{ route('expenses.approve', $expense) }}" style="display:inline">@csrf
            <button class="btn btn-success"><i class="fa-solid fa-check"></i> اعتماد</button>
        </form>
        <form method="POST" action="{{ route('expenses.reject', $expense) }}" style="display:inline" onsubmit="this.querySelector('[name=reason]').value=prompt('سبب الرفض:')||'';return this.querySelector('[name=reason]').value!==''">@csrf
            <input type="hidden" name="reason" value="">
            <button class="btn btn-danger"><i class="fa-solid fa-times"></i> رفض</button>
        </form>
        @endif
        @if($expense->status === 'approved')
        <form method="POST" action="{{ route('expenses.mark-paid', $expense) }}" style="display:inline">@csrf
            <button class="btn btn-success"><i class="fa-solid fa-money-bill"></i> تأكيد الصرف</button>
        </form>
        @endif
    </div>
</div>

<div class="card">
    <div class="card-header"><h3>البنود</h3></div>
    <div class="card-body" style="overflow-x:auto">
        <table class="data-table">
            <thead><tr><th>التصنيف</th><th>الوصف</th><th>التاريخ</th><th>المبلغ</th></tr></thead>
            <tbody>
                @php $cats = ['transport'=>'مواصلات','meals'=>'وجبات','accommodation'=>'إقامة','supplies'=>'مستلزمات','communication'=>'اتصالات','other'=>'أخرى']; @endphp
                @foreach($expense->items as $item)
                <tr>
                    <td>{{ $cats[$item->category] ?? $item->category }}</td>
                    <td>{{ $item->description }}</td>
                    <td>{{ $item->expense_date->format('Y-m-d') }}</td>
                    <td style="font-weight:600">{{ number_format($item->amount, 2) }} ر.س</td>
                </tr>
                @endforeach
                <tr style="background:var(--bg);font-weight:700">
                    <td colspan="3">الإجمالي</td>
                    <td>{{ number_format($expense->total_amount, 2) }} ر.س</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
@endsection