@extends('backend.template')
@section('content')
  <!-- start page title -->
  <div class="row">


    <div class="col-12">
      <div class="page-title-box d-sm-flex align-items-center justify-content-between">
        <h4 class="mb-sm-0">Website Settings</h4>


        <div class="page-title-right">
          <ol class="breadcrumb m-0">
            <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboards</a></li>
            <li class="breadcrumb-item active">Website Settings</li>
          </ol>
        </div>

      </div>
    </div>
  </div>
  <!-- end page title -->
  <!-- New Design -->

  <form action="{{ route('settings.update', [$data->setting_id]) }}" id="updateCustomForm" method="POST">
    @csrf <input type=hidden name='setting_id' value='{{ $data->setting_id }}' />
    <div class="chat-wrapper d-lg-flex mx-n4 mt-n4 gap-1 p-1">
      <div class="file-manager-sidebar">
        <div class="d-flex flex-column h-100 p-3">


          <div class="nav nav-pills flex-column nav-pills-tab custom-verti-nav-pills text-center" role="tablist"
            aria-orientation="vertical">
            <a class="nav-link active show" id="settings" data-bs-toggle="pill" href="#custom-v-pills-home"
              role="tab" aria-controls="custom-v-pills-home" aria-selected="true">
              <i class="ri-home-4-line d-block fs-20 mb-1"></i> Settings
            </a>
            <a class="nav-link" id="address" data-bs-toggle="pill" href="#custom-v-pills-address" role="tab"
              aria-controls="custom-v-pills-address" aria-selected="false">
              <i class="ri-map-pin-2-line d-block fs-20 mb-1"></i> Address
            </a>
            <a class="nav-link" id="logo" data-bs-toggle="pill" href="#custom-v-pills-logo" role="tab"
              aria-controls="custom-v-pills-logo" aria-selected="false">
              <i class="ri-image-2-line d-block fs-20 mb-1"></i> Logo/Images
            </a>
            <a class="nav-link" id="socialmedia" data-bs-toggle="pill" href="#custom-v-pills-social" role="tab"
              aria-controls="custom-v-pills-social" aria-selected="false">
              <i class="ri-apps-2-line d-block fs-20 mb-1"></i> Social Media
            </a>
            <a class="nav-link" id="seo" data-bs-toggle="pill" href="#custom-v-pills-seo" role="tab"
              aria-controls="custom-v-pills-seo" aria-selected="false">
              <i class="ri-global-line d-block fs-20 mb-1"></i> SEO
            </a>
            <a class="nav-link" id="seo" data-bs-toggle="pill" href="#custom-v-pills-security" role="tab"
              aria-controls="custom-v-pills-seo" aria-selected="false">
              <i class="ri-global-line d-block fs-20 mb-1"></i> Security
            </a>
          </div>



        </div>
      </div>
      <div class="file-manager-content w-100 p-3 py-0">
        <div class="mx-n3 file-manager-content-scroll px-4 pt-4" data-simplebar>

          <div>
            <div class="d-flex align-items-center border-bottom border-bottom-dashed mb-3">
              <h5 class="flex-grow-1 fs-16 mb-0" id="filetype-title"></h5>
              <div class="flex-shrink-0">
                <?php createButton('btn-primary btn-update', '', 'Submit'); ?>
                <?php createButton('btn-danger btn-cancel', '', 'Cancel', route('settings.index')); ?>
              </div>
            </div>
            <div class="tab-content text-muted mt-lg-0 mt-3">
              <div class="tab-pane fade active show" id="custom-v-pills-home" role="tabpanel"
                aria-labelledby="custom-v-pills-home-tab">

                <div>
                  {{ createText('title', 'title', 'Page Title', '', $data->title) }}
                  <h5 class="fs-14 text-muted mb-3 mt-2">Parmalink: <a href="<?php echo env('APP_URL'); ?>"
                      target="_blank"><?php echo env('APP_URL'); ?></a> </h5>
                </div>
                <div class="col-lg-12 pb-2">
                  {{ createPlainTextarea('description', 'description', 'Description', $data->description) }}
                </div>
                <div class="row">
                  <div class="col-lg-6">
                    {{ createText('working_days', 'working_days', 'Working days', '', $data->working_days) }}
                  </div>
                  <div class="col-lg-6">
                    {{ createText('working_hours', 'working_hours', 'Working Hours', '', $data->working_hours) }}
                  </div>
                </div>
                <div class="col-lg-6">
                  {{ createText('leave_days', 'leave_days', 'Leave Days', '', $data->leave_days) }}
                </div>
                <div class="col-lg-12 pb-2">
                  {{ createPlainTextarea('content1', 'content1', 'Content1', $data->content1) }}
                </div>
                <div class="col-lg-12 pb-2">
                  {{ createPlainTextarea('content2', 'content2', 'Content2', $data->content2) }}
                </div>
                <div class="col-lg-12 pb-2">
                  {{ createPlainTextarea('content3', 'content3', 'Content3', $data->content3) }}
                </div>
                <div class="col-lg-12">
                  {{ createText('copyright_text', 'copyright_text', 'Copyright', '', $data->copyright_text) }}
                </div>

              </div>
              <!--end tab-pane-->
              <div class="tab-pane fade" id="custom-v-pills-address" role="tabpanel"
                aria-labelledby="custom-v-pills-address-tab">
                <div class="d-flex mb-4">
                  <div class="row">
                    <div class="col-lg-6">{{ createText('url1', 'url1', 'Url 1', '', $data->url1) }}
                    </div>
                    <div class="col-lg-6">{{ createText('url2', 'url2', 'Url 2', '', $data->url2) }}
                    </div>
                    <div class="col-lg-6">{{ createText('email', 'email', 'Email', '', $data->email) }}
                    </div>
                    <div class="col-lg-6">{{ createText('phone', 'phone', 'Phone', '', $data->phone) }}
                    </div>
                    <div class="col-lg-6">
                      {{ createText('secondary_phone', 'secondary_phone', 'Secondary Phone', '', $data->secondary_phone) }}
                    </div>
                    <div class="col-lg-6">
                      {{ createText('location', 'location', 'Office Location', '', $data->location) }}
                    </div>
                    <div class="col-lg-12 pb-2">
                      {{ createPlainTextArea('google_map', '', 'Google Map', $data->google_map) }}
                    </div>
                  </div>
                </div>

              </div>
              <!--end tab-pane-->
              <div class="tab-pane fade" id="custom-v-pills-logo" role="tabpanel"
                aria-labelledby="custom-v-pills-logo-tab">
                <div class="d-flex mb-4">
                  <div class="row">
                    <div class="col-lg-12 border-bottom border-bottom-dashed pb-2">
                      <div class="card card-height-100 border-primary bg-opacity-10 pb-2 shadow">
                        {{ createImageInput('primary_logo', 'Primary Logo', '', $data->primary_logo) }}
                      </div>
                    </div>

                    <div class="col-lg-12 border-bottom border-bottom-dashed pb-2">
                      <div class="card card-height-100 border-primary bg-opacity-10 pb-2 shadow">
                        {{ createImageInput('secondary_logo', 'Secondary Logo', '', $data->secondary_logo) }}
                      </div>
                    </div>

                    <div class="col-lg-12 border-bottom border-bottom-dashed pb-2">
                      <div class="card card-height-100 border-primary bg-opacity-10 pb-2 shadow">
                        {{ createImageInput('thumb', 'Thumb', '', $data->thumb) }}
                      </div>
                    </div>

                    <div class="col-lg-12 border-bottom border-bottom-dashed pb-2">
                      <div class="card card-height-100 border-primary bg-opacity-10 pb-2 shadow">
                        {{ createImageInput('icon', 'Icon', '', $data->icon) }}
                      </div>
                    </div>

                    <div class="col-lg-12 border-bottom border-bottom-dashed pb-2">
                      <div class="card card-height-100 border-primary bg-opacity-10 pb-2 shadow">
                        {{ createImageInput('og_image', 'Og Image', '', $data->og_image) }}
                      </div>
                    </div>

                    <div class="col-lg-12 border-bottom border-bottom-dashed pb-2">
                      <div class="card card-height-100 border-primary bg-opacity-10 pb-2 shadow">
                        {{ createImageInput('no_image', 'No Image', '', $data->no_image) }}
                      </div>
                    </div>
                  </div>
                </div>

              </div>
              <!--end tab-pane-->
              <div class="tab-pane fade" id="custom-v-pills-social" role="tabpanel"
                aria-labelledby="custom-v-pills-social-tab">
                <div class="row">
                  <div class="col-lg-4">{{ createText('fb', 'fb', 'Facebook', '', $data->fb) }}
                  </div>
                  <div class="col-lg-4"> {{ createText('insta', 'insta', 'Instagram', '', $data->insta) }}
                  </div>
                  <div class="col-lg-4"> {{ createText('twitter', 'twitter', 'Twitter', '', $data->twitter) }}
                  </div>
                  <div class="col-lg-4"> {{ createText('tiktok', 'tiktok', 'Tiktok', '', $data->tiktok) }}
                  </div>
                  <div class="col-lg-4"> {{ createText('youtube', 'youtube', 'Youtube', '', $data->youtube) }}
                  </div>
                </div>


              </div>
              <!--end tab-pane-->
              <div class="tab-pane fade" id="custom-v-pills-seo" role="tabpanel"
                aria-labelledby="custom-v-pills-seo-tab">

                <div class="col-lg-12 pb-2">
                  {{ createPlainTextArea('seo_description', '', 'Seo Description', $data->seo_description) }}
                </div>
                <div class="col-lg-12 pb-2">
                  {{ createPlainTextArea('seo_keywords', '', 'Seo Keywords', $data->seo_keywords) }}
                </div>
                <div class="col-lg-12 pb-2">{{ createPlainTextArea('og_tags', '', 'Og Tags', $data->og_tags) }}
                </div>


              </div>
              <!--end tab-pane-->
              <!--end tab-pane-->
              <div class="tab-pane fade" id="custom-v-pills-security" role="tabpanel"
                aria-labelledby="custom-v-pills-security-tab">

                <div class="col-lg-12 text-danger pb-2">
                  First of all, add Site at V2 Bibhuti Solutions.
                </div>
                <div class="col-lg-12 pb-2">
                  {{ createPlainTextArea('recaptcha_site_key', '', 'RECAPTCHA_SITE_KEY', $data->recaptcha_site_key) }}
                </div>
                <div class="col-lg-12 pb-2">
                  {{ createPlainTextArea('recaptcha_secret_key', '', 'RECAPTCHA_SECRET_KEY', $data->recaptcha_secret_key) }}
                </div>


              </div>
              <!--end tab-pane-->
            </div>


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

    </div>

  </form>

  <!-- /New Design -->
@endsection