@extends('admin.layout.master')

{{-- extra css files --}}
@section('css')
    <link rel="stylesheet" type="text/css" href="{{asset('admin/app-assets/css-rtl/plugins/forms/validation/form-validation.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('admin/app-assets/vendors/css/extensions/sweetalert2.min.css')}}">
    <style>
        #container {
            width: 1000px;
            margin: 20px auto;
        }
        .ck-editor__editable[role="textbox"] {
            /* editing area */
            min-height: 200px;
        }
        .ck-content .image {
            /* block images */
            max-width: 80%;
            margin: 20px auto;
        }
        .texteditorContent{
            max-height:300px;
            overflow:auto;
            background: white !important;
            border: 1px solid #ccced1 !important
        }
        /*.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {*/
        /*    left: 0;*/
        /*}*/
        .nav-item{
            margin-top:5px !important
        }
        .ck.ck-toolbar .ck-dropdown__panel {
            z-index: 10 !important;
        }
        .ck.ck-toolbar-dropdown>.ck-dropdown__panel {

            width: fit-content !important
        }
    </style>
@endsection
{{-- extra css files --}}
@section('content')

<div class="content-body">
  <!-- account setting page start -->
  <section id="page-account-settings">
      <div class="row">
          <!-- left menu section -->
          <div class="col-md-3 mb-2 mb-md-0">
              <ul class="nav nav-pills flex-column mt-md-0 mt-1">

                  <li class="nav-item">
                      <a class="nav-link d-flex py-75 active" id="account-pill-main" data-toggle="pill" href="#account-vertical-main" aria-expanded="true">
                          <i class="feather icon-settings mr-50 font-medium-3"></i>
                          {{awtTrans('إعدادات عامة')}}
                      </a>
                  </li>

                  <li class="nav-item">
                      <a class="nav-link d-flex py-75" id="account-pill-title" data-toggle="pill" href="#account-vertical-title" aria-expanded="true">
                          <i class="feather icon-settings mr-50 font-medium-3"></i>
                          {{awtTrans('عنوان ووصف الموقع')}}
                      </a>
                  </li>

                <li class="nav-item">
                      <a class="nav-link d-flex py-75" id="account-pill-about" data-toggle="pill" href="#account-vertical-about" aria-expanded="true">
                          <i class="feather icon-settings mr-50 font-medium-3"></i>
                          {{awtTrans(' ووصف من نحن')}}
                      </a>
                  </li>

                  <li class="nav-item">
                      <a class="nav-link d-flex py-75" id="account-pill-welcom" data-toggle="pill" href="#account-vertical-welcom" aria-expanded="true">
                          <i class="feather icon-settings mr-50 font-medium-3"></i>
                          {{awtTrans('رسالة الترحيب')}}
                      </a>
                  </li>

                  <li class="nav-item" style="margin-top: 3px" >
                      <a class="nav-link d-flex py-75" id="account-pill-intro" data-toggle="pill" href="#account-vertical-intro" aria-expanded="false">
                          <i class="feather icon-settings mr-50 font-medium-3"></i>
                          {{awtTrans('وصف صفحات واحصائيات التطبيق  ')}}
                      </a>
                  </li>

                  <li class="nav-item" style="margin-top: 3px" >
                      <a class="nav-link d-flex py-75" id="account-pill-adev" data-toggle="pill" href="#account-vertical-adev" aria-expanded="false">
                          <i class="feather icon-settings mr-50 font-medium-3"></i>
                          {{awtTrans('مميزات الموقع')}}
                      </a>
                  </li>
                    <li class="nav-item" style="margin-top: 3px" >
                          <a class="nav-link d-flex py-75" id="account-pill-adev" data-toggle="pill" href="#account-order-steps" aria-expanded="false">
                              <i class="feather icon-settings mr-50 font-medium-3"></i>
                              {{awtTrans('خطوات الطلب')}}
                          </a>
                      </li>
                  <li class="nav-item" style="margin-top: 3px" >
                          <a class="nav-link d-flex py-75" id="account-pill-adev" data-toggle="pill" href="#account-app-pages" aria-expanded="false">
                              <i class="feather icon-settings mr-50 font-medium-3"></i>
                              {{awtTrans('صفحات تعريفية')}}
                          </a>
                      </li>



              </ul>
          </div>
          <!-- right content section -->
          <div class="col-md-9">
              <div class="card">
                  <div class="card-content">
                      <div class="card-body">
                          <div class="tab-content">

                              <div role="tabpanel" class="tab-pane active" id="account-vertical-main" aria-labelledby="account-pill-main" aria-expanded="true">
                                <form action="{{route('admin.settings.update')}}" method="post" enctype="multipart/form-data">
                                    @method('put')
                                    @csrf
                                    <div class="row">
                                        <div class="col-4">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('رابط تحميل اندرويد')}}</label>
                                                    <input type="text" class="form-control" name="android_link" id="account-name" placeholder="{{awtTrans('رابط تحميل اندرويد')}}" value="{{$data['android_link']}}">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-4">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('رابط تحميل ايفون')}}</label>
                                                    <input type="text" class="form-control" name="ios_link" id="account-name" placeholder="{{awtTrans('رابط تحميل ايفون')}}" value="{{$data['ios_link']}}">
                                                </div>
                                            </div>
                                        </div>


                                        <div class="col-4">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('عدد التحميلات')}}</label>
                                                    <input type="text" class="form-control" name="downloads" id="account-name" placeholder="{{awtTrans('عدد التحميلات')}}" value="{{$data['downloads']}}">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('رسالة بانتظار القبول بالانجليزية')}}</label>
                                                    <input type="text" class="form-control" name="waiting_approval_ar" id="account-name" placeholder="{{awtTrans('رسالة بانتظار القبول بالانجليزية')}}" value="{{$data['waiting_approval_ar']}}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('رسالة بانتظار القبول بالعربية')}}</label>
                                                    <input type="text" class="form-control" name="waiting_approval_en" id="account-name" placeholder="{{awtTrans('رسالة بانتظار القبول بالعربية')}}" value="{{$data['waiting_approval_en']}}">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('انضم الينا كمندوب بالعربية')}}</label>
                                                    <input type="text" class="form-control" name="join_delegate_ar" id="account-name" placeholder="{{awtTrans('انضم الينا كمندوب بالعربية')}}" value="{{$data['join_delegate_ar']}}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('انضم الينا كمندوب بالانجليزية')}}</label>
                                                    <input type="text" class="form-control" name="join_delegate_en" id="account-name" placeholder="{{awtTrans('انضم الينا كمندوب بالانجليزية')}}" value="{{$data['join_delegate_en']}}">
                                                </div>
                                            </div>
                                        </div>
                                        <!--<div class="col-6">-->
                                            
                                        <!--</div>-->

                                        <div class="col-12">
                                            
                                                <div class="imgMontg col-12 text-center">
                                                  <div class="dropBox">
                                                    <div class="textCenter">
                                                      <div class="imagesUploadBlock">
                                                        <label class="uploadImg">
                                                          <span><i class="feather icon-image"></i></span>
                                                          <input type="file" accept="image/*" name="site_header_image"
                                                                 class="imageUploader">
                                                        </label>
                                                        <div class="uploadedBlock">
                                                            <img src="{{asset('assets/uploads/settings/site_header_image.png')}}">
                                                          <button class="close"><i class="feather icon-trash-2"></i></button>
                                                        </div>
                                                      </div>
                                                    </div>
                                                        <span>{{awtTrans('صورة مقدمة الموقع')}}</span>
                                                  </div>
                                                </div>
                                            
                                            <!--<div class="row">-->
                                            <!--    <div class="imgMontg col-12 text-center">-->
                                            <!--        <div class="dropBox">-->
                                            <!--            <div class="textCenter d-flex flex-lg-column">-->
                                            <!--                <div class="imagesUploadBlock">-->
                                            <!--                    <label class="uploadImg">-->
                                            <!--                        <span><i class="feather icon-image"></i></span>-->
                                            <!--                        <input type="file" accept="image/*" name="site_header_image" class="imageUploader">-->
                                            <!--                    </label>-->
                                            <!--                    <div class="uploadedBlock">-->
                                            <!--                        <img src="{{asset('assets/uploads/settings/site_header_image.png')}}">-->
                                            <!--                        <button class="close"><i class="feather icon-trash-2"></i></button>-->
                                            <!--                    </div>-->
                                            <!--                </div>-->
                                            <!--                
                                            <!--            </div>-->
                                            <!--        </div>-->
                                            <!--    </div>-->
                                            <!--</div>-->
                                        </div>

                                        <div class="col-12 d-flex justify-content-center mt-3">
                                            <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button">{{awtTrans('حفظ التغييرات')}}</button>
                                            <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-warning mr-1 mb-1">{{awtTrans(' رجوع ')}}</a>
                                        </div>

                                    </div>
                                </form>
                              </div>

                              <div role="tabpanel" class="tab-pane " id="account-vertical-title" aria-labelledby="account-pill-title" aria-expanded="true">
                                <form action="{{route('admin.settings.update')}}" method="post" enctype="multipart/form-data">
                                    @method('put')
                                    @csrf
                                    <div class="row">
                                        
                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('عنوان الموقع بالعربية')}}</label>
                                                    <textarea class="form-control" name="site_title_ar" cols="30" rows="10" placeholder="{{awtTrans('عنوان الموقع بالعربية')}}">{{$data['site_title_ar']}}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('عنوان الموقع بالانجليزية')}}</label>
                                                    <textarea class="form-control" name="site_title_en" cols="30" rows="10" placeholder="{{awtTrans('عنوان الموقع بالانجليزية')}}">{{$data['site_title_en']}}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('وصف الموقع بالعربية')}}</label>
                                                    <textarea class="form-control" name="site_desc_ar" id="site_desc_ar" cols="30" rows="10" placeholder="{{awtTrans('وصف الموقع بالعربية')}}">{{$data['site_desc_ar']}}</textarea>
                                                    <!--<div class="containTexteditor">-->
                                                    <!--    <div id="site_title_ar_editor_toolbar" class="toolbar" ></div>-->
                                                    <!--    <div id="site_title_ar_editor" class="texteditorContent">{!! $data['site_desc_ar']!!}</div>-->
                                                    <!--</div>-->
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('وصف الموقع بالانجليزية')}}</label>
                                                    <textarea class="form-control" name="site_desc_en" id="site_desc_en" cols="30" rows="10" placeholder="{{awtTrans('وصف الموقع بالانجليزية')}}">{{$data['site_desc_en']}}</textarea>
                                                    <div class="containTexteditor">
                                                        <!--<div id="site_title_en_editor_toolbar" class="toolbar" ></div>-->
                                                        <!--<div id="site_title_en_editor" class="texteditorContent">{!! $data['site_desc_en']!!}</div>-->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        

                                        <div class="col-12 d-flex justify-content-center mt-3">
                                            <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button">{{awtTrans('حفظ التغييرات')}}</button>
                                            <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-warning mr-1 mb-1">{{awtTrans(' رجوع ')}}</a>
                                        </div>
                                    </div>
                                </form>
                              </div>


                              <div role="tabpanel" class="tab-pane " id="account-vertical-about" aria-labelledby="account-pill-about" aria-expanded="true">
                                <form action="{{route('admin.settings.update')}}" method="post" enctype="multipart/form-data">
                                    @method('put')
                                    @csrf
                                    <div class="row">
                                        
                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('وصف من نحن بالعربية')}}</label>
                                                    <textarea class="form-control" name="site_about_ar"  cols="30" rows="10" placeholder="{{awtTrans('وصف الموقع بالعربية')}}">{{$data['site_about_ar']}}</textarea>

                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('وصف من نحن بالانجليزية')}}</label>
                                                    <textarea class="form-control" name="site_about_en"  cols="30" rows="10" placeholder="{{awtTrans('وصف الموقع بالانجليزية')}}">{{$data['site_about_en']}}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="col-12 d-flex justify-content-center mt-3">
                                            <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button">{{awtTrans('حفظ التغييرات')}}</button>
                                            <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-warning mr-1 mb-1">{{awtTrans(' رجوع ')}}</a>
                                        </div>
                                    </div>
                                </form>
                              </div>


                              <div role="tabpanel" class="tab-pane " id="account-vertical-welcom" aria-labelledby="account-pill-welcom" aria-expanded="true">
                                <form action="{{route('admin.settings.update')}}" method="post" enctype="multipart/form-data">
                                    @method('put')
                                    @csrf
                                    <div class="row">

                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('عنوان رسالة الترحيب بالعربية')}}</label>
                                                    <input type="text" class="form-control" name="welcome_title_ar" id="account-name" placeholder="{{awtTrans('عنوان رسالة الترحيب بالعربية')}}" value="{{$data['welcome_title_ar']}}">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('عنوان رسالة الترحيب بالانجليزية')}}</label>
                                                    <input type="text" class="form-control" name="welcome_title_en" id="account-name" placeholder="{{awtTrans('عنوان رسالة الترحيب بالانجليزية')}}" value="{{$data['welcome_title_en']}}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('محتوى رسالة الترحيب بالعربية')}}</label>
                                                    <textarea class="form-control" name="welcome_content_ar" cols="30" rows="10" placeholder="{{awtTrans('محتوى رسالة الترحيب بالعربية')}}">{{$data['welcome_content_ar']}}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('محتوى رسالة الترحيب بالانجليزية')}}</label>
                                                    <textarea class="form-control" name="welcome_content_en" cols="30" rows="10" placeholder="{{awtTrans('محتوى رسالة الترحيب بالانجليزية')}}">{{$data['welcome_content_en']}}</textarea>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-12 d-flex justify-content-center mt-3">
                                            <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button">{{awtTrans('حفظ التغييرات')}}</button>
                                            <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-warning mr-1 mb-1">{{awtTrans(' رجوع ')}}</a>
                                        </div>
                                    </div>
                                </form>
                              </div>

                              <div role="tabpanel" class="tab-pane" id="account-vertical-intro" aria-labelledby="account-pill-intro" aria-expanded="true">
                                <form action="{{route('admin.settings.update')}}" method="post" enctype="multipart/form-data">
                                  @method('put')
                                  @csrf

                                    <div class="row">
                                         <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('وصف صفحات التطبيق بالعربية')}}</label>
                                                    <textarea class="form-control" name="app_pages_desc_ar" cols="30" rows="10" placeholder="{{awtTrans('وصف صفحات التطبيق بالعربية')}}">{{$data['app_pages_desc_ar']}}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('وصف صفحات التطبيق بالانجليزية')}}</label>
                                                    <textarea class="form-control" name="app_pages_desc_en" cols="30" rows="10" placeholder="{{awtTrans('وصف صفحات التطبيق بالانجليزية')}}">{{$data['app_pages_desc_en']}}</textarea>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('وصف احصائيات التطبيق بالعربية')}}</label>
                                                    <textarea class="form-control" name="app_statistics_desc_ar" cols="30" rows="10" placeholder="{{awtTrans('وصف احصائيات التطبيق بالعربية')}}">{{$data['app_statistics_desc_ar']}}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('وصف احصائيات التطبيق بالانجليزية')}}</label>
                                                    <textarea class="form-control" name="app_statistics_desc_en" cols="30" rows="10" placeholder="{{awtTrans('وصف احصائيات التطبيق بالانجليزية')}}">{{$data['app_statistics_desc_en']}}</textarea>
                                                </div>
                                            </div>
                                        </div>



                                        <div class="col-12 d-flex justify-content-center mt-3">
                                            <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button">{{awtTrans('حفظ التغييرات')}}</button>
                                            <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-warning mr-1 mb-1">{{awtTrans(' رجوع ')}}</a>
                                        </div>
                                    </div>
                                </form>
                              </div>

                              <div role="tabpanel" class="tab-pane" id="account-vertical-adev" aria-labelledby="account-pill-steps" aria-expanded="true">
                                <div class="table-responsive">
                                    <button class="add_button btn btn-primary mr-1 mb-1 waves-effect waves-light">{{awtTrans('اضافة')}}</button>
                                    <table class="table mb-0">
                                        <thead>
                                            <tr>
                                                <th>{{awtTrans('الصورة')}}</th>
                                                <th>{{awtTrans('العنوان')}}</th>
                                                <th>{{awtTrans('التحكم')}}</th>
                                            </tr>
                                        </thead>
                                        <tbody class="table-content">
                                        </tbody>
                                    </table>
                                </div>
                                <form class="add-form" id="add-form" action="{{route('admin.intro_settings_adv.store')}}" method="post" enctype="multipart/form-data">
                                    @csrf
                                    <div class="row">

                                        <div class="col-12">
                                            <div class="imgMontg col-12 text-center">
                                                <div class="dropBox">
                                                    <div class="textCenter">
                                                        <div class="imagesUploadBlock">
                                                            <label class="uploadImg">
                                                                <span><i class="feather icon-image"></i></span>
                                                                <input type="file" accept="image/*" id="pageImage" name="image" class="imageUploader">
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="first-name-column">{{awtTrans('العنوان بالعربية')}}</label>
                                                <div class="controls">
                                                    <input type="text" name="title_ar" class="form-control" placeholder="{{awtTrans('اكتب العنوان بالعربية')}}"  >
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="first-name-column">{{awtTrans('العنوان بالانجليزية')}}</label>
                                                <div class="controls">
                                                    <input type="text" name="title_en" class="form-control" placeholder="{{awtTrans('اكتب العنوان بالانجليزية')}}"  >
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('الوصف بالعربية')}}</label>
                                                    <textarea class="form-control" name="desc_ar" cols="30" rows="10" placeholder="{{awtTrans('الوصف بالعربية')}}"></textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('الوصف بالانجليزية')}}</label>
                                                    <textarea class="form-control" name="desc_en" cols="30" rows="10" placeholder="{{awtTrans('الوصف بالانجليزية')}}"></textarea>
                                                </div>
                                            </div>
                                        </div>



                                        <div class="col-12 d-flex justify-content-center mt-3">
                                            <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button">{{awtTrans('اضافة')}}</button>
                                            <button type="reset" class="btn btn-warning mr-1 mb-1 show-main">{{awtTrans(' رجوع ')}}</button>
                                        </div>
                                    </div>

                                </form>

                                <form class="edit-form" action="{{route('admin.intro_settings_adv.update')}}" method="post" enctype="multipart/form-data">
                                    @csrf
                                    <div class="row">

                                        <div class="col-12">
                                            <div class="imgMontg col-12 text-center">
                                                <div class="dropBox">
                                                    <div class="textCenter">
                                                        <div class="imagesUploadBlock">
                                                            <label class="uploadImg">
                                                                <span><i class="feather icon-image"></i></span>
                                                                <input type="file" accept="image/*" name="image" class="imageUploader">
                                                            </label>
                                                            <div class="uploadedBlock">
                                                                <img src="" class="edit_icon">
                                                                <button class="close"><i class="la la-times"></i></button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="first-name-column">{{awtTrans('العنوان بالعربية')}}</label>
                                                <div class="controls">
                                                    <input type="text" name="title_ar" class="form-control title_ar" placeholder="{{awtTrans('اكتب العنوان بالعربية')}}"  >
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="first-name-column">{{awtTrans('العنوان بالانجليزية')}}</label>
                                                <div class="controls">
                                                    <input type="text" name="title_en" class="form-control title_en" placeholder="{{awtTrans('اكتب العنوان بالانجليزية')}}"  >
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('الوصف بالعربية')}}</label>
                                                    <textarea class="form-control desc_ar" name="desc_ar" cols="30" rows="10" placeholder="{{awtTrans('الوصف بالعربية')}}"></textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label for="account-name">{{awtTrans('الوصف بالانجليزية')}}</label>
                                                    <textarea class="form-control desc_en" name="desc_en" cols="30" rows="10" placeholder="{{awtTrans('الوصف بالانجليزية')}}"></textarea>
                                                </div>
                                            </div>
                                        </div>


                                        <input type="hidden" name="edit_id" class="edit_id">
                                        <div class="col-12 d-flex justify-content-center mt-3">
                                            <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button">{{awtTrans('تعديل')}}</button>
                                            <button type="reset" class="btn btn-warning mr-1 mb-1 show-main">{{awtTrans(' رجوع ')}}</button>
                                        </div>
                                    </div>

                                </form>
                              </div>

                              <div role="tabpanel" class="tab-pane" id="account-order-steps" aria-labelledby="account-pill-steps" aria-expanded="true">
                                  <div class="table-responsive">
                                      <button class="add_button-steps btn btn-primary mr-1 mb-1 waves-effect waves-light">{{awtTrans('اضافة')}}</button>
                                      <table class="table mb-0">
                                          <thead>
                                          <tr>
                                              <th>{{awtTrans('الصورة')}}</th>
                                              <th>{{awtTrans('العنوان')}}</th>
                                              <th>{{awtTrans('التحكم')}}</th>
                                          </tr>
                                          </thead>
                                          <tbody class="table-content-data">
                                          </tbody>
                                      </table>
                                  </div>
                                  <form class="add-form-steps" id="add-form-steps" action="{{route('admin.intro_settings_steps.store')}}" method="post" enctype="multipart/form-data">
                                      @csrf
                                      <div class="row">

                                          <div class="col-12">
                                              <div class="imgMontg col-12 text-center">
                                                  <div class="dropBox">
                                                      <div class="textCenter">
                                                          <div class="imagesUploadBlock">
                                                              <label class="uploadImg">
                                                                  <span><i class="feather icon-image"></i></span>
                                                                  <input type="file" accept="image/*" id="pageImage" name="image" class="imageUploader">
                                                              </label>
                                                          </div>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>

                                          <div class="col-md-6 col-12">
                                              <div class="form-group">
                                                  <label for="first-name-column">{{awtTrans('العنوان بالعربية')}}</label>
                                                  <div class="controls">
                                                      <input type="text" name="title_ar" class="form-control" placeholder="{{awtTrans('اكتب العنوان بالعربية')}}"  >
                                                  </div>
                                              </div>
                                          </div>

                                          <div class="col-md-6 col-12">
                                              <div class="form-group">
                                                  <label for="first-name-column">{{awtTrans('العنوان بالانجليزية')}}</label>
                                                  <div class="controls">
                                                      <input type="text" name="title_en" class="form-control" placeholder="{{awtTrans('اكتب العنوان بالانجليزية')}}"  >
                                                  </div>
                                              </div>
                                          </div>

                                          <div class="col-6">
                                              <div class="form-group">
                                                  <div class="controls">
                                                      <label for="account-name">{{awtTrans('الوصف بالعربية')}}</label>
                                                      <textarea class="form-control" name="desc_ar" cols="30" rows="10" placeholder="{{awtTrans('الوصف بالعربية')}}"></textarea>
                                                  </div>
                                              </div>
                                          </div>
                                          <div class="col-6">
                                              <div class="form-group">
                                                  <div class="controls">
                                                      <label for="account-name">{{awtTrans('الوصف بالانجليزية')}}</label>
                                                      <textarea class="form-control" name="desc_en" cols="30" rows="10" placeholder="{{awtTrans('الوصف بالانجليزية')}}"></textarea>
                                                  </div>
                                              </div>
                                          </div>



                                          <div class="col-12 d-flex justify-content-center mt-3">
                                              <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button-steps">{{awtTrans('اضافة')}}</button>
                                              <button type="reset" class="btn btn-warning mr-1 mb-1 show-main-steps">{{awtTrans(' رجوع ')}}</button>
                                          </div>
                                      </div>

                                  </form>

                                  <form class="edit-form-steps" action="{{route('admin.intro_settings_steps.update')}}" method="post" enctype="multipart/form-data">
                                      @csrf
                                      <div class="row">

                                          <div class="col-12">
                                              <div class="imgMontg col-12 text-center">
                                                  <div class="dropBox">
                                                      <div class="textCenter">
                                                          <div class="imagesUploadBlock">
                                                              <label class="uploadImg">
                                                                  <span><i class="feather icon-image"></i></span>
                                                                  <input type="file" accept="image/*" name="image" class="imageUploader">
                                                              </label>
                                                              <div class="uploadedBlock">
                                                                  <img src="" class="edit_icon">
                                                                  <button class="close"><i class="la la-times"></i></button>
                                                              </div>
                                                          </div>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>

                                          <div class="col-md-6 col-12">
                                              <div class="form-group">
                                                  <label for="first-name-column">{{awtTrans('العنوان بالعربية')}}</label>
                                                  <div class="controls">
                                                      <input type="text" name="title_ar" class="form-control title_ar" placeholder="{{awtTrans('اكتب العنوان بالعربية')}}"  >
                                                  </div>
                                              </div>
                                          </div>

                                          <div class="col-md-6 col-12">
                                              <div class="form-group">
                                                  <label for="first-name-column">{{awtTrans('العنوان بالانجليزية')}}</label>
                                                  <div class="controls">
                                                      <input type="text" name="title_en" class="form-control title_en" placeholder="{{awtTrans('اكتب العنوان بالانجليزية')}}"  >
                                                  </div>
                                              </div>
                                          </div>

                                          <div class="col-6">
                                              <div class="form-group">
                                                  <div class="controls">
                                                      <label for="account-name">{{awtTrans('الوصف بالعربية')}}</label>
                                                      <textarea class="form-control desc_ar" name="desc_ar" cols="30" rows="10" placeholder="{{awtTrans('الوصف بالعربية')}}"></textarea>
                                                  </div>
                                              </div>
                                          </div>
                                          <div class="col-6">
                                              <div class="form-group">
                                                  <div class="controls">
                                                      <label for="account-name">{{awtTrans('الوصف بالانجليزية')}}</label>
                                                      <textarea class="form-control desc_en" name="desc_en" cols="30" rows="10" placeholder="{{awtTrans('الوصف بالانجليزية')}}"></textarea>
                                                  </div>
                                              </div>
                                          </div>


                                          <input type="hidden" name="edit_id" class="edit_id">
                                          <div class="col-12 d-flex justify-content-center mt-3">
                                              <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button-steps">{{awtTrans('تعديل')}}</button>
                                              <button type="reset" class="btn btn-warning mr-1 mb-1 show-main-steps">{{awtTrans(' رجوع ')}}</button>
                                          </div>
                                      </div>

                                  </form>
                              </div>
                              <div role="tabpanel" class="tab-pane" id="account-app-pages" aria-labelledby="account-pill-steps" aria-expanded="true">
                                  <div class="table-responsive">
                                      <button class="add_button-page btn btn-primary mr-1 mb-1 waves-effect waves-light">{{awtTrans('اضافة')}}</button>
                                      <table class="table mb-0">
                                          <thead>
                                          <tr>
                                              <th>{{awtTrans('الصورة')}}</th>
                                              <th>{{awtTrans('التحكم')}}</th>
                                          </tr>
                                          </thead>
                                          <tbody class="table-content-pages">
                                          </tbody>
                                      </table>
                                  </div>
                                  <form class="add-form-page" action="{{route('admin.intro_settings_page.store')}}" method="post" enctype="multipart/form-data">
                                      @csrf
                                      <div class="row">
                                          <div class="col-12">
                                              <div class="imgMontg col-12 text-center">
                                                  <div class="dropBox">
                                                      <div class="textCenter">
                                                          <div class="imagesUploadBlock">
                                                              <label class="uploadImg">
                                                                  <span><i class="feather icon-image"></i></span>
                                                                  <input type="file" accept="image/*" name="image" id="pageImage" class="imageUploader">
                                                              </label>
                                                          </div>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>


                                          <div class="col-12 d-flex justify-content-center mt-3">
                                              <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button-page">{{awtTrans('اضافة')}}</button>
                                              <button type="reset" class="btn btn-warning mr-1 mb-1 show-main-page">{{awtTrans(' رجوع ')}}</button>
                                          </div>
                                      </div>

                                  </form>

                                  <form class="edit-form-page" action="{{route('admin.intro_settings_page.update')}}" method="post" enctype="multipart/form-data">
                                      @csrf
                                      <div class="row">

                                          <div class="col-12">
                                              <div class="imgMontg col-12 text-center">
                                                  <div class="dropBox">
                                                      <div class="textCenter">
                                                          <div class="imagesUploadBlock">
                                                              <label class="uploadImg">
                                                                  <span><i class="feather icon-image"></i></span>
                                                                  <input type="file" accept="image/*" name="image" class="imageUploader">
                                                              </label>
                                                              <div class="uploadedBlock">
                                                                  <img src="" class="edit_icon">
                                                                  <button class="close"><i class="la la-times"></i></button>
                                                              </div>
                                                          </div>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>


                                          <input type="hidden" name="edit_id" class="edit_id">
                                          <div class="col-12 d-flex justify-content-center mt-3">
                                              <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button-page">{{awtTrans('تعديل')}}</button>
                                              <button type="reset" class="btn btn-warning mr-1 mb-1 show-main-page">{{awtTrans(' رجوع ')}}</button>
                                          </div>
                                      </div>

                                  </form>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </section>

  <!-- account setting page end -->

</div>

@endsection
@section('js')

    <!--<script src="https://cdn.ckeditor.com/ckeditor5/39.0.1/decoupled-document/ckeditor.js"></script>-->
    <script src="https://cdn.ckeditor.com/ckeditor5/23.0.0/classic/ckeditor.js"></script>
    <script>
        DecoupledEditor
            .create( document.querySelector( '#site_title_ar_editor' ))
            .then( editor => {
                const toolbarContainer = document.querySelector( '#site_title_ar_editor_toolbar');

                toolbarContainer.appendChild( editor.ui.view.toolbar.element );
                console.log(editor.ui.view.toolbar.element)
            } )
            .catch( error => {
                console.error( error );
            } );

    </script>
    <script>
        DecoupledEditor
            .create( document.querySelector( '#site_title_en_editor' ))
            .then( editor => {
                const toolbarContainer = document.querySelector( '#site_title_en_editor_toolbar' );

                toolbarContainer.appendChild( editor.ui.view.toolbar.element );
                console.log(editor.ui.view.toolbar.element)
            } )
            .catch( error => {
                console.error( error );
            } );
    </script>
    <script>
        ClassicEditor.create( document.querySelector( '#site_desc_ar' ) )
            .catch( error => {
                console.error( error );
            } );
    </script>
    <script>
        ClassicEditor.create( document.querySelector( '#site_desc_en' ) )
            .catch( error => {
                console.error( error );
            } );
    </script>
{{--    <script>--}}
{{--            CKEDITOR.replace( 'site_title_ar_editor' );--}}
{{--    </script>--}}
{{--    --}}
{{--    <script>--}}
{{--            CKEDITOR.replace( 'site_title_en_editor' );--}}
{{--    </script>--}}


    <script>
        function addFormTableContent() {
            $.ajax({
                type: "get",
                url: "{{url('admin/intro_settings/data-content')}}",
                data: {},
                dataType: "json",
                success: function (response) {
                    $('.table-content').html(response.html)
                }
            });
        }
        addFormTableContent()
    </script>
    <script>
        function addTableStepstableContent() {
            $.ajax({
                type: "get",
                url: "{{url('admin/intro_settings/data-content-steps')}}",
                data: {},
                dataType: "json",
                success: function (response) {
                    $('.table-content-data').html(response.html)
                }
            });
        }
        addTableStepstableContent()
    </script>
    <script>
        function tableContent() {
            $.ajax({
                type: "get",
                url: "{{url('admin/intro_settings/data-content-pages')}}",
                data: {},
                dataType: "json",
                success: function (response) {
                    $('.table-content-pages').html(response.html)
                }
            });
        }
        tableContent()
    </script>
    <script>

        $('.add-form').fadeOut()
        $('.edit-form').fadeOut()
        $(document).on('click' , '.add_button', function () {
            $('.table-responsive').hide('slow', function(){
                $('.add-form').fadeIn()
            })
        });
        $(document).on('click' , '.show-main', function () {
            $('.table-responsive').fadeIn()
            $('.add-form').fadeOut()
            $('.edit-form').fadeOut()
            $('.add-form .uploadedBlock').remove();
            $(".add-form #pageImage").val('');
        });
        

        $(document).on('click' , '.edit', function () {
            $('.edit_icon').attr('src' , $(this).data('icon_path'))
            $('.title_ar').val($(this).data('title_ar'))
            $('.title_en').val($(this).data('title_en'))
            $('.desc_ar').val($(this).data('desc_ar'))
            $('.desc_en').val($(this).data('desc_en'))
            $('.edit_id').val($(this).data('id'))
            $('.table-responsive').hide('slow', function(){
                $('.edit-form').fadeIn()
            })
        });

    </script>
    <script>

        $('.add-form-steps').fadeOut()
        $('.edit-form-steps').fadeOut()
        $(document).on('click' , '.add_button-steps', function () {
            $('.table-responsive').hide('slow', function(){
                $('.add-form-steps').fadeIn()
            })
        });
        $(document).on('click' , '.show-main-steps', function () {
            $('.table-responsive').fadeIn()
            $('.add-form-steps').fadeOut()
            $('.edit-form-steps').fadeOut()
            $('.add-form-steps .uploadedBlock').remove();
            $(".add-form-steps #pageImage").val('');
        });

        $(document).on('click' , '.edit', function () {
            $('.edit_image').attr('src' , $(this).data('image_path'))
            $('.title_ar').val($(this).data('title_ar'))
            $('.title_en').val($(this).data('title_en'))
            $('.desc_ar').val($(this).data('desc_ar'))
            $('.desc_en').val($(this).data('desc_en'))
            $('.edit_id').val($(this).data('id'))
            $('.table-responsive').hide('slow', function(){
                $('.edit-form-steps').fadeIn()
            })
        });

    </script>
    <script>

        $('.add-form-page').fadeOut()
        $('.edit-form-page').fadeOut()
        $(document).on('click' , '.add_button-page', function () {
            $('.table-responsive').hide('slow', function(){
                $('.add-form-page').fadeIn()
            })
        });
        $(document).on('click' , '.show-main-page', function () {
            $('.table-responsive').fadeIn()
            $('.add-form-page').fadeOut()
            $('.edit-form-page').fadeOut()
            $('.add-form-page .uploadedBlock').remove();
            $(".add-form-page #pageImage").val('');
            
            
            
        });

        $(document).on('click' , '.edit_page', function () {
            $('.edit_icon').attr('src' , $(this).data('icon_path'))
            $('.edit_id').val($(this).data('id'))
            $('.table-responsive').hide('slow', function(){
                $('.edit-form-page').fadeIn()
            })
        });

    </script>
    <script>
        $(document).ready(function() {
            $(document).on('submit', '.add-form', function(e) {
                e.preventDefault();
                var url = $(this).attr('action')
                $.ajax({
                    url: url,
                    method: 'post',
                    data: new FormData($(this)[0]),
                    dataType: 'json',
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        toastr.success('{{ awtTrans('تمت الاضافة بنجاح') }}')
                        addFormTableContent()
                        $('.add-form').hide('slow', function(){
                            $('.table-responsive').fadeIn()
                        })
                        document.getElementById('add-form').reset();
                        $('.add-form .uploadedBlock').remove();
                        $(".add-form #pageImage").val('');
                    },
                    error: function(xhr) {
                        $(".text-danger").remove()
                        $.each(xhr.responseJSON.errors, function(key,value) {
                            $('input[name='+key+']').addClass('border-danger')
                            $('input[name='+key+']').after(`<span class="mt-5 text-danger">${value}</span>`);
                            $('textarea[name='+key+']').after(`<span class="mt-5 text-danger">${value}</span>`);
                        });
                    },
                });

            });
        });
        $(document).ready(function() {
            $(document).on('submit', '.edit-form', function(e) {
                e.preventDefault();
                var url = $(this).attr('action')
                $.ajax({
                    url: url,
                    method: 'post',
                    data: new FormData($(this)[0]),
                    dataType: 'json',
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        toastr.success('{{ awtTrans('تمت التعديل بنجاح') }}')
                        tableContent()
                        $('.edit-form').hide('slow', function(){
                            $('.table-responsive').fadeIn()
                        })
                    },
                    error: function(xhr) {
                        $(".text-danger").remove()
                        $.each(xhr.responseJSON.errors, function(key,value) {
                            $('input[name='+key+']').addClass('border-danger')
                            $('input[name='+key+']').after(`<span class="mt-5 text-danger">${value}</span>`);
                            $('textarea[name='+key+']').after(`<span class="mt-5 text-danger">${value}</span>`);
                        });
                    },
                });

            });
        });
        $(document).ready(function() {
            $(document).on('click', '.trash', function(e) {
                e.preventDefault();
                var id = $(this).data('id')
                $.ajax({
                    url: '{{url("admin/intro_site/delete")}}' + '/' + id,
                    method: 'post',
                    data: {},
                    dataType: 'json',
                    success: (response) => {
                        $(this).parent().parent().fadeOut()
                        toastr.error('{{ awtTrans('تمت الحذف بنجاح') }}')
                    }
                });

            });
        });
    </script>
    <script>
        $(document).ready(function() {
            $(document).on('submit', '.add-form-steps', function(e) {
                e.preventDefault();
                var url = $(this).attr('action')
                $.ajax({
                    url: url,
                    method: 'post',
                    data: new FormData($(this)[0]),
                    dataType: 'json',
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        toastr.success('{{ awtTrans('تمت الاضافة بنجاح') }}')
                        addTableStepstableContent()
                        $('.add-form-steps').hide('slow', function(){
                            $('.table-responsive').fadeIn()
                        })
                        document.getElementById('add-form-steps').reset();
                        $('.add-form-steps .uploadedBlock').remove();
                        $(".add-form-steps #pageImage").val('');
                    },
                    error: function(xhr) {
                        $(".text-danger").remove()
                        $.each(xhr.responseJSON.errors, function(key,value) {
                            $('input[name='+key+']').addClass('border-danger')
                            $('input[name='+key+']').after(`<span class="mt-5 text-danger">${value}</span>`);
                            $('textarea[name='+key+']').after(`<span class="mt-5 text-danger">${value}</span>`);
                        });
                    },
                });

            });
        });
        $(document).ready(function() {
            $(document).on('submit', '.edit-form-steps', function(e) {
                e.preventDefault();
                var url = $(this).attr('action')
                $.ajax({
                    url: url,
                    method: 'post',
                    data: new FormData($(this)[0]),
                    dataType: 'json',
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        toastr.success('{{ awtTrans('تمت التعديل بنجاح') }}')
                        tableContent()
                        $('.edit-form-steps').hide('slow', function(){
                            $('.table-responsive').fadeIn()
                        })
                    },
                    error: function(xhr) {
                        $(".text-danger").remove()
                        $.each(xhr.responseJSON.errors, function(key,value) {
                            $('input[name='+key+']').addClass('border-danger')
                            $('input[name='+key+']').after(`<span class="mt-5 text-danger">${value}</span>`);
                            $('textarea[name='+key+']').after(`<span class="mt-5 text-danger">${value}</span>`);
                        });
                    },
                });

            });
        });
        $(document).ready(function() {
            $(document).on('click', '.trash-steps', function(e) {
                e.preventDefault();
                var id = $(this).data('id')
                $.ajax({
                    url: '{{url("admin/intro_site_steps/delete-steps")}}' + '/' + id,
                    method: 'post',
                    data: {},
                    dataType: 'json',
                    success: (response) => {
                        $(this).parent().parent().fadeOut()
                        toastr.error('{{ awtTrans('تمت الحذف بنجاح') }}')
                    }
                });

            });
        });
    </script>
    <script>
        $(document).ready(function() {
            $(document).on('submit', '.add-form-page', function(e) {
                e.preventDefault();
                var url = $(this).attr('action')
                $.ajax({
                    url: url,
                    method: 'post',
                    data: new FormData($(this)[0]),
                    dataType: 'json',
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        toastr.success('{{ awtTrans('تمت الاضافة بنجاح') }}')
                        tableContent()
                        $('.add-form-page').hide('slow', function(){
                            $('.table-responsive').fadeIn()
                        })
                        $('.add-form-page .uploadedBlock').remove();
                        $(".add-form-page #pageImage").val('');
                    },
                    error: function(xhr) {
                        $(".text-danger").remove()
                        $.each(xhr.responseJSON.errors, function(key,value) {
                            $('input[name='+key+']').addClass('border-danger')
                            $('input[name='+key+']').after(`<span class="mt-5 text-danger">${value}</span>`);
                            $('textarea[name='+key+']').after(`<span class="mt-5 text-danger">${value}</span>`);
                        });
                    },
                });

            });
        });
        $(document).ready(function() {
            $(document).on('submit', '.edit-form-page', function(e) {
                e.preventDefault();
                var url = $(this).attr('action')
                $.ajax({
                    url: url,
                    method: 'post',
                    data: new FormData($(this)[0]),
                    dataType: 'json',
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        toastr.success('{{ awtTrans('تمت التعديل بنجاح') }}')
                        tableContent()
                        $('.edit-form-page').hide('slow', function(){
                            $('.table-responsive').fadeIn()
                        })
                    },
                    error: function(xhr) {
                        $(".text-danger").remove()
                        $.each(xhr.responseJSON.errors, function(key,value) {
                            $('input[name='+key+']').addClass('border-danger')
                            $('input[name='+key+']').after(`<span class="mt-5 text-danger">${value}</span>`);
                            $('textarea[name='+key+']').after(`<span class="mt-5 text-danger">${value}</span>`);
                        });
                    },
                });

            });
        });
        $(document).ready(function() {
            $(document).on('click', '.trash-page', function(e) {
                e.preventDefault();
                var id = $(this).data('id');
                var url = '{{url("admin/intro_site_page/delete-page/:id")}}';

                var  newurl = url.replace(":id" , id);


                $.ajax({
                    url: newurl,
                    method: 'post',
                    data: {},
                    dataType: 'json',
                    success: (response) => {
                        $(this).parent().parent().fadeOut()
                        toastr.error('{{ awtTrans('تمت الحذف بنجاح') }}')
                    }
                });

            });
        });
    </script>
    <script src="{{asset('admin/app-assets/js/scripts/modal/components-modal.js')}}"></script>
  {{-- show selected image script --}}
    @include('admin.shared.addImage')
    <script src="{{asset('admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/js/scripts/extensions/sweet-alerts.js')}}"></script>

  {{-- show selected image script --}}
@endsection