@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') }}">
@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>
                          {{__('admin.app_setting')}}
                      </a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link d-flex py-75" id="account-pill-basic" data-toggle="pill" href="#account-vertical-basic" aria-expanded="true">
                          <i class="feather icon-settings mr-50 font-medium-3"></i>
                          {{__('admin.basic_mail')}}
                      </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 accept="{{route('admin.settings.update')}}" method="post" enctype="multipart/form-data" class="form-horizontal" novalidate>
                                  @method('put')
                                  @csrf
                                <div class="row">
                                  <div class="col-12 col-md-6">
                                        <div class="form-group">
                                            <div class="controls">
                                                <label for="account-name">{{__('admin.the_name_of_the_application_in_arabic')}}</label>
                                                <input type="text" class="form-control" name="name_ar" id="account-name" placeholder="{{__('admin.the_name_of_the_application_in_arabic')}}" value="{{$data['name_ar']}}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-12 col-md-6">
                                        <div class="form-group">
                                            <div class="controls">
                                                <label for="account-name">{{__('admin.the_name_of_the_application_in_english')}}</label>
                                                <input type="text" class="form-control" name="name_en" id="account-name" placeholder="{{__('admin.the_name_of_the_application_in_english')}}" value="{{$data['name_en']}}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-12 col-md-6">
                                        <div class="form-group">
                                            <div class="controls">
                                                <label for="account-name">{{__('admin.price')}}</label>
                                                <input type="text" class="form-control" name="price" id="account-name" placeholder="{{__('admin.price')}}" value="{{$data['price']}}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-12 col-md-6">
                                        <div class="form-group">
                                            <label for="account-name">{{__('admin.hide_form')}} </label>
                                            <div class="custom-control custom-switch custom-switch-success mr-2 mb-1">
                                                <input name="hide_form" {{$data['hide_form']  == '1' ? 'checked' : ''}}   type="checkbox" class="custom-control-input" id="customSwitch11">
                                                <label class="custom-control-label" for="customSwitch11">
                                                    <span class="switch-icon-left"><i class="feather icon-check"></i></span>
                                                    <span class="switch-icon-right"><i class="feather icon-check"></i></span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-12">
                                      <div class="row">

                                        <div class="imgMontg col-12 col-lg-4 col-md-6 text-center">
                                            <div class="dropBox">
                                                <div class="textCenter d-flex flex-column">
                                                    <div class="imagesUploadBlock">
                                                        <label class="uploadImg">
                                                            <span><i class="feather icon-image"></i></span>
                                                            <input type="file" accept="image/*" name="logo" class="imageUploader">
                                                        </label>
                                                        <div class="uploadedBlock">
                                                            <img src="{{$data['logo']}}">
                                                            <button class="close"><i class="feather icon-trash-2"></i></button>
                                                        </div>
                                                      </div>
                                                      <span>{{__('admin.logo_image')}}</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="imgMontg col-12 col-lg-4 col-md-6 text-center">
                                            <div class="dropBox">
                                                <div class="textCenter d-flex flex-column">
                                                    <div class="imagesUploadBlock">
                                                        <label class="uploadImg">
                                                            <span><i class="feather icon-image"></i></span>
                                                            <input type="file" accept="image/*" name="fav_icon" class="imageUploader">
                                                        </label>
                                                        <div class="uploadedBlock">
                                                            <img src="{{$data['fav_icon']}}">
                                                            <button class="close"><i class="feather icon-trash-2"></i></button>
                                                        </div>
                                                      </div>
                                                      <span>{{__('admin.fav_icon_image')}}</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="imgMontg col-12 col-lg-4 col-md-6 text-center">
                                            <div class="dropBox">
                                                <div class="textCenter d-flex flex-column">
                                                    <div class="imagesUploadBlock">
                                                        <label class="uploadImg">
                                                            <span><i class="feather icon-image"></i></span>
                                                            <input type="file" accept="image/*" name="login_background" class="imageUploader">
                                                        </label>
                                                        <div class="uploadedBlock">
                                                            <img src="{{$data['login_background']}}">
                                                            <button class="close"><i class="feather icon-trash-2"></i></button>
                                                        </div>
                                                      </div>
                                                      <span>{{__('admin.background_image')}}</span>
                                                </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">{{__('admin.saving_changes')}}</button>
                                        <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-warning mr-1 mb-1">{{__('admin.back')}}</a>
                                    </div>
                                </div>
                                </form>
                              </div>

                              <div role="tabpanel" class="tab-pane" id="account-vertical-basic" aria-labelledby="account-pill-basic" aria-expanded="true">
                                <form accept="{{route('admin.settings.update')}}" method="post" enctype="multipart/form-data" class="form-horizontal" novalidate>
                                  @method('put')
                                  @csrf
                                    <div class="row">
                                        @foreach (languages() as $lang)
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="controls">
                                                        <label for="account-name">{{__('admin.welcome_mail_subject_'.$lang)}}</label>
                                                        <textarea class="form-control" name="welcome_mail_subject_{{$lang}}" id="" cols="30" rows="10" placeholder="{{__('admin.about_the_application_in_english')}}">{{$settings['welcome_mail_subject_'.$lang]}}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                        @foreach (languages() as $lang)
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="controls">
                                                        <label for="account-name">{{__('admin.welcome_mail_'.$lang)}}</label>
                                                        <textarea class="form-control" name="welcome_mail_{{$lang}}" id="" cols="30" rows="10" placeholder="{{__('admin.about_the_application_in_english')}}">{{$settings['welcome_mail_'.$lang]}}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                        @foreach (languages() as $lang)
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="controls">
                                                        <label for="account-name">{{__('admin.welcome_pay_fail_mail_'.$lang)}}</label>
                                                        <textarea class="form-control" name="welcome_pay_fail_mail_{{$lang}}" id="" cols="30" rows="10" placeholder="{{__('admin.about_the_application_in_english')}}">{{$settings['welcome_pay_fail_mail_'.$lang]}}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                        @foreach (languages() as $lang)
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="controls">
                                                        <label for="account-name">{{__('admin.welcome_pay_success_mail_'.$lang)}}</label>
                                                        <textarea class="form-control" name="welcome_pay_success_mail_{{$lang}}" id="" cols="30" rows="10" placeholder="{{__('admin.about_the_application_in_english')}}">{{$settings['welcome_pay_success_mail_'.$lang]}}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach

                                        <div class="col-12 d-flex justify-content-center mt-3">
                                            <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button">{{__('admin.saving_changes')}}</button>
                                            <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-warning mr-1 mb-1">{{__('admin.back')}}</a>
                                        </div>
                                    </div>
                                </form>
                              </div>


                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </section>
  <!-- account setting page end -->

</div>

@endsection
@section('js')
    <script src="{{asset('admin/app-assets/vendors/js/forms/validation/jqBootstrapValidation.js')}}"></script>
    <script src="{{asset('admin/app-assets/js/scripts/forms/validation/form-validation.js')}}"></script>
    <script src="https://cdn.ckeditor.com/4.16.2/full-all/ckeditor.js"></script>
    <script>
            CKEDITOR.replace( 'terms_ar_editor' );
            CKEDITOR.replace( 'terms_en_editor' );
            CKEDITOR.replace( 'privacy_ar_editor' );
            CKEDITOR.replace( 'privacy_en_editor' );
            CKEDITOR.replace( 'about_ar_editor' );
            CKEDITOR.replace( 'about_en_editor' );
    </script>
  {{-- show selected image script --}}
    @include('admin.shared.addImage')
  {{-- show selected image script --}}
@endsection