@extends('layouts.app')

@section('title', 'الرواتب والمصروفات')
@section('page_title', 'إدارة الرواتب والمصروفات')

@section('content')
<!-- Filters -->
<div class="row mb-3">
    <div class="col-12">
        <form method="GET" action="{{ route('admin.finances') }}" class="row g-2 align-items-end">
            <div class="col-md-2">
                <label class="form-label mb-1">الشهر</label>
                <input type="month" class="form-control" name="month" value="{{ $month ?? now()->format('Y-m') }}">
            </div>
            <div class="col-md-2">
                <label class="form-label mb-1">فئة المصروف</label>
                <select class="form-select" name="expense_category">
                    <option value="">الكل</option>
                    @php $categories = ['مرافق','طبية','صيانة','نظافة','إيجار','تسويق','إدارية','أخرى']; @endphp
                    @foreach($categories as $cat)
                        <option value="{{ $cat }}" {{ ($expenseCategory ?? '') === $cat ? 'selected' : '' }}>{{ $cat }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label mb-1">حالة المصروف</label>
                <select class="form-select" name="expense_status">
                    @php $expStatuses = ['', 'pending','paid','cancelled']; @endphp
                    @foreach($expStatuses as $st)
                        <option value="{{ $st }}" {{ ($expenseStatus ?? '') === $st ? 'selected' : '' }}>{{ $st === '' ? 'الكل' : ($st === 'pending' ? 'معلق' : ($st === 'paid' ? 'مدفوع' : 'ملغي')) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label mb-1">طريقة الدفع</label>
                <select class="form-select" name="expense_method">
                    @php $methods = ['', 'نقدي','بنكي','بطاقة','شيك']; @endphp
                    @foreach($methods as $m)
                        <option value="{{ $m }}" {{ ($expenseMethod ?? '') === $m ? 'selected' : '' }}>{{ $m === '' ? 'الكل' : $m }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label mb-1">دور الموظف (رواتب)</label>
                <select class="form-select" name="salary_role">
                    @php $roles = ['', 'doctor','receptionist','admin']; @endphp
                    @foreach($roles as $r)
                        <option value="{{ $r }}" {{ ($salaryRole ?? '') === $r ? 'selected' : '' }}>{{ $r === '' ? 'الكل' : ($r === 'doctor' ? 'طبيب' : ($r === 'receptionist' ? 'موظف استقبال' : 'مدير')) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-12 d-flex justify-content-between mt-2">
                <div class="small text-muted align-self-center">
                    <span>يعرض البيانات لشهر: <strong>{{ ($month ?? now()->format('Y-m')) }}</strong></span>
                </div>
                <div>
                    <a
                        href="{{ route('admin.finances.export', array_merge(request()->query(), ['type' => 'expenses', 'format' => 'excel'])) }}"
                        class="btn btn-outline-success me-2"
                        target="_blank"
                        rel="noopener"
                    >
                        <i class="fas fa-file-excel me-1"></i>تصدير المصروفات Excel
                    </a>
                    <a
                        href="{{ route('admin.finances.export', array_merge(request()->query(), ['type' => 'expenses', 'format' => 'pdf'])) }}"
                        class="btn btn-outline-danger me-2"
                        target="_blank"
                        rel="noopener"
                    >
                        <i class="fas fa-file-pdf me-1"></i>تصدير المصروفات PDF
                    </a>
                    <a
                        href="{{ route('admin.finances.export', array_merge(request()->query(), ['type' => 'salaries', 'format' => 'excel'])) }}"
                        class="btn btn-outline-primary me-2"
                        target="_blank"
                        rel="noopener"
                    >
                        <i class="fas fa-file-excel me-1"></i>تصدير الرواتب Excel
                    </a>
                    <a
                        href="{{ route('admin.finances.export', array_merge(request()->query(), ['type' => 'salaries', 'format' => 'pdf'])) }}"
                        class="btn btn-outline-danger me-2"
                        target="_blank"
                        rel="noopener"
                    >
                        <i class="fas fa-file-pdf me-1"></i>تصدير الرواتب PDF
                    </a>
                    <a href="{{ route('admin.finances') }}" class="btn btn-light me-2"><i class="fas fa-undo me-1"></i>إعادة تعيين</a>
                    <button class="btn btn-outline-primary" type="submit"><i class="fas fa-filter me-1"></i>تصفية</button>
                </div>
            </div>
        </form>
    </div>
</div>
<!-- Financial Summary Cards -->
<div class="row mb-4">
    <div class="col-md-3">
        <div class="card bg-success text-white">
            <div class="card-body">
                <div class="d-flex justify-content-between">
                    <div>
                        <h4>{{ number_format($totalRevenue ?? 0) }} ج.م</h4>
                        <p class="mb-0">إجمالي الإيرادات</p>
                    </div>
                    <div class="align-self-center">
                        <i class="fas fa-arrow-up fa-2x"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card bg-danger text-white">
            <div class="card-body">
                <div class="d-flex justify-content-between">
                    <div>
                        <h4>{{ number_format($totalExpenses ?? 0) }} ج.م</h4>
                        <p class="mb-0">إجمالي المصروفات</p>
                    </div>
                    <div class="align-self-center">
                        <i class="fas fa-arrow-down fa-2x"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card bg-warning text-white">
            <div class="card-body">
                <div class="d-flex justify-content-between">
                    <div>
                        <h4>{{ number_format($totalSalaries ?? 0) }} ج.م</h4>
                        <p class="mb-0">إجمالي الرواتب</p>
                    </div>
                    <div class="align-self-center">
                        <i class="fas fa-users fa-2x"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card bg-info text-white">
            <div class="card-body">
                <div class="d-flex justify-content-between">
                    <div>
                        <h4 class="text-{{ ($netProfit ?? 0) >= 0 ? 'white' : 'light' }}">{{ number_format($netProfit ?? 0) }} ج.م</h4>
                        <p class="mb-0">صافي الربح</p>
                    </div>
                    <div class="align-self-center">
                        <i class="fas fa-chart-line fa-2x"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Per-Doctor Profitability -->
<div class="card mb-4">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="mb-0">ربحية الأطباء (حسب الشهر المحدد)</h5>
        <span class="text-muted small">{{ $month ?? now()->format('Y-m') }}</span>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-striped table-hover mb-0">
                <thead class="table-light">
                    <tr>
                        <th>الطبيب</th>
                        <th class="text-end">الإيراد</th>
                        <th class="text-end">نسبة العمولة %</th>
                        <th class="text-end">العمولة</th>
                        <th class="text-end">رواتب مدفوعة</th>
                        <th class="text-end">الربحية</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse(($perDoctor ?? collect()) as $row)
                        <tr>
                            <td>{{ $row['name'] }}</td>
                            <td class="text-end">{{ number_format($row['revenue'], 2) }}</td>
                            <td class="text-end">{{ number_format($row['commission_pct'], 2) }}</td>
                            <td class="text-end">{{ number_format($row['commission'], 2) }}</td>
                            <td class="text-end">{{ number_format($row['paid_salaries'], 2) }}</td>
                            <td class="text-end {{ $row['profit'] >= 0 ? 'text-success' : 'text-danger' }}">{{ number_format($row['profit'], 2) }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center text-muted">لا توجد بيانات للأطباء لهذا الشهر</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    <div class="card-footer text-muted small">
        الربحية = الإيراد − العمولة − الرواتب المدفوعة
    </div>
</div>

<!-- Salary Management -->
<div class="row mb-4">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="card-title mb-0">إدارة الرواتب</h5>
                <button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#addSalaryModal">
                    <i class="fas fa-plus me-2"></i>إضافة راتب
                </button>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>الموظف</th>
                                <th>المنصب</th>
                                <th>الراتب الأساسي</th>
                                <th>البدلات</th>
                                <th>الخصومات</th>
                                <th>صافي الراتب</th>
                                <th>حالة الدفع</th>
                                <th>الإجراءات</th>
                            </tr>
                        </thead>
                        <tbody id="salariesTableBody">
                            @forelse($salaries as $salary)
                            <tr data-salary-id="{{ $salary->id }}">
                                <td>
                                    <div class="d-flex align-items-center">
                                        <i class="fas fa-user-circle fa-2x text-muted me-2"></i>
                                        <div>
                                            <strong>{{ $salary->employee->name }}</strong>
                                            <br><small class="text-muted">{{ $salary->employee->mobile }}</small>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    @switch($salary->employee->role)
                                        @case('doctor')
                                            <span class="badge bg-success">طبيب</span>
                                            @break
                                        @case('receptionist')
                                            <span class="badge bg-warning">موظف استقبال</span>
                                            @break
                                    @endswitch
                                </td>
                                <td>{{ number_format($salary->base_salary) }} ج.م</td>
                                <td>{{ number_format($salary->allowances) }} ج.م</td>
                                <td>{{ number_format($salary->deductions) }} ج.م</td>
                                <td><strong>{{ number_format($salary->net_salary) }} ج.م</strong></td>
                                <td>
                                    <span class="badge bg-{{ $salary->payment_status === 'paid' ? 'success' : ($salary->payment_status === 'cancelled' ? 'danger' : 'warning') }}">
                                        {{ $salary->payment_status === 'paid' ? 'مدفوع' : ($salary->payment_status === 'cancelled' ? 'ملغي' : 'معلق') }}
                                    </span>
                                </td>
                                <td>
                                    <div class="btn-group" role="group">
                                        <button class="btn btn-sm btn-outline-primary" onclick="editSalary({{ $salary->id }})">
                                            <i class="fas fa-edit"></i>
                                        </button>
                                        <button class="btn btn-sm btn-outline-info" onclick="paySalary({{ $salary->id }})">
                                            <i class="fas fa-money-bill"></i>
                                        </button>
                                        <button class="btn btn-sm btn-outline-danger" onclick="deleteSalary({{ $salary->id }})">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="8" class="text-center text-muted">
                                    <i class="fas fa-inbox fa-3x mb-3"></i>
                                    <p>لا توجد رواتب مسجلة</p>
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">ملخص الرواتب الشهرية</h5>
            </div>
            <div class="card-body">
                <canvas id="salaryChart" height="200"></canvas>
            </div>
        </div>
    </div>
</div>

<!-- Expense Management -->
<div class="row mb-4">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="card-title mb-0">إدارة المصروفات</h5>
                <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addExpenseModal">
                    <i class="fas fa-plus me-2"></i>إضافة مصروف
                </button>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>التاريخ</th>
                                <th>الوصف</th>
                                <th>الفئة</th>
                                <th>المبلغ</th>
                                <th>طريقة الدفع</th>
                                <th>الحالة</th>
                                <th>الإجراءات</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($expenses as $expense)
                            <tr data-expense-id="{{ $expense->id }}">
                                <td>{{ $expense->expense_date->format('Y-m-d') }}</td>
                                <td>{{ $expense->description }}</td>
                                <td>
                                    <span class="badge bg-secondary">{{ $expense->category }}</span>
                                </td>
                                <td><strong>{{ number_format($expense->amount) }} ج.م</strong></td>
                                <td>{{ $expense->payment_method }}</td>
                                <td>
                                    <span class="badge bg-{{ $expense->payment_status === 'paid' ? 'success' : ($expense->payment_status === 'cancelled' ? 'danger' : 'warning') }}">
                                        {{ $expense->payment_status === 'paid' ? 'مدفوع' : ($expense->payment_status === 'cancelled' ? 'ملغي' : 'معلق') }}
                                    </span>
                                </td>
                                <td>
                                    <div class="btn-group" role="group">
                                        <button class="btn btn-sm btn-outline-primary" onclick="editExpense({{ $expense->id }})">
                                            <i class="fas fa-edit"></i>
                                        </button>
                                        <button class="btn btn-sm btn-outline-danger" onclick="deleteExpense({{ $expense->id }})">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="7" class="text-center text-muted">
                                    <i class="fas fa-inbox fa-3x mb-3"></i>
                                    <p>لا توجد مصروفات مسجلة</p>
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">توزيع المصروفات</h5>
            </div>
            <div class="card-body">
                <canvas id="expenseChart"></canvas>
            </div>
        </div>
    </div>
</div>

<!-- Add Salary Modal -->
<div class="modal fade" id="addSalaryModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">إضافة راتب جديد</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form id="addSalaryForm">
                <div class="modal-body">
                    <div class="form-group mb-3">
                        <label for="employee_id" class="form-label">الموظف</label>
                        <select class="form-control" id="employee_id" name="employee_id" required>
                            <option value="">اختر الموظف</option>
                            @foreach(\App\Models\User::whereIn('role', ['doctor', 'receptionist', 'admin'])->get() as $employee)
                                <option value="{{ $employee->id }}">{{ $employee->name }} - {{ $employee->role === 'doctor' ? 'طبيب' : ($employee->role === 'receptionist' ? 'موظف استقبال' : 'مدير') }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">الراتب الأساسي</label>
                        <input type="number" class="form-control" name="base_salary" placeholder="8000" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">البدلات</label>
                        <input type="number" class="form-control" name="allowances" placeholder="500">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">الخصومات</label>
                        <input type="number" class="form-control" name="deductions" placeholder="200">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">الشهر</label>
                        <input type="month" class="form-control" name="salary_month" value="{{ now()->format('Y-m') }}" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">إلغاء</button>
                    <button type="submit" class="btn btn-success">حفظ الراتب</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Add Expense Modal -->
<div class="modal fade" id="addExpenseModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">إضافة مصروف جديد</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form id="addExpenseForm">
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label">الوصف</label>
                        <input type="text" class="form-control" name="description" placeholder="وصف المصروف" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">الفئة</label>
                        <select class="form-control" name="category" required>
                            <option value="">اختر الفئة</option>
                            <option value="مرافق">مرافق</option>
                            <option value="طبية">طبية</option>
                            <option value="صيانة">صيانة</option>
                            <option value="نظافة">نظافة</option>
                            <option value="إيجار">إيجار</option>
                            <option value="تسويق">تسويق</option>
                            <option value="إدارية">إدارية</option>
                            <option value="أخرى">أخرى</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">المبلغ</label>
                        <input type="number" class="form-control" name="amount" placeholder="1000" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">طريقة الدفع</label>
                        <select class="form-control" name="payment_method" required>
                            <option value="">اختر طريقة الدفع</option>
                            <option value="نقدي">نقدي</option>
                            <option value="بنكي">بنكي</option>
                            <option value="بطاقة">بطاقة</option>
                            <option value="شيك">شيك</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">تاريخ المصروف</label>
                        <input type="date" class="form-control" name="expense_date" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">ملاحظات</label>
                        <textarea class="form-control" name="notes" rows="3" placeholder="ملاحظات إضافية"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">إلغاء</button>
                    <button type="submit" class="btn btn-primary">حفظ المصروف</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Edit Salary Modal -->
<div class="modal fade" id="editSalaryModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">تعديل الراتب</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form id="editSalaryForm">
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label">الراتب الأساسي</label>
                        <input type="number" class="form-control" name="base_salary" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">البدلات</label>
                        <input type="number" class="form-control" name="allowances">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">الخصومات</label>
                        <input type="number" class="form-control" name="deductions">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">حالة الدفع</label>
                        <select class="form-control" name="payment_status" required>
                            <option value="pending">معلق</option>
                            <option value="paid">مدفوع</option>
                            <option value="cancelled">ملغي</option>
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">إلغاء</button>
                    <button type="submit" class="btn btn-primary">تحديث الراتب</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Edit Expense Modal -->
<div class="modal fade" id="editExpenseModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">تعديل المصروف</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form id="editExpenseForm">
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label">الوصف</label>
                        <input type="text" class="form-control" name="description" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">الفئة</label>
                        <select class="form-control" name="category" required>
                            <option value="مرافق">مرافق</option>
                            <option value="طبية">طبية</option>
                            <option value="صيانة">صيانة</option>
                            <option value="نظافة">نظافة</option>
                            <option value="إيجار">إيجار</option>
                            <option value="تسويق">تسويق</option>
                            <option value="إدارية">إدارية</option>
                            <option value="أخرى">أخرى</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">المبلغ</label>
                        <input type="number" class="form-control" name="amount" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">طريقة الدفع</label>
                        <select class="form-control" name="payment_method" required>
                            <option value="نقدي">نقدي</option>
                            <option value="بنكي">بنكي</option>
                            <option value="بطاقة">بطاقة</option>
                            <option value="شيك">شيك</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">تاريخ المصروف</label>
                        <input type="date" class="form-control" name="expense_date" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">حالة الدفع</label>
                        <select class="form-control" name="payment_status" required>
                            <option value="pending">معلق</option>
                            <option value="paid">مدفوع</option>
                            <option value="cancelled">ملغي</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">ملاحظات</label>
                        <textarea class="form-control" name="notes" rows="3"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">إلغاء</button>
                    <button type="submit" class="btn btn-primary">تحديث المصروف</button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
// Wait for document and jQuery to load
document.addEventListener('DOMContentLoaded', function() {
    // Initialize charts first (doesn't require jQuery)
    const salaryData = @json($salaryChart ?? ['labels'=>[], 'datasets'=>[['data'=>[], 'backgroundColor'=>[]]]], JSON_UNESCAPED_UNICODE);

    const expenseData = @json($expenseChart ?? ['labels'=>[], 'datasets'=>[['data'=>[], 'backgroundColor'=>[]]]], JSON_UNESCAPED_UNICODE);

    // Initialize charts
    const salaryCtx = document.getElementById('salaryChart').getContext('2d');
    new Chart(salaryCtx, {
        type: 'doughnut',
        data: salaryData,
        options: {
            responsive: true,
            plugins: {
                legend: {
                    position: 'bottom'
                }
            }
        }
    });

    const expenseCtx = document.getElementById('expenseChart').getContext('2d');
    new Chart(expenseCtx, {
        type: 'doughnut',
        data: expenseData,
        options: {
            responsive: true,
            plugins: {
                legend: {
                    position: 'bottom'
                }
            }
        }
    });

    // Wait for jQuery to be available
    function initializeJQuery() {
        if (typeof $ !== 'undefined') {
            // CSRF Token setup
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            
            // Initialize form handlers
            initializeFormHandlers();
        } else {
            // Retry after 100ms if jQuery not loaded yet
            setTimeout(initializeJQuery, 100);
        }
    }
    
    initializeJQuery();
});

// Salary Management Functions
function addSalary() {
    if (typeof $ !== 'undefined') {
        $('#addSalaryForm')[0].reset();
        $('#addSalaryModal').modal('show');
    }
}

function editSalary(salaryId) {
    if (typeof $ !== 'undefined') {
        $.get(`/admin/salaries/${salaryId}`)
            .done(function(salary) {
                $('#editSalaryForm input[name="base_salary"]').val(salary.base_salary);
                $('#editSalaryForm input[name="allowances"]').val(salary.allowances);
                $('#editSalaryForm input[name="deductions"]').val(salary.deductions);
                $('#editSalaryForm select[name="payment_status"]').val(salary.payment_status);
                $('#editSalaryForm').data('salary-id', salaryId);
                $('#editSalaryModal').modal('show');
            })
            .fail(function() {
                alert('حدث خطأ في تحميل بيانات الراتب');
            });
    }
}

function paySalary(salaryId) {
    if (typeof $ !== 'undefined' && confirm('هل أنت متأكد من تأكيد دفع هذا الراتب؟')) {
        $.ajax({
            url: `/admin/salaries/${salaryId}`,
            method: 'PUT',
            data: { payment_status: 'paid' },
            success: function(response) {
                if (response.success) {
                    location.reload();
                }
            },
            error: function() {
                alert('حدث خطأ في تحديث حالة الدفع');
            }
        });
    }
}

function deleteSalary(salaryId) {
    if (typeof $ !== 'undefined' && confirm('هل أنت متأكد من حذف هذا الراتب؟')) {
        $.ajax({
            url: `/admin/salaries/${salaryId}`,
            method: 'DELETE',
            success: function(response) {
                if (response.success) {
                    $(`tr[data-salary-id="${salaryId}"]`).remove();
                    alert(response.message);
                }
            },
            error: function() {
                alert('حدث خطأ في حذف الراتب');
            }
        });
    }
}

// Expense Management Functions
function addExpense() {
    if (typeof $ !== 'undefined') {
        $('#addExpenseForm')[0].reset();
        $('#addExpenseModal').modal('show');
    }
}

function editExpense(expenseId) {
    if (typeof $ !== 'undefined') {
        $.get(`/admin/expenses/${expenseId}`)
            .done(function(expense) {
                $('#editExpenseForm input[name="description"]').val(expense.description);
                $('#editExpenseForm select[name="category"]').val(expense.category);
                $('#editExpenseForm input[name="amount"]').val(expense.amount);
                $('#editExpenseForm select[name="payment_method"]').val(expense.payment_method);
                $('#editExpenseForm input[name="expense_date"]').val(expense.expense_date);
                $('#editExpenseForm select[name="payment_status"]').val(expense.payment_status);
                $('#editExpenseForm textarea[name="notes"]').val(expense.notes);
                $('#editExpenseForm').data('expense-id', expenseId);
                $('#editExpenseModal').modal('show');
            })
            .fail(function() {
                alert('حدث خطأ في تحميل بيانات المصروف');
            });
    }
}

function deleteExpense(expenseId) {
    if (typeof $ !== 'undefined' && confirm('هل أنت متأكد من حذف هذا المصروف؟')) {
        $.ajax({
            url: `/admin/expenses/${expenseId}`,
            method: 'DELETE',
            success: function(response) {
                if (response.success) {
                    $(`tr[data-expense-id="${expenseId}"]`).remove();
                    alert(response.message);
                }
            },
            error: function() {
                alert('حدث خطأ في حذف المصروف');
            }
        });
    }
}

// Form submissions initialization
function initializeFormHandlers() {
    // Add Salary Form
    $('#addSalaryForm').submit(function(e) {
        e.preventDefault();
        $.ajax({
            url: '/admin/salaries',
            method: 'POST',
            data: $(this).serialize(),
            success: function(response) {
                if (response.success) {
                    $('#addSalaryModal').modal('hide');
                    location.reload();
                }
            },
            error: function(xhr) {
                let errors = xhr.responseJSON.errors;
                let errorMessage = 'حدثت أخطاء في التحقق من البيانات:\n';
                for (let field in errors) {
                    errorMessage += errors[field][0] + '\n';
                }
                alert(errorMessage);
            }
        });
    });

    // Edit Salary Form
    $('#editSalaryForm').submit(function(e) {
        e.preventDefault();
        let salaryId = $(this).data('salary-id');
        $.ajax({
            url: `/admin/salaries/${salaryId}`,
            method: 'PUT',
            data: $(this).serialize(),
            success: function(response) {
                if (response.success) {
                    $('#editSalaryModal').modal('hide');
                    location.reload();
                }
            },
            error: function(xhr) {
                let errors = xhr.responseJSON.errors;
                let errorMessage = 'حدثت أخطاء في التحقق من البيانات:\n';
                for (let field in errors) {
                    errorMessage += errors[field][0] + '\n';
                }
                alert(errorMessage);
            }
        });
    });

    // Add Expense Form
    $('#addExpenseForm').submit(function(e) {
        e.preventDefault();
        $.ajax({
            url: '/admin/expenses',
            method: 'POST',
            data: $(this).serialize(),
            success: function(response) {
                if (response.success) {
                    $('#addExpenseModal').modal('hide');
                    location.reload();
                }
            },
            error: function(xhr) {
                let errors = xhr.responseJSON.errors;
                let errorMessage = 'حدثت أخطاء في التحقق من البيانات:\n';
                for (let field in errors) {
                    errorMessage += errors[field][0] + '\n';
                }
                alert(errorMessage);
            }
        });
    });

    // Edit Expense Form
    $('#editExpenseForm').submit(function(e) {
        e.preventDefault();
        let expenseId = $(this).data('expense-id');
        $.ajax({
            url: `/admin/expenses/${expenseId}`,
            method: 'PUT',
            data: $(this).serialize(),
            success: function(response) {
                if (response.success) {
                    $('#editExpenseModal').modal('hide');
                    location.reload();
                }
            },
            error: function(xhr) {
                let errors = xhr.responseJSON.errors;
                let errorMessage = 'حدثت أخطاء في التحقق من البيانات:\n';
                for (let field in errors) {
                    errorMessage += errors[field][0] + '\n';
                }
                alert(errorMessage);
            }
        });
    });
}
</script>
@endsection