@extends('layouts.app')
@section('content')
  <div class="page-content">
    <div class="container-fluid">

      <!-- start page title -->
      @include('layouts.partials.breadcrumb', ['title' => $title])
      <!-- end page title -->

      {{ html()->modelForm($setting, 'POST')->route('setting.store')->class(['needs-validation'])->attributes(['enctype=multipart/form-data'])->open() }}

      <div class="row">
        <div class="col-md-2">
          <div class="nav flex-column nav-pills text-center" id="v-pills-tab" role="tablist" aria-orientation="vertical">
            <a class="nav-link active mb-2" id="v-pills-home-tab" data-bs-toggle="pill" href="#v-pills-home" role="tab"
              aria-controls="v-pills-home" aria-selected="true">General</a>
            <a class="nav-link mb-2" id="v-pills-profile-tab" data-bs-toggle="pill" href="#v-pills-profile" role="tab"
              aria-controls="v-pills-profile" aria-selected="false" tabindex="-1">Appearance</a>
          </div>
        </div><!-- end col -->
        <div class="col-md-10">
          <div class="tab-content text-muted mt-md-0 mt-4" id="v-pills-tabContent">
            <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">

              <div class="card">
                <div class="card-body">
                  <div class="row gy-3">

                    <div class="col-lg-6 col-md-6">
                      {{ html()->label('Name')->class('form-label') }}
                      {{ html()->text('title')->class('form-control')->placeholder('Your Company Name') }}
                    </div>

                    <div class="col-lg-6 col-md-6">
                      {{ html()->label('Email')->class('form-label') }}
                      {{ html()->email('email')->class('form-control')->placeholder('Email Address') }}
                    </div>

                    <div class="col-lg-6 col-md-6">
                      {{ html()->label('Mobile')->class('form-label') }}
                      {{ html()->text('mobile')->class('form-control')->placeholder('Mobile Number') }}
                    </div>

                    <div class="col-lg-6 col-md-6">
                      {{ html()->label('Phone')->class('form-label') }}
                      {{ html()->text('phone')->class('form-control')->placeholder('Phone') }}
                    </div>

                    <div class="col-lg-6 col-md-6">
                      {{ html()->label('Profit Margin')->class('form-label') }}
                      {{ html()->text('margin')->class('form-control')->placeholder('Profit Margin') }}
                    </div>

                    <div class="col-lg-6 col-md-6">
                      {{ html()->label('Zip code')->class('form-label') }}
                      {{ html()->text('zip_code')->class('form-control')->placeholder('Zip Code') }}
                    </div>

                    <div class="col-lg-6 col-md-6">
                      {{ html()->label('Address')->class('form-label') }}
                      {{ html()->text('address')->class('form-control')->placeholder('Address') }}
                    </div>

                    <div class="col-lg-6 col-md-6">
                      {{ html()->label('Google Map')->class('form-label') }}
                      {{ html()->text('google_map')->class('form-control')->placeholder('Google Map Link') }}
                    </div>

                    <div class="col-lg-12 col-md-12">
                      {{ html()->label('Description')->class('form-label') }}
                      {{ html()->textarea('description')->class('form-control ckeditor-classic') }}
                    </div>


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

            </div>
            <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
              <div class="card">
                <div class="card-body">
                  <div class="row">
                    <div class="col-md-6">
                      {{ html()->label('Logo')->class('form-label') }}
                      {{ html()->file('logo_pic')->class('form-control dropify')->attributes([
                              'data-default-file' => asset('storage/' . setting('logo_pic')),
                              'data-height' => 200,
                          ]) }}
                    </div>
                  </div>
                </div>
              </div>

            </div>

          </div>
        </div><!--  end col -->
      </div>

      <x-form-buttons :editable="$editable" label="Add" href="{{ route('setting.index') }}" />
      {{ html()->form()->close() }}

    </div>
  </div>
@endsection
@push('js')
  <script src="{{ asset('assets/js/pages/form-validation.init.js') }}"></script>
@endpush