@extends('admin.layouts.app')

@section('title', 'إعدادات التطبيق')
@section('page-title', 'إعدادات التطبيق')
@section('page-icon', 'fas fa-cog')

@section('content')
<div class="row g-3">
    <div class="col-12">
        <div class="card">
                <div class="card-header">
                    <i class="fas fa-cog"></i> إعدادات التطبيق
                </div>
                <div class="card-body">
                    @if(session('success'))
                        <div class="alert alert-success alert-dismissible">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                            {{ session('success') }}
                        </div>
                    @endif

                    <form action="{{ route('admin.settings.update') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')

                        <div class="alert alert-light border mb-3 small text-dark">
                            <strong>تنبيه للسيرفر:</strong> إن لم يظهر القسم التالي فالنسخة المرفوعة من Laravel قديمة أو لم يُرفع المسار
                            <code>resources/views/admin/settings/index.blade.php</code>.
                            بعد الرفع نفّذ: <code>php artisan view:clear</code>
                        </div>

                        <div id="passenger-home-settings" class="card card-outline card-secondary mb-4">
                            <div class="card-header">
                                <h6 class="card-title mb-0">الشاشة الرئيسية (الراكب) — تفعيل الخدمات وبنر «خدمات» وعجلة الحظ وشروط سحب أرباح الدعوات</h6>
                            </div>
                            <div class="card-body">
                                <p class="text-muted small">عطّل أي خدمة لإخفاء بنرها من التطبيق للراكب. بنر «خدمات» يعرض النص الذي تضعه هنا (مثل توصيل طلبات خاصة، لوندري، إلخ).</p>
                                <div class="row">
                                    <div class="col-md-4">
                                        <input type="hidden" name="passenger_service_taxi_enabled" value="0">
                                        <div class="custom-control custom-switch">
                                            <input type="checkbox" class="custom-control-input" id="passenger_service_taxi_enabled" name="passenger_service_taxi_enabled" value="1" {{ old('passenger_service_taxi_enabled', $settings->passenger_service_taxi_enabled ?? true) ? 'checked' : '' }}>
                                            <label class="custom-control-label" for="passenger_service_taxi_enabled">إظهار بنر التكسي</label>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="hidden" name="passenger_service_food_enabled" value="0">
                                        <div class="custom-control custom-switch">
                                            <input type="checkbox" class="custom-control-input" id="passenger_service_food_enabled" name="passenger_service_food_enabled" value="1" {{ old('passenger_service_food_enabled', $settings->passenger_service_food_enabled ?? true) ? 'checked' : '' }}>
                                            <label class="custom-control-label" for="passenger_service_food_enabled">إظهار بنر الطعام</label>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="hidden" name="passenger_service_gas_enabled" value="0">
                                        <div class="custom-control custom-switch">
                                            <input type="checkbox" class="custom-control-input" id="passenger_service_gas_enabled" name="passenger_service_gas_enabled" value="1" {{ old('passenger_service_gas_enabled', $settings->passenger_service_gas_enabled ?? true) ? 'checked' : '' }}>
                                            <label class="custom-control-label" for="passenger_service_gas_enabled">إظهار بنر الغاز</label>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <input type="hidden" name="services_banner_enabled" value="0">
                                <div class="custom-control custom-switch mb-3">
                                    <input type="checkbox" class="custom-control-input" id="services_banner_enabled" name="services_banner_enabled" value="1" {{ old('services_banner_enabled', $settings->services_banner_enabled ?? true) ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="services_banner_enabled">تفعيل بنر «خدمات» في الرئيسية</label>
                                </div>
                                <div class="form-group">
                                    <label>عنوان البنر</label>
                                    <input type="text" class="form-control" name="services_banner_title" maxlength="255" value="{{ old('services_banner_title', $settings->services_banner_title ?? '') }}" placeholder="مثال: خدمات إضافية">
                                </div>
                                <div class="form-group">
                                    <label>سطر فرعي</label>
                                    <input type="text" class="form-control" name="services_banner_subtitle" value="{{ old('services_banner_subtitle', $settings->services_banner_subtitle ?? '') }}" placeholder="مثال: توصيل طلبات خاصة — لوندري">
                                </div>
                                <div class="form-group">
                                    <label>وصف تفصيلي (يظهر داخل صفحة الخدمات)</label>
                                    <textarea class="form-control" name="services_banner_body" rows="4" placeholder="اكتب تفاصيل الخدمة، شروطها، أو رقم التواصل...">{{ old('services_banner_body', $settings->services_banner_body ?? '') }}</textarea>
                                </div>
                                <div class="form-group">
                                    <label>نص زر الداخل (اختياري)</label>
                                    <input type="text" class="form-control" name="services_banner_cta_label" maxlength="120" value="{{ old('services_banner_cta_label', $settings->services_banner_cta_label ?? '') }}" placeholder="مثال: عرض التفاصيل">
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <label>أجور التوصيل لخدمات الراكب (د.ع)</label>
                                        <input type="number" step="0.01" min="0" class="form-control" name="passenger_extra_service_delivery_fee" value="{{ old('passenger_extra_service_delivery_fee', $settings->passenger_extra_service_delivery_fee ?? 0) }}">
                                        <small class="text-muted">تُضاف على كل طلب خدمة إضافية.</small>
                                    </div>
                                    <div class="col-md-6">
                                        <label>رسوم التطبيق لخدمات الراكب (حد أقصى 600 د.ع)</label>
                                        <input type="number" step="0.01" min="0" max="600" class="form-control" name="passenger_extra_service_app_fee" value="{{ old('passenger_extra_service_app_fee', $settings->passenger_extra_service_app_fee ?? 600) }}">
                                        <small class="text-muted">النظام يفرض سقف 600 د.ع حتى لو أدخلت قيمة أعلى.</small>
                                    </div>
                                </div>
                                <hr>
                                <div class="row">
                                    <div class="col-md-4">
                                        <label>عجلة الحظ: كل كم طلباً مكتملاً (عالمياً)</label>
                                        <input type="number" class="form-control" name="wheel_milestone_interval" min="1" max="100000" value="{{ old('wheel_milestone_interval', $settings->wheel_milestone_interval ?? 250) }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label>رقم الفوز (1–12)</label>
                                        <input type="number" class="form-control" name="wheel_winning_segment" min="1" max="12" value="{{ old('wheel_winning_segment', $settings->wheel_winning_segment ?? 12) }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label>عداد الطلبات المكتملة (للقراءة فقط — يزيد تلقائياً)</label>
                                        <input type="number" class="form-control" value="{{ (int)($settings->global_completed_orders_count ?? 0) }}" disabled>
                                    </div>
                                </div>
                                <hr>
                                <div class="row">
                                    <div class="col-md-6">
                                        <label>سحب أرباح الدعوات: الحد الأدنى لعدد المدعوين المؤهلين</label>
                                        <input type="number" class="form-control" name="referral_withdraw_min_invitees" min="1" max="500" value="{{ old('referral_withdraw_min_invitees', $settings->referral_withdraw_min_invitees ?? 60) }}">
                                        <small class="text-muted">كل مدعو: حساب مفعّل وموثّق ولا يقل عن N طلب مكتمل في التطبيق.</small>
                                    </div>
                                    <div class="col-md-6">
                                        <label>الحد الأدنى لطلبات كل مدعو (N)</label>
                                        <input type="number" class="form-control" name="referral_withdraw_min_orders_per_invitee" min="1" max="500" value="{{ old('referral_withdraw_min_orders_per_invitee', $settings->referral_withdraw_min_orders_per_invitee ?? 10) }}">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <hr class="my-4">

                        <!-- إعدادات محفظة المطعم/الغاز - رقم زين كاش -->
                        <h5 class="mb-3">إعدادات محفظة المطعم / الغاز (شحن زين كاش)</h5>
                        <div class="card card-outline card-info mb-4">
                            <div class="card-header bg-info text-white">
                                <h6 class="card-title mb-0">رقم زين كاش وتعليمات الشحن</h6>
                            </div>
                            <div class="card-body">
                                <div class="form-group">
                                    <label for="wallet_zain_cash_phone">رقم الهاتف الذي يستقبل التحويل (زين كاش)</label>
                                    <input type="text" class="form-control" id="wallet_zain_cash_phone" name="wallet_zain_cash_phone"
                                           value="{{ old('wallet_zain_cash_phone', $settings->wallet_zain_cash_phone ?? '') }}" placeholder="مثال: 07XX XXX XXXX">
                                    <small class="form-text text-muted">هذا الرقم يظهر للمطعم/الغاز في تطبيق الشحن لتحويل المبلغ إليه.</small>
                                </div>
                                <div class="form-group mt-3">
                                    <label for="wallet_topup_instructions">تعليمات الشحن (زين كاش - اختياري)</label>
                                    <textarea class="form-control" id="wallet_topup_instructions" name="wallet_topup_instructions" rows="3"
                                              placeholder="قم بالتحويل إلى الرقم أعلاه ثم أدخل كود التحويل ورقم المحوّل منه...">{{ old('wallet_topup_instructions', $settings->wallet_topup_instructions ?? '') }}</textarea>
                                </div>
                                <hr class="my-3">
                                <h6 class="text-dark mt-3">ماستر كارد</h6>
                                <div class="form-group">
                                    <label for="wallet_mastercard_instructions">تعليمات الشحن عبر ماستر كارد</label>
                                    <textarea class="form-control" id="wallet_mastercard_instructions" name="wallet_mastercard_instructions" rows="3"
                                              placeholder="أدخل تعليمات الدفع عبر ماستر كارد (رقم الحساب، IBAN، إلخ)...">{{ old('wallet_mastercard_instructions', $settings->wallet_mastercard_instructions ?? '') }}</textarea>
                                    <small class="form-text text-muted">تظهر للسائقين والمطاعم عند اختيار ماستر كارد كوسيلة دفع.</small>
                                </div>
                                <hr class="my-3">
                                <h6 class="text-dark mt-3">بطاقة أمان (قيد التطوير)</h6>
                                <div class="form-group">
                                    <div class="custom-control custom-switch">
                                        <input type="checkbox" class="custom-control-input"
                                               id="wallet_aman_card_enabled" name="wallet_aman_card_enabled"
                                               value="1" {{ ($settings->wallet_aman_card_enabled ?? false) ? 'checked' : '' }}>
                                        <label class="custom-control-label" for="wallet_aman_card_enabled">تفعيل بطاقة أمان</label>
                                    </div>
                                    <small class="form-text text-muted">بطاقات رصيد حسب الفئة (سائق، مطعم، غاز) — ستُنشأ مستقبلاً.</small>
                                </div>
                                <div class="form-group mt-2">
                                    <label for="wallet_aman_card_instructions">تعليمات بطاقة أمان (اختياري)</label>
                                    <textarea class="form-control" id="wallet_aman_card_instructions" name="wallet_aman_card_instructions" rows="2"
                                              placeholder="أدخل كود البطاقة في التطبيق...">{{ old('wallet_aman_card_instructions', $settings->wallet_aman_card_instructions ?? '') }}</textarea>
                                </div>
                                <p class="text-muted small mt-2">طلبات الشحن تظهر في: <a href="{{ route('admin.wallet-topup.index') }}">طلبات شحن المحفظة</a> — تأكيد كود التحويل والرقم ثم تفعيل الشحن.</p>
                            </div>
                        </div>

                        <hr class="my-4">

                        <!-- إعدادات محفظة الكاش باك للسائقين -->
                        <h5 class="mb-3">إعدادات محفظة الكاش باك (السائقين)</h5>
                        <div class="card card-outline card-warning mb-4">
                            <div class="card-header bg-warning text-dark">
                                <h6 class="card-title mb-0">مستويات النسبة • المواظبة • التقييم • الدعوات</h6>
                            </div>
                            <div class="card-body">
                                <div class="form-group">
                                    <div class="custom-control custom-switch">
                                        <input type="checkbox" class="custom-control-input" id="cashback_enabled" name="cashback_enabled"
                                               value="1" {{ ($settings->cashback_enabled ?? true) ? 'checked' : '' }}>
                                        <label class="custom-control-label" for="cashback_enabled">تفعيل نظام الكاش باك</label>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <label>1-4 رحلات/يوم (%)</label>
                                        <input type="number" step="0.01" class="form-control" name="cashback_base_percent"
                                               value="{{ $settings->cashback_base_percent ?? 4 }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label>5+ رحلات (%)</label>
                                        <input type="number" step="0.01" class="form-control" name="cashback_level_1_percent"
                                               value="{{ $settings->cashback_level_1_percent ?? 5 }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label>10+ رحلات (%)</label>
                                        <input type="number" step="0.01" class="form-control" name="cashback_level_2_percent"
                                               value="{{ $settings->cashback_level_2_percent ?? 6 }}">
                                    </div>
                                </div>
                                <div class="row mt-2">
                                    <div class="col-md-4">
                                        <label>15+ رحلات (%)</label>
                                        <input type="number" step="0.01" class="form-control" name="cashback_level_3_percent"
                                               value="{{ $settings->cashback_level_3_percent ?? 8 }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label>مكافأة التقييم 4.8+ (%)</label>
                                        <input type="number" step="0.01" class="form-control" name="cashback_rating_bonus_percent"
                                               value="{{ $settings->cashback_rating_bonus_percent ?? 1 }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label>مكافأة 7 أيام متتالية (%)</label>
                                        <input type="number" step="0.01" class="form-control" name="cashback_continuity_bonus_percent"
                                               value="{{ $settings->cashback_continuity_bonus_percent ?? 2 }}">
                                    </div>
                                </div>
                                <div class="row mt-2">
                                    <div class="col-md-4">
                                        <label>أيام القفل قبل التحويل</label>
                                        <input type="number" class="form-control" name="cashback_lock_days"
                                               value="{{ $settings->cashback_lock_days ?? 30 }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label>خصم التحويل المبكر (%)</label>
                                        <input type="number" step="0.01" class="form-control" name="cashback_early_transfer_penalty_percent"
                                               value="{{ $settings->cashback_early_transfer_penalty_percent ?? 20 }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label>نسبة مكافأة الإحالة (%)</label>
                                        <input type="number" step="0.01" class="form-control" name="cashback_referral_percent"
                                               value="{{ $settings->cashback_referral_percent ?? 5 }}">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <hr class="my-4">

                        <!-- معلومات التطبيق الأساسية -->
                        <div class="row">
                            <div class="col-md-6">
                                <h5 class="mb-3">معلومات التطبيق الأساسية</h5>

                                <div class="form-group">
                                    <label for="app_name">اسم التطبيق</label>
                                    <input type="text" class="form-control @error('app_name') is-invalid @enderror"
                                           id="app_name" name="app_name" value="{{ old('app_name', $settings->app_name) }}" required>
                                    @error('app_name')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="app_email">البريد الإلكتروني</label>
                                    <input type="email" class="form-control @error('app_email') is-invalid @enderror"
                                           id="app_email" name="app_email" value="{{ old('app_email', $settings->app_email) }}">
                                    @error('app_email')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="app_description">وصف التطبيق</label>
                                    <textarea class="form-control @error('app_description') is-invalid @enderror"
                                              id="app_description" name="app_description" rows="3">{{ old('app_description', $settings->app_description) }}</textarea>
                                    @error('app_description')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="app_about">نبذة عن التطبيق</label>
                                    <textarea class="form-control @error('app_about') is-invalid @enderror"
                                              id="app_about" name="app_about" rows="4">{{ old('app_about', $settings->app_about) }}</textarea>
                                    @error('app_about')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="driver_legal_terms">التعليمات القانونية لتسجيل السائقين</label>
                                    <p class="text-muted small mb-2">يظهر هذا النص في رابط التسجيل <code>/driver/subscribe</code> وفي واجهة التطبيق عبر API. يمكن تعديله في أي وقت.</p>
                                    <textarea class="form-control @error('driver_legal_terms') is-invalid @enderror"
                                              id="driver_legal_terms" name="driver_legal_terms" rows="8" placeholder="الشروط والأحكام القانونية...">{{ old('driver_legal_terms', $settings->driver_legal_terms ?? '') }}</textarea>
                                    @error('driver_legal_terms')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <h5 class="mb-3">الصور والشعارات</h5>

                                <div class="form-group">
                                    <label for="app_icon">أيقونة التطبيق</label>
                                    <input type="file" class="form-control @error('app_icon') is-invalid @enderror"
                                           id="app_icon" name="app_icon" accept="image/*">
                                    @error('app_icon')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                    @if($settings->app_icon)
                                        <div class="mt-2">
                                            <img src="{{ asset('storage/' . $settings->app_icon) }}" alt="أيقونة التطبيق"
                                                 class="img-thumbnail" style="max-width: 100px;">
                                        </div>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="app_logo">شعار التطبيق</label>
                                    <input type="file" class="form-control @error('app_logo') is-invalid @enderror"
                                           id="app_logo" name="app_logo" accept="image/*">
                                    @error('app_logo')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                    @if($settings->app_logo)
                                        <div class="mt-2">
                                            <img src="{{ asset('storage/' . $settings->app_logo) }}" alt="شعار التطبيق"
                                                 class="img-thumbnail" style="max-width: 150px;">
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>

                        <hr class="my-4">

                        <!-- إعدادات الاشتراك -->
                        <h5 class="mb-3">إعدادات الاشتراك</h5>

                        <!-- السائقين -->
                        <div class="card card-outline card-primary">
                            <div class="card-header">
                                <h6 class="card-title">إعدادات السائقين</h6>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>نوع الاشتراك</label>
                                            <select name="driver_subscription_type" class="form-control">
                                                <option value="percentage" {{ $settings->driver_subscription_type == 'percentage' ? 'selected' : '' }}>نسبة مئوية</option>
                                                <option value="monthly" {{ $settings->driver_subscription_type == 'monthly' ? 'selected' : '' }}>اشتراك شهري</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>قيمة الاشتراك</label>
                                            <input type="number" step="0.01" min="0" class="form-control"
                                                   name="driver_subscription_value" value="{{ $settings->driver_subscription_value }}">
                                            <small class="form-text text-muted">
                                                @if($settings->driver_subscription_type == 'percentage')
                                                    النسبة المئوية من كل رحلة
                                                @else
                                                    المبلغ الشهري بالدينار
                                                @endif
                                            </small>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input"
                                                       id="driver_subscription_enabled" name="driver_subscription_enabled"
                                                       value="1" {{ $settings->driver_subscription_enabled ? 'checked' : '' }}>
                                                <label class="custom-control-label" for="driver_subscription_enabled">تفعيل الاشتراك</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- المطاعم -->
                        <div class="card card-outline card-success mt-3">
                            <div class="card-header">
                                <h6 class="card-title">إعدادات المطاعم</h6>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>نوع الاشتراك</label>
                                            <select name="restaurant_subscription_type" class="form-control">
                                                <option value="percentage" {{ $settings->restaurant_subscription_type == 'percentage' ? 'selected' : '' }}>نسبة مئوية</option>
                                                <option value="monthly" {{ $settings->restaurant_subscription_type == 'monthly' ? 'selected' : '' }}>اشتراك شهري</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>قيمة الاشتراك</label>
                                            <input type="number" step="0.01" min="0" class="form-control"
                                                   name="restaurant_subscription_value" value="{{ $settings->restaurant_subscription_value }}">
                                            <small class="form-text text-muted">
                                                @if($settings->restaurant_subscription_type == 'percentage')
                                                    النسبة المئوية من كل طلب
                                                @else
                                                    المبلغ الشهري بالدينار
                                                @endif
                                            </small>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input"
                                                       id="restaurant_subscription_enabled" name="restaurant_subscription_enabled"
                                                       value="1" {{ $settings->restaurant_subscription_enabled ? 'checked' : '' }}>
                                                <label class="custom-control-label" for="restaurant_subscription_enabled">تفعيل الاشتراك</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- مكاتب الغاز -->
                        <div class="card card-outline card-warning mt-3">
                            <div class="card-header">
                                <h6 class="card-title">إعدادات مكاتب الغاز</h6>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>نوع الاشتراك</label>
                                            <select name="gas_subscription_type" class="form-control">
                                                <option value="percentage" {{ $settings->gas_subscription_type == 'percentage' ? 'selected' : '' }}>نسبة مئوية</option>
                                                <option value="monthly" {{ $settings->gas_subscription_type == 'monthly' ? 'selected' : '' }}>اشتراك شهري</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>قيمة الاشتراك</label>
                                            <input type="number" step="0.01" min="0" class="form-control"
                                                   name="gas_subscription_value" value="{{ $settings->gas_subscription_value }}">
                                            <small class="form-text text-muted">
                                                @if($settings->gas_subscription_type == 'percentage')
                                                    النسبة المئوية من كل طلب غاز
                                                @else
                                                    المبلغ الشهري بالدينار
                                                @endif
                                            </small>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input"
                                                       id="gas_subscription_enabled" name="gas_subscription_enabled"
                                                       value="1" {{ $settings->gas_subscription_enabled ? 'checked' : '' }}>
                                                <label class="custom-control-label" for="gas_subscription_enabled">تفعيل الاشتراك</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="text-center mt-4">
                            <button type="submit" class="btn btn-primary btn-lg">
                                <i class="fas fa-save"></i> حفظ الإعدادات
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // تحديث النص التوضيحي عند تغيير نوع الاشتراك
    const subscriptionTypes = ['driver', 'restaurant', 'gas'];

    subscriptionTypes.forEach(type => {
        const typeSelect = document.querySelector(`select[name="${type}_subscription_type"]`);
        const valueInput = document.querySelector(`input[name="${type}_subscription_value"]`);
        const helpText = valueInput.parentNode.querySelector('.form-text');

        function updateHelpText() {
            if (typeSelect.value === 'percentage') {
                if (type === 'driver') {
                    helpText.textContent = 'النسبة المئوية من كل رحلة';
                } else if (type === 'restaurant') {
                    helpText.textContent = 'النسبة المئوية من كل طلب';
                } else {
                    helpText.textContent = 'النسبة المئوية من كل طلب غاز';
                }
            } else {
                helpText.textContent = 'المبلغ الشهري بالدينار';
            }
        }

        typeSelect.addEventListener('change', updateHelpText);
        updateHelpText();
    });
});
</script>
@endsection