@extends('layouts.app')

@section('title', 'سلفة جديدة')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">إنشاء سلفة جديدة</h1>
        <p class="page-subtitle">تسجيل طلب سلفة أو قرض لموظف</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('loans.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-right"></i> رجوع
        </a>
    </div>
</div>

<form method="POST" action="{{ route('loans.store') }}">
    @csrf

    <div class="card">
        <div class="card-header">
            <h3><i class="fas fa-hand-holding-usd"></i> بيانات السلفة</h3>
        </div>
        <div class="card-body">
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">الموظف</label>
                    <select name="employee_id" class="form-select" required>
                        <option value="">-- اختر الموظف --</option>
                        @foreach($employees as $emp)
                            <option value="{{ $emp->id }}" {{ old('employee_id') == $emp->id ? 'selected' : '' }}>
                                {{ $emp->employee_code ? '['.$emp->employee_code.'] ' : '' }}{{ $emp->full_name_en ?: $emp->first_name . ' ' . $emp->last_name }}
                            </option>
                        @endforeach
                    </select>
                    @error('employee_id')<p class="form-hint" style="color:var(--danger);">{{ $message }}</p>@enderror
                </div>

                <div class="form-group">
                    <label class="form-label required">نوع السلفة</label>
                    <select name="type" class="form-select" required>
                        @foreach(\App\Models\Loan::typeLabels() as $key => $label)
                            <option value="{{ $key }}" {{ old('type') == $key ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group">
                    <label class="form-label required">المبلغ</label>
                    <input type="number" name="amount" class="form-input" step="0.01" min="1" value="{{ old('amount') }}" required>
                    @error('amount')<p class="form-hint" style="color:var(--danger);">{{ $message }}</p>@enderror
                </div>

                <div class="form-group">
                    <label class="form-label required">عدد الأقساط</label>
                    <input type="number" name="installments_count" class="form-input" min="1" max="60" value="{{ old('installments_count', 1) }}" required id="installments_count">
                    <p class="form-hint">قسط شهري — الحد الأقصى 60 شهر</p>
                </div>

                <div class="form-group">
                    <label class="form-label required">تاريخ بدء الاستقطاع</label>
                    <input type="date" name="start_date" class="form-input" value="{{ old('start_date', date('Y-m-01', strtotime('+1 month'))) }}" required>
                    <p class="form-hint">عادةً بداية الشهر القادم</p>
                </div>

                <div class="form-group">
                    <label class="form-label">السبب</label>
                    <input type="text" name="reason" class="form-input" value="{{ old('reason') }}" maxlength="500">
                </div>
            </div>

            <div class="form-group">
                <label class="form-label">ملاحظات</label>
                <textarea name="notes" class="form-textarea" rows="3" maxlength="1000">{{ old('notes') }}</textarea>
            </div>
        </div>
    </div>

    <div class="form-actions">
        <button type="submit" class="btn btn-primary">
            <i class="fas fa-save"></i> حفظ طلب السلفة
        </button>
        <a href="{{ route('loans.index') }}" class="btn btn-secondary">إلغاء</a>
    </div>
</form>
@endsection