@extends('admin.layouts.app')

@section('content')
    <section class="section">
        <div class="section-header">
            <h1>إعدادات صفحة تسجيل الدبلومات</h1>
            <div class="section-header-breadcrumb">
                <div class="breadcrumb-item active"><a href="/admin/">{{ trans('admin/main.dashboard') }}</a></div>
                <div class="breadcrumb-item">إعدادات صفحة تسجيل الدبلومات</div>
            </div>
        </div>

        <div class="section-body">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <form action="/admin/additional_page/diploma_registration" method="post">
                                {{ csrf_field() }}

                                <div class="row">
                                    <div class="col-12 col-md-6">
                                        <h4 class="section-title">إعدادات البانر</h4>
                                        
                                        <div class="form-group">
                                            <label class="input-label">صورة البانر</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <button type="button" class="input-group-text admin-file-manager" data-input="banner_image_record" data-preview="holder">
                                                        <i class="fa fa-chevron-up"></i>
                                                    </button>
                                                </div>
                                                <input type="text" name="value[banner_image]" id="banner_image_record" value="{{ (!empty($value) and !empty($value['banner_image'])) ? $value['banner_image'] : '' }}" class="form-control"/>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="input-label">عنوان البانر</label>
                                            <input type="text" name="value[banner_title]" value="{{ (!empty($value) and !empty($value['banner_title'])) ? $value['banner_title'] : 'تسجيل الدبلومات' }}" class="form-control" placeholder="تسجيل الدبلومات"/>
                                        </div>

                                        <div class="form-group">
                                            <label class="input-label">وصف البانر</label>
                                            <textarea name="value[banner_description]" rows="3" class="form-control" placeholder="سجل الآن في برامج الدبلوم المتاحة">{{ (!empty($value) and !empty($value['banner_description'])) ? $value['banner_description'] : '' }}</textarea>
                                        </div>
                                    </div>

                                    <div class="col-12 col-md-6">
                                        <h4 class="section-title">إعدادات العرض</h4>
                                        
                                        <div class="form-group">
                                            <label class="input-label">عدد الدبلومات المعروضة</label>
                                            <input type="number" name="value[diplomas_limit]" value="{{ (!empty($value) and !empty($value['diplomas_limit'])) ? $value['diplomas_limit'] : '50' }}" class="form-control" min="1" max="100"/>
                                            <div class="text-muted text-small mt-1">عدد برامج الدبلوم التي تظهر في الصفحة (افتراضي: 50)</div>
                                        </div>

                                        <div class="form-group">
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" name="value[show_diplomas_list]" value="1" class="custom-control-input" id="show_diplomas_list" {{ (!empty($value) and !empty($value['show_diplomas_list']) and $value['show_diplomas_list'] == '1') ? 'checked' : 'checked' }}>
                                                <label class="custom-control-label" for="show_diplomas_list">إظهار قائمة الدبلومات</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row mt-4">
                                    <div class="col-12">
                                        <h4 class="section-title">إعدادات SEO</h4>
                                    </div>
                                    
                                    <div class="col-12 col-md-6">
                                        <div class="form-group">
                                            <label class="input-label">عنوان الصفحة (Page Title)</label>
                                            <input type="text" name="value[seo_title]" value="{{ (!empty($value) and !empty($value['seo_title'])) ? $value['seo_title'] : 'تسجيل الدبلومات' }}" class="form-control" placeholder="تسجيل الدبلومات"/>
                                        </div>
                                    </div>

                                    <div class="col-12 col-md-6">
                                        <div class="form-group">
                                            <label class="input-label">وصف الصفحة (Meta Description)</label>
                                            <textarea name="value[seo_description]" rows="3" class="form-control" placeholder="وصف الصفحة لمحركات البحث">{{ (!empty($value) and !empty($value['seo_description'])) ? $value['seo_description'] : '' }}</textarea>
                                        </div>
                                    </div>
                                </div>

                                <div class="row mt-4">
                                    <div class="col-12">
                                        <h4 class="section-title">إعدادات النموذج</h4>
                                    </div>
                                    
                                    <div class="col-12 col-md-6">
                                        <div class="form-group">
                                            <label class="input-label">رسالة النجاح بعد التسجيل</label>
                                            <textarea name="value[success_message]" rows="3" class="form-control" placeholder="تم إرسال طلب التسجيل بنجاح. سنتواصل معك قريباً.">{{ (!empty($value) and !empty($value['success_message'])) ? $value['success_message'] : 'تم إرسال طلب التسجيل بنجاح. سنتواصل معك قريباً.' }}</textarea>
                                        </div>
                                    </div>

                                    <div class="col-12 col-md-6">
                                        <div class="form-group">
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" name="value[require_captcha]" value="1" class="custom-control-input" id="require_captcha" {{ (!empty($value) and !empty($value['require_captcha']) and $value['require_captcha'] == '1') ? 'checked' : 'checked' }}>
                                                <label class="custom-control-label" for="require_captcha">تفعيل الكابتشا</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="mt-4">
                                    <button type="submit" class="btn btn-primary">{{ trans('admin/main.save_change') }}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@push('scripts_bottom')
    <script>
        var removeLang = '{{ trans('admin/main.remove') }}';
    </script>
@endpush

