<div class="row">
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="#">المتجر اون لاين</a></li>
            <li><a href="couponscontroller.php?do=show">عرض الكوبونات</a></li>
            <li class="active">تعديل كوبون</li>
        </ol>

        <div class="panel panel-default panel-m">
            <div class="panel-heading">
                <h3 class="panel-title">تعديل كوبون</h3>
            </div>
            <div class="panel-body">
                <form class="form-horizontal" action="couponscontroller.php?do=savedata" method="post">
                    <div class="form-group">
                        <label for="code" class="col-lg-2 control-label">كود الكوبون <span class="text-danger">*</span></label>
                        <div class="col-lg-4">
                            <input required type="text" name="code" id="code" class="form-control" value="{$coupon->code}" dir="ltr">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-lg-2 control-label">نوع الخصم <span class="text-danger">*</span></label>
                        <div class="col-lg-4">
                            <label class="radio-inline">
                                <input type="radio" name="discount_type" value="1" {if $coupon->discount_type == 1}checked{/if}>
                                نسبة مئوية
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="discount_type" value="2" {if $coupon->discount_type != 1}checked{/if}>
                                مبلغ ثابت
                            </label>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="discount_value" class="col-lg-2 control-label">قيمة الخصم <span class="text-danger">*</span></label>
                        <div class="col-lg-4">
                            <input required type="number" step="0.01" min="0" name="discount_value" id="discount_value" 
                                   class="form-control" value="{$coupon->discount_value}" dir="ltr">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="start_date" class="col-lg-2 control-label">تاريخ البداية <span class="text-danger">*</span></label>
                        <div class="col-lg-4">
                            <input required type="text" name="start_date" id="start_date" 
                                   class="form-control awdatepicker" autocomplete="off" data-date-format="yyyy-mm-dd" value="{$coupon->start_date}">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="end_date" class="col-lg-2 control-label">تاريخ النهاية <span class="text-danger">*</span></label>
                        <div class="col-lg-4">
                            <input required type="text" name="end_date" id="end_date" 
                                   class="form-control awdatepicker" autocomplete="off" data-date-format="yyyy-mm-dd" value="{$coupon->end_date}">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="usage_limit" class="col-lg-2 control-label">الحد الأقصى للاستخدام</label>
                        <div class="col-lg-4">
                            <input type="number" min="1" name="usage_limit" id="usage_limit" 
                                   class="form-control" value="{$coupon->usage_limit}" placeholder="اتركه فارغاً لاستخدام غير محدود">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="per_user_limit" class="col-lg-2 control-label">الحد الأقصى للعميل</label>
                        <div class="col-lg-4">
                            <input type="number" min="1" name="per_user_limit" id="per_user_limit" 
                                   class="form-control" value="{$coupon->per_user_limit}" placeholder="عدد مرات الاستخدام لكل عميل">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="minimum_order_value" class="col-lg-2 control-label">الحد الأدنى للطلب</label>
                        <div class="col-lg-4">
                            <input type="number" step="0.01" min="0" name="minimum_order_value" id="minimum_order_value" 
                                   class="form-control" value="{$coupon->minimum_order_value}" dir="ltr">
                            <span class="help-block">الحد الأدنى لقيمة الطلب لتفعيل الكوبون (0 لا يوجد حد أدنى)</span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="note" class="col-lg-2 control-label">ملاحظات</label>
                        <div class="col-lg-4">
                            <textarea name="note" id="note" class="form-control" rows="3">{$coupon->note}</textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-lg-offset-2 col-lg-4">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" name="auto_apply" value="1" {if $coupon->auto_apply}checked{/if}>
                                    تطبيق تلقائي عند الدفع
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-lg-offset-2 col-lg-4">
                            <input type="hidden" name="coupon_id" value="{$coupon->id}">
                            <button type="submit" class="btn btn-primary">حفظ التعديلات</button>
                            <a href="couponscontroller.php?do=show" class="btn btn-default">إلغاء</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script>
    // Add date validation to ensure end date is after start date
    document.addEventListener('DOMContentLoaded', function() {
        const startDateInput = document.getElementById('start_date');
        const endDateInput = document.getElementById('end_date');
        
        function validateDates() {
            const startDate = new Date(startDateInput.value);
            const endDate = new Date(endDateInput.value);
            
            if (startDate && endDate && endDate < startDate) {
                endDateInput.setCustomValidity('يجب أن يكون تاريخ النهاية بعد تاريخ البداية');
            } else {
                endDateInput.setCustomValidity('');
            }
        }
        
        startDateInput.addEventListener('change', validateDates);
        endDateInput.addEventListener('change', validateDates);
    });
</script>
