<?php $__template->layout('Layout.main'); ?>
<?php $__template->section('title'); ?><?= $discount ? 'تعديل خصم: ' . e($discount['name_ar']) : 'إضافة خصم خاص جديد' ?><?php $__template->endSection(); ?>

<?php $__template->section('page_actions'); ?>
<a href="/pricing/special-discounts" class="btn btn-outline">
    <i data-lucide="arrow-right" style="width:15px;height:15px;vertical-align:middle;margin-left:4px;"></i> العودة للقائمة
</a>
<?php $__template->endSection(); ?>

<?php $__template->section('content'); ?>
<form method="POST" action="<?= $discount ? '/pricing/special-discounts/' . (int) $discount['id'] : '/pricing/special-discounts' ?>">
    <?= csrf_field() ?>

    <!-- Basic Info -->
    <div class="card" style="padding:20px;margin-bottom:20px;">
        <div style="display:flex;align-items:center;gap:8px;margin-bottom:20px;">
            <i data-lucide="percent" style="width:18px;height:18px;color:#0D7377;"></i>
            <h3 style="margin:0;color:#0D7377;font-size:15px;">بيانات الخصم</h3>
        </div>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">
            <div class="form-group">
                <label class="form-label">اسم الخصم بالعربي <span style="color:#DC2626;">*</span></label>
                <input type="text" name="name_ar" value="<?= e($discount['name_ar'] ?? '') ?>" class="form-input" required maxlength="200" placeholder="مثال: خصم السداد الكامل">
            </div>
            <div class="form-group">
                <label class="form-label">اسم الخصم بالإنجليزي</label>
                <input type="text" name="name_en" value="<?= e($discount['name_en'] ?? '') ?>" class="form-input" maxlength="200" placeholder="e.g. Full Payment Discount">
            </div>
            <div class="form-group">
                <label class="form-label">نوع الخصم <span style="color:#DC2626;">*</span></label>
                <select name="discount_type" id="discount_type" class="form-select" required>
                    <option value="percentage" <?= ($discount['discount_type'] ?? 'percentage') === 'percentage' ? 'selected' : '' ?>>نسبة مئوية (%)</option>
                    <option value="fixed_amount" <?= ($discount['discount_type'] ?? '') === 'fixed_amount' ? 'selected' : '' ?>>مبلغ ثابت (ج.م)</option>
                    <option value="free_subscription" <?= ($discount['discount_type'] ?? '') === 'free_subscription' ? 'selected' : '' ?>>اشتراك سنوي مجاني</option>
                </select>
            </div>
            <div class="form-group" id="percentage-group">
                <label class="form-label">نسبة الخصم (%) <span style="color:#DC2626;">*</span></label>
                <input type="number" name="discount_percentage" id="discount_percentage" value="<?= e($discount['discount_percentage'] ?? '') ?>" class="form-input" min="0.01" max="100" step="0.01" style="direction:ltr;text-align:left;" placeholder="مثال: 10.00">
                <small style="color:#6B7280;font-size:11px;">نسبة الخصم من المبلغ المستهدف</small>
            </div>
            <div class="form-group" id="fixed-amount-group" style="display:none;">
                <label class="form-label">مبلغ الخصم الثابت (ج.م) <span style="color:#DC2626;">*</span></label>
                <input type="number" name="fixed_amount" id="fixed_amount" value="<?= e($discount['fixed_amount'] ?? '') ?>" class="form-input" min="1" step="0.01" style="direction:ltr;text-align:left;" placeholder="مثال: 5000.00">
            </div>
            <div class="form-group">
                <label class="form-label">يُطبَّق على</label>
                <select name="applies_to" class="form-select">
                    <option value="membership_fee" <?= ($discount['applies_to'] ?? 'membership_fee') === 'membership_fee' ? 'selected' : '' ?>>قيمة العضوية</option>
                    <option value="subscription" <?= ($discount['applies_to'] ?? '') === 'subscription' ? 'selected' : '' ?>>الاشتراك السنوي</option>
                    <option value="all" <?= ($discount['applies_to'] ?? '') === 'all' ? 'selected' : '' ?>>الكل (عضوية + اشتراك)</option>
                </select>
            </div>
        </div>
    </div>

    <!-- Date Range -->
    <div class="card" style="padding:20px;margin-bottom:20px;">
        <div style="display:flex;align-items:center;gap:8px;margin-bottom:20px;">
            <i data-lucide="calendar-range" style="width:18px;height:18px;color:#7C3AED;"></i>
            <h3 style="margin:0;color:#7C3AED;font-size:15px;">فترة السريان</h3>
        </div>
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">
            <div class="form-group">
                <label class="form-label">تاريخ البداية</label>
                <input type="date" name="effective_from" value="<?= e($discount['effective_from'] ?? '') ?>" class="form-input" style="direction:ltr;text-align:left;">
                <small style="color:#6B7280;font-size:11px;">اتركه فارغاً ليكون ساري من الآن</small>
            </div>
            <div class="form-group">
                <label class="form-label">تاريخ الانتهاء</label>
                <input type="date" name="effective_to" value="<?= e($discount['effective_to'] ?? '') ?>" class="form-input" style="direction:ltr;text-align:left;">
                <small style="color:#6B7280;font-size:11px;">اتركه فارغاً ليكون ساري بدون حد</small>
            </div>
        </div>
    </div>

    <!-- Conditions -->
    <div class="card" style="padding:20px;margin-bottom:20px;">
        <div style="display:flex;align-items:center;gap:8px;margin-bottom:20px;">
            <i data-lucide="filter" style="width:18px;height:18px;color:#D97706;"></i>
            <h3 style="margin:0;color:#D97706;font-size:15px;">شروط التطبيق</h3>
        </div>
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">
            <div class="form-group">
                <label class="form-label">شرط التطبيق</label>
                <select name="condition_type" id="condition_type" class="form-select">
                    <option value="none" <?= ($discount['condition_type'] ?? 'none') === 'none' ? 'selected' : '' ?>>بدون شرط — خصم مباشر</option>
                    <option value="full_payment" <?= ($discount['condition_type'] ?? '') === 'full_payment' ? 'selected' : '' ?>>سداد كامل قيمة العضوية نقداً</option>
                    <option value="min_payment" <?= ($discount['condition_type'] ?? '') === 'min_payment' ? 'selected' : '' ?>>سداد حد أدنى محدد</option>
                </select>
                <small style="color:#6B7280;font-size:11px;">الشرط الذي يجب تحقيقه ليتم تفعيل الخصم تلقائياً</small>
            </div>
            <div class="form-group" id="min-amount-group" style="display:none;">
                <label class="form-label">الحد الأدنى للسداد (ج.م) <span style="color:#DC2626;">*</span></label>
                <input type="number" name="condition_min_amount" id="condition_min_amount" value="<?= e($discount['condition_min_amount'] ?? '') ?>" class="form-input" min="1" step="0.01" style="direction:ltr;text-align:left;" placeholder="مثال: 150000.00">
                <small style="color:#6B7280;font-size:11px;">المبلغ الذي يجب سداده كاملاً لتفعيل الخصم</small>
            </div>
        </div>
    </div>

    <!-- Bonus -->
    <div class="card" style="padding:20px;margin-bottom:20px;">
        <div style="display:flex;align-items:center;gap:8px;margin-bottom:20px;">
            <i data-lucide="gift" style="width:18px;height:18px;color:#059669;"></i>
            <h3 style="margin:0;color:#059669;font-size:15px;">مكافآت إضافية (اختياري)</h3>
        </div>
        <p style="font-size:13px;color:#6B7280;margin-bottom:15px;">يمكنك ربط مكافأة إضافية بالخصم — تُمنح تلقائياً عند تفعيل الخصم</p>
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">
            <div class="form-group">
                <label class="form-label">اشتراكات سنوية مجانية</label>
                <input type="number" name="bonus_free_subscription_years" value="<?= e($discount['bonus_free_subscription_years'] ?? '0') ?>" class="form-input" min="0" max="5" style="direction:ltr;text-align:left;">
                <small style="color:#6B7280;font-size:11px;">عدد السنوات المجانية (0 = بدون مكافأة). مثال: 1 = الاشتراك السنوي القادم مجاني</small>
            </div>
        </div>
    </div>

    <!-- Other -->
    <div class="card" style="padding:20px;margin-bottom:20px;">
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">
            <div class="form-group">
                <label class="form-label">يحتاج إثبات مستند؟</label>
                <select name="requires_document" class="form-select">
                    <option value="0" <?= empty($discount['requires_document']) ? 'selected' : '' ?>>لا — بدون إثبات</option>
                    <option value="1" <?= !empty($discount['requires_document']) ? 'selected' : '' ?>>نعم — يجب رفع مستند</option>
                </select>
            </div>
            <?php if ($discount): ?>
            <div class="form-group">
                <label class="form-label">الحالة</label>
                <select name="is_active" class="form-select">
                    <option value="1" <?= $discount['is_active'] ? 'selected' : '' ?>>فعال</option>
                    <option value="0" <?= !$discount['is_active'] ? 'selected' : '' ?>>معطل</option>
                </select>
            </div>
            <?php endif; ?>
            <div class="form-group" style="grid-column:1/-1;">
                <label class="form-label">وصف / ملاحظات</label>
                <textarea name="description" class="form-textarea" rows="3" placeholder="وصف اختياري لنوع الخصم وشروطه..."><?= e($discount['description'] ?? '') ?></textarea>
            </div>
        </div>
    </div>

    <button type="submit" class="btn btn-primary">
        <i data-lucide="save" style="width:15px;height:15px;vertical-align:middle;margin-left:4px;"></i>
        <?= $discount ? 'حفظ التعديلات' : 'إضافة الخصم' ?>
    </button>
    <a href="/pricing/special-discounts" class="btn btn-outline">إلغاء</a>
</form>

<script>
document.addEventListener('DOMContentLoaded', function() {
    if (typeof lucide !== 'undefined') lucide.createIcons();

    var discountType = document.getElementById('discount_type');
    var conditionType = document.getElementById('condition_type');
    var percentageGroup = document.getElementById('percentage-group');
    var fixedAmountGroup = document.getElementById('fixed-amount-group');
    var minAmountGroup = document.getElementById('min-amount-group');

    function updateVisibility() {
        var dt = discountType.value;
        percentageGroup.style.display = (dt === 'percentage') ? '' : 'none';
        fixedAmountGroup.style.display = (dt === 'fixed_amount') ? '' : 'none';

        if (dt === 'percentage') {
            document.getElementById('discount_percentage').required = true;
            document.getElementById('fixed_amount').required = false;
        } else if (dt === 'fixed_amount') {
            document.getElementById('discount_percentage').required = false;
            document.getElementById('fixed_amount').required = true;
        } else {
            document.getElementById('discount_percentage').required = false;
            document.getElementById('fixed_amount').required = false;
        }

        var ct = conditionType.value;
        minAmountGroup.style.display = (ct === 'min_payment') ? '' : 'none';
        document.getElementById('condition_min_amount').required = (ct === 'min_payment');
    }

    discountType.addEventListener('change', updateVisibility);
    conditionType.addEventListener('change', updateVisibility);
    updateVisibility();
});
</script>
<?php $__template->endSection(); ?>
