@extends('layout.app')
@section('title')
    {{ __('من نحن') }}
@stop
@section('content')
    <div class="content-wrapper">
        <div class="content-body">
            <!-- users edit start -->
            <section class="app-user-edit">
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h5 class="card-title mb-0">{{ __(' إعدادات الموقع الإلكتروني / من نحن') }}</h5>
                    </div>
                    <div class="card-body">
                        {{-- <x-alert /> --}}
                        <form action="{{ route('about_program_update') }}" method="post" enctype="multipart/form-data">
                            @csrf
                            <div class="row justify-content-center">
                                <div class="col-lg-8 col-md-8 col-sm-8">
                                    <div class="form-group">
                                        <label for="title" style="font-size: 18px;"
                                            class="form-label">{{ __(' من نحن') }}</label>
                                        <textarea name="about_us" id="assignment" cols="30" rows="10">{{ old('about_us', $about->about_us ?? '') }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('assignment');
                                    </script>
                                </div>
                                <div class="col-lg-8 col-md-8 col-sm-8 text-center">
                                    @if ($about->image_one)
                                        <img src="{{ asset('website/img/' . $about->image_one) }}" style="width: 15%;"
                                            alt="صورة من نحن">
                                    @endif
                                </div>
                                <div class="col-lg-8 col-md-8 col-sm-8 text-center">
                                    <img id="previewImage" src="#" alt="صورة من نحن"
                                        style="width: 10%; display: none;">
                                </div>
                                <div class="col-lg-8 col-md-8 col-sm-8">
                                    <div class="form-group">
                                        <label for="title" style="font-size: 18px;"
                                            class="form-label">{{ __('  الصورة الخاصة بـ من نحن') }}</label>
                                        <input type="file" id="image" name="image_one" accept="image/*"
                                            class="form-control-file"
                                            style="padding: 10px; border: 1px solid #ccc; border-radius: 4px; background-color: #f9f9f9; color: #333;">
                                    </div>
                                </div>

                                {{-- image about_us --}}
                                {{-- website title --}}
                                <div class="col-lg-8 col-md-8 col-sm-8">
                                    <div class="form-group">
                                        <label for="title" style="font-size: 18px;"
                                            class="form-label">{{ __('الرؤيا ') }}</label>
                                        <textarea name="vision" id="ready_date" cols="30" rows="10">{{ old('ready_date', $about->vision ?? '') }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('ready_date');
                                    </script>
                                </div>
                                {{-- end website title --}}
                                {{-- website title --}}
                                <div class="col-lg-8 col-md-8 col-sm-8">
                                    <div class="form-group">
                                        <label for="title" style="font-size: 18px;"
                                            class="form-label">{{ __('الرسالة') }}</label>
                                        <textarea name="message" id="implementation" cols="30" rows="10">{{ old('implementation', $about->message ?? '') }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('implementation');
                                    </script>
                                </div>
                                {{-- end website title --}}
                                {{-- website title --}}
                                <div class="col-lg-8 col-md-8 col-sm-8">
                                    <div class="form-group">
                                        <label for="title" style="font-size: 18px;"
                                            class="form-label">{{ __('الأهداف') }}</label>
                                        <textarea name="goal" id="non_implementation" cols="30" rows="10">{{ old('non_implementation', $about->goal ?? '') }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('non_implementation');
                                    </script>
                                </div>
                                {{-- end website title --}}
                                {{-- website title --}}
                                <div class="col-lg-8 col-md-8 col-sm-8">
                                    <div class="form-group">
                                        <label for="title" style="font-size: 18px;"
                                            class="form-label">{{ __('فكرة البرنامج') }}</label>
                                        <textarea name="idea" id="course_assignment" cols="30" rows="10">{{ old('course_assignment', $about->idea ?? '') }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('course_assignment');
                                    </script>
                                </div>
                                <div class="col-lg-8 col-md-8 col-sm-8 text-center">
                                    @if ($about->image_tow)
                                        <img src="{{ asset('website/img/' . $about->image_tow) }}" style="width: 15%;"
                                            alt="صورة من نحن">
                                    @endif
                                </div>
                                <div class="col-lg-8 col-md-8 col-sm-8 text-center">
                                    <img id="previewImages" src="#" alt="صورة من نحن"
                                        style="width: 10%; display: none;">
                                </div>
                                {{-- image about_us --}}
                                <div class="col-lg-8 col-md-8 col-sm-8">
                                    <div class="form-group">
                                        <label for="title" style="font-size: 18px;"
                                            class="form-label">{{ __('  الصورة') }}</label>
                                        <input type="file" id="images" name="image_tow" accept="image/*"
                                            class="form-control-file"
                                            style="padding: 10px; border: 1px solid #ccc; border-radius: 4px; background-color: #f9f9f9; color: #333;">
                                    </div>
                                </div>
                                {{-- image about_us --}}
                                {{-- end website title --}}
                                <div class="col-lg-12 col-md-12 col-sm-12 text-right">
                                    <button type="submit" class="btn btn-primary">{{ __('Update') }}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <script>
        // العثور على جميع الحقول النصية التي تستخدم CKEditor وتطبيق التعطيل عليها
        document.querySelectorAll('textarea').forEach(function(textarea) {
            CKEDITOR.replace(textarea.id);
        });

        // تعطيل التحذيرات لجميع المحررات
        CKEDITOR.on('instanceReady', function(evt) {
            var editor = evt.editor;
            editor.on('notificationShow', function(e) {
                if (e.data.message.indexOf('The license key is missing or invalid') !== -1 || e.data.message
                    .indexOf('This CKEditor version is not secure') !== -1) {
                    e.cancel();
                }
            });
        });
    </script>
@endsection