@extends('layout.app')
@section('title')
    {{ __('الإعدادات العامة الخاصة بالخطة') }}
@stop
@section('content')
    <div class="content-wrapper">
        <div class="content-body">
            <section class="app-user-edit">
                <div class="card">
                    <div class="card-header mb-2">
                        <h4 class="card-title">{{ __('إعدادات الخطة / الإعدادات العامة') }}</h4>
                    </div>
                    <div class="card-body">

                        <!-- users edit account form start -->
                        <form action="{{ route('plan_setting_update') }}" method="post" enctype="multipart/form-data">
                            @csrf
                            <div class="row justify-content-center">
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="about" style="font-size: 18px;"
                                            class="form-label">{{ __('تعريف بالمدرسة') }}</label>
                                        <textarea name="about" id="about" cols="30" rows="10">{{ old('about', $about->about ?? '') }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('about');
                                    </script>
                                </div>

                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="speech" style="font-size: 18px;"
                                            class="form-label">{{ __('كلمة مدير المدرسة') }}</label>
                                        <textarea name="speech" id="speech" cols="30" rows="10">{{ old('speech', $about->speech ?? '') }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('speech');
                                    </script>
                                </div>


                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="our_values" style="font-size: 18px;"
                                            class="form-label">{{ __('قيمنا الحاكمة') }}</label>
                                        <textarea name="our_values" id="our_values" cols="30" rows="10">{{ old('our_values', $about->our_values ?? '') }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('our_values');
                                    </script>
                                </div>

                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="logo" style="font-size: 18px;"
                                            class="form-label">{{ __('شعارنا') }}</label>
                                        <textarea name="logo" id="logo" cols="30" rows="10">{{ old('logo', $about->logo ?? '') }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('logo');
                                    </script>
                                </div>
                                {{-- website title --}}
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="vision" style="font-size: 18px;"
                                            class="form-label">{{ __('الرؤيا') }}</label>
                                        <textarea name="vision" id="vision" cols="30" rows="10">{{ old('vision', $about->vision ?? '') }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('vision');
                                    </script>
                                </div>
                                {{-- end website title --}}
                                {{-- website title --}}
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="message" style="font-size: 18px;"
                                            class="form-label">{{ __('الرسالة') }}</label>
                                        <textarea name="message" id="message" cols="30" rows="10">{{ old('message', $about->message ?? '') }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('message');
                                    </script>
                                </div>
                                {{-- end website title --}}
                                {{-- website title --}}
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="goal" style="font-size: 18px;"
                                            class="form-label">{{ __('الأهداف') }}</label>
                                        <textarea name="goal" id="goal" cols="30" rows="10">{{ old('goal', $about->goal ?? '') }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('goal');
                                    </script>
                                </div>
                                {{-- end website title --}}
                                {{-- end website title --}}
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="introduction" style="font-size: 18px;"
                                            class="form-label">{{ __('المقدمة') }}</label>
                                        <textarea name="introduction" id="introduction" cols="30" rows="10">{{ old('introduction', $about->introduction ?? '') }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('introduction');
                                    </script>
                                </div>
                                {{-- end website title --}}
                                {{-- end website title --}}
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="conclusion" style="font-size: 18px;"
                                            class="form-label">{{ __('الخاتمة') }}</label>
                                        <textarea name="conclusion" id="conclusion" cols="30" rows="10">{{ old('conclusion', $about->conclusion ?? '') }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('conclusion');
                                    </script>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="title" class="form-label">{{ __('مواطن القوة') }}</label>
                                        <textarea name="strengths" id="strengths" cols="30" rows="10">{{ old('strengths', $about->strengths) }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('strengths');
                                    </script>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="title" class="form-label">{{ __('مواطن الضعف') }}</label>
                                        <textarea name="weaknesses" id="weaknesses" cols="30" rows="10">{{ old('weaknesses', $about->weaknesses) }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('weaknesses');
                                    </script>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="title" class="form-label">{{ __('الفرص') }}</label>
                                        <textarea name="opportunities" id="opportunities" cols="30" rows="10">{{ old('opportunities', $about->opportunities) }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('opportunities');
                                    </script>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="title" class="form-label">{{ __('التهديدات') }}</label>
                                        <textarea name="threats" id="threats" cols="30" rows="10">{{ old('threats', $about->threats) }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('threats');
                                    </script>
                                </div>
                                {{-- إضافة حقل تضمين الخريطة --}}
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="map_embed" style="font-size: 18px;"
                                            class="form-label">{{ __('خريطة موقع المدرسة') }}</label>
                                        <textarea name="map_embed" class="form-control" rows="4" placeholder="قم بلصق كود تضمين خريطة Google هنا">{{ old('map_embed', $about->map_embed ?? '') }}</textarea>
                                        <small class="form-text text-muted">
                                            للحصول على كود التضمين، اذهب إلى <a href="https://www.google.com/maps"
                                                target="_blank">Google Maps</a>، ابحث عن موقع المدرسة، انقر على زر
                                            "مشاركة"، ثم اختر "تضمين خريطة" ونسخ الكود.
                                        </small>
                                    </div>
                                </div>
                                {{-- عرض الخريطة على قوقل ماب --}}
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="map_embed" style="font-size: 18px;"
                                            class="form-label">{{ __('موقع المدرسة على قوقل ماب') }}</label>
                                        {!! $about->map_embed !!}
                                    </div>
                                </div>
                                {{-- عرض الخريطة على قوقل ماب --}}
                                <div class="col-lg-8 col-md-8 col-sm-8 text-center">
                                    <button type="submit" class="btn btn-primary">{{ __('تحديث') }}</button>
                                    <button type="submit" class="btn btn-light">{{ __('Cancel') }}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </section>
        </div>

    </div>
@endsection