<?php $__template->layout('Layout.main'); ?>
<?php $__template->section('title'); ?><?= $leaveType ? 'تعديل نوع الإجازة' : 'إضافة نوع إجازة' ?><?php $__template->endSection(); ?>

<?php $__template->section('content'); ?>
<?php
$isEdit = $leaveType !== null;
$action = $isEdit ? '/hr/leave-types/' . $leaveType['id'] . '/update' : '/hr/leave-types';
$v = fn(string $key, $default = '') => e(old($key) ?? ($leaveType[$key] ?? $default));
$checked = fn(string $key, $default = 0) => ((int)(old($key) ?? ($leaveType[$key] ?? $default))) ? 'checked' : '';
?>

<form method="POST" action="<?= $action ?>" style="max-width:900px;">
    <?= csrf_field() ?>

    <!-- القسم الأساسي -->
    <div class="card" style="margin-bottom:20px;">
        <div style="padding:16px;border-bottom:1px solid #E5E7EB;font-weight:600;">البيانات الأساسية</div>
        <div style="padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;">
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">كود النوع <span style="color:#DC2626;">*</span></label>
                <input type="text" name="code" value="<?= $v('code') ?>" class="form-control" placeholder="annual, sick, casual..." dir="ltr" style="text-align:left;" <?= $isEdit ? '' : '' ?>>
                <small style="color:#6B7280;font-size:11px;">حروف إنجليزية صغيرة وأرقام و _ فقط</small>
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">الاسم بالعربي <span style="color:#DC2626;">*</span></label>
                <input type="text" name="name_ar" value="<?= $v('name_ar') ?>" class="form-control" placeholder="إجازة سنوية">
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">الاسم بالإنجليزي</label>
                <input type="text" name="name_en" value="<?= $v('name_en') ?>" class="form-control" placeholder="Annual Leave" dir="ltr" style="text-align:left;">
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">التصنيف</label>
                <select name="category" class="form-control">
                    <option value="">— بدون تصنيف —</option>
                    <?php foreach ($categories as $k => $label): ?>
                    <option value="<?= e($k) ?>" <?= (old('category') ?? ($leaveType['category'] ?? '')) === $k ? 'selected' : '' ?>><?= e($label) ?></option>
                    <?php endforeach; ?>
                </select>
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">الترتيب</label>
                <input type="number" name="sort_order" value="<?= $v('sort_order', '0') ?>" class="form-control" min="0">
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">تقييد الجنس</label>
                <select name="gender_restriction" class="form-control">
                    <option value="" <?= (old('gender_restriction') ?? ($leaveType['gender_restriction'] ?? '')) === '' ? 'selected' : '' ?>>بدون تقييد (الكل)</option>
                    <option value="male" <?= (old('gender_restriction') ?? ($leaveType['gender_restriction'] ?? '')) === 'male' ? 'selected' : '' ?>>ذكور فقط</option>
                    <option value="female" <?= (old('gender_restriction') ?? ($leaveType['gender_restriction'] ?? '')) === 'female' ? 'selected' : '' ?>>إناث فقط</option>
                </select>
            </div>
        </div>
    </div>

    <!-- الاستحقاق والحدود -->
    <div class="card" style="margin-bottom:20px;">
        <div style="padding:16px;border-bottom:1px solid #E5E7EB;font-weight:600;">الاستحقاق والحدود</div>
        <div style="padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;">
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">الأيام الافتراضية/سنة</label>
                <input type="number" name="default_days_per_year" value="<?= $v('default_days_per_year') ?>" class="form-control" step="0.5" min="0">
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">الحد الأقصى أيام/سنة</label>
                <input type="number" name="max_days_per_year" value="<?= $v('max_days_per_year') ?>" class="form-control" step="0.5" min="0">
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">أقل أيام في الطلب</label>
                <input type="number" name="min_days_per_request" value="<?= $v('min_days_per_request') ?>" class="form-control" step="0.5" min="0">
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">أقصى أيام في الطلب</label>
                <input type="number" name="max_days_per_request" value="<?= $v('max_days_per_request') ?>" class="form-control" step="0.5" min="0">
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">أقل أيام متصلة (سنوية)</label>
                <input type="number" name="min_consecutive_annual" value="<?= $v('min_consecutive_annual') ?>" class="form-control" step="0.5" min="0">
                <small style="color:#6B7280;font-size:11px;">مادة 48 قانون العمل</small>
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">أقصى أيام متصلة</label>
                <input type="number" name="max_consecutive_days" value="<?= $v('max_consecutive_days') ?>" class="form-control" min="0">
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">أقصى مرات لكل حدث</label>
                <input type="number" name="max_per_occurrence" value="<?= $v('max_per_occurrence') ?>" class="form-control" min="0">
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">أقصى مرات طوال الخدمة</label>
                <input type="number" name="max_times_in_career" value="<?= $v('max_times_in_career') ?>" class="form-control" min="0">
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">الحد الأقصى أيام طوال الخدمة</label>
                <input type="number" name="career_max_days" value="<?= $v('career_max_days') ?>" class="form-control" step="0.5" min="0">
            </div>
        </div>
    </div>

    <!-- شروط الاستحقاق -->
    <div class="card" style="margin-bottom:20px;">
        <div style="padding:16px;border-bottom:1px solid #E5E7EB;font-weight:600;">شروط الاستحقاق</div>
        <div style="padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;">
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">الحد الأدنى لأشهر الخدمة</label>
                <input type="number" name="min_service_months" value="<?= $v('min_service_months') ?>" class="form-control" min="0">
                <small style="color:#6B7280;font-size:11px;">عدد أشهر الخدمة المطلوبة للاستحقاق</small>
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">أيام الإخطار المسبق</label>
                <input type="number" name="advance_notice_days" value="<?= $v('advance_notice_days', '0') ?>" class="form-control" min="0">
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">المرجع القانوني</label>
                <input type="text" name="legal_reference" value="<?= $v('legal_reference') ?>" class="form-control" placeholder="مادة 47 قانون العمل">
            </div>
        </div>
    </div>

    <!-- الراتب والخصومات -->
    <div class="card" style="margin-bottom:20px;">
        <div style="padding:16px;border-bottom:1px solid #E5E7EB;font-weight:600;">الراتب والخصومات</div>
        <div style="padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;">
            <div style="display:flex;align-items:center;gap:8px;">
                <input type="hidden" name="is_paid" value="0">
                <input type="checkbox" name="is_paid" value="1" id="is_paid" <?= $checked('is_paid', 1) ?> style="width:18px;height:18px;">
                <label for="is_paid" style="font-size:13px;font-weight:500;cursor:pointer;">إجازة مدفوعة</label>
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">نسبة الراتب %</label>
                <input type="number" name="pay_percentage" value="<?= $v('pay_percentage', '100') ?>" class="form-control" min="0" max="100" step="0.01">
                <small style="color:#6B7280;font-size:11px;">75% = ثلاثة أرباع الراتب</small>
            </div>
            <div style="display:flex;align-items:center;gap:8px;">
                <input type="hidden" name="deduct_from_salary" value="0">
                <input type="checkbox" name="deduct_from_salary" value="1" id="deduct_from_salary" <?= $checked('deduct_from_salary', 0) ?> style="width:18px;height:18px;">
                <label for="deduct_from_salary" style="font-size:13px;font-weight:500;cursor:pointer;">خصم من الراتب</label>
            </div>
        </div>
    </div>

    <!-- الترحيل والتراكم -->
    <div class="card" style="margin-bottom:20px;">
        <div style="padding:16px;border-bottom:1px solid #E5E7EB;font-weight:600;">الترحيل والتراكم</div>
        <div style="padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;">
            <div style="display:flex;align-items:center;gap:8px;">
                <input type="hidden" name="carry_over_allowed" value="0">
                <input type="checkbox" name="carry_over_allowed" value="1" id="carry_over_allowed" <?= $checked('carry_over_allowed', 0) ?> style="width:18px;height:18px;">
                <label for="carry_over_allowed" style="font-size:13px;font-weight:500;cursor:pointer;">يسمح بالترحيل</label>
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">أقصى أيام ترحيل</label>
                <input type="number" name="max_carry_over_days" value="<?= $v('max_carry_over_days') ?>" class="form-control" step="0.5" min="0">
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">صلاحية الترحيل (أشهر)</label>
                <input type="number" name="carry_over_expiry_months" value="<?= $v('carry_over_expiry_months') ?>" class="form-control" min="0">
            </div>
            <div style="display:flex;align-items:center;gap:8px;">
                <input type="hidden" name="is_accumulative" value="0">
                <input type="checkbox" name="is_accumulative" value="1" id="is_accumulative" <?= $checked('is_accumulative', 0) ?> style="width:18px;height:18px;">
                <label for="is_accumulative" style="font-size:13px;font-weight:500;cursor:pointer;">تراكمية</label>
            </div>
            <div>
                <label style="display:block;margin-bottom:4px;font-size:13px;font-weight:500;">أقصى سنوات تراكم</label>
                <input type="number" name="accumulation_max_years" value="<?= $v('accumulation_max_years') ?>" class="form-control" min="0">
                <small style="color:#6B7280;font-size:11px;">مادة 48 - لا تزيد عن 3 سنوات</small>
            </div>
        </div>
    </div>

    <!-- الإعدادات -->
    <div class="card" style="margin-bottom:20px;">
        <div style="padding:16px;border-bottom:1px solid #E5E7EB;font-weight:600;">إعدادات النوع</div>
        <div style="padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;">
            <div style="display:flex;align-items:center;gap:8px;">
                <input type="hidden" name="requires_approval" value="0">
                <input type="checkbox" name="requires_approval" value="1" id="requires_approval" <?= $checked('requires_approval', 1) ?> style="width:18px;height:18px;">
                <label for="requires_approval" style="font-size:13px;font-weight:500;cursor:pointer;">تحتاج اعتماد</label>
            </div>
            <div style="display:flex;align-items:center;gap:8px;">
                <input type="hidden" name="requires_attachment" value="0">
                <input type="checkbox" name="requires_attachment" value="1" id="requires_attachment" <?= $checked('requires_attachment', 0) ?> style="width:18px;height:18px;">
                <label for="requires_attachment" style="font-size:13px;font-weight:500;cursor:pointer;">تحتاج مرفق</label>
            </div>
            <div style="display:flex;align-items:center;gap:8px;">
                <input type="hidden" name="is_active" value="0">
                <input type="checkbox" name="is_active" value="1" id="is_active" <?= $checked('is_active', 1) ?> style="width:18px;height:18px;">
                <label for="is_active" style="font-size:13px;font-weight:500;cursor:pointer;">مفعّل</label>
            </div>
        </div>
    </div>

    <div style="display:flex;gap:12px;justify-content:flex-start;">
        <button type="submit" class="btn btn-primary"><?= $isEdit ? 'حفظ التعديلات' : 'إنشاء نوع الإجازة' ?></button>
        <a href="/hr/leave-types" class="btn btn-secondary">إلغاء</a>
    </div>
</form>
<?php $__template->endSection(); ?>
