@extends('themes.backend.layouts.app')
@section('select2') @stop

@section('breadcrumb')
  {{ Breadcrumbs::render($editDataAtrArr['route'], $dataArr) }}
@endsection

@section('page-css-styles')
  <style scoped>
  .tabs-section.productTab{overflow:hidden;background-color:#f9fbfe}
  .tabs-section.productTab ul{border-bottom:medium none;background:#fff;border:none;border-radius:6px;-webkit-box-shadow:0 2px 18px 4px rgba(0,0,0,.1);-moz-box-shadow:0 2px 18px 4px rgba(0,0,0,.1);box-shadow:0 2px 18px 4px rgba(0,0,0,.1)}
  .tabs-section.productTab li{position:relative}
  .tabs-section.productTab .nav-link.active:after{content:"";position:absolute;height:0;width:0;right:-14px;top:calc(50% - 7px);border:7px solid transparent;border-left:7px solid #4caf50}
  .tabs-section.productTab .nav-tabs{border:0}
  .tabs-section.productTab .nav-link{border:0;padding:11px 15px;transition:.3s;color:#666;border-radius:0;border-right:2px solid #4caf50!important;font-size:15px}
  .tabs-section.productTab .nav-link:hover{color:#fff;background-color:#4caf50}
  .tabs-section.productTab .nav-link.active{color:#fff;background:#4caf50}
  .tabs-section.productTab .nav-link:hover{border-right:4px solid #4caf50}
  .tabs-section.productTab .tab-pane.active{-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out}
  .otherItem .select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;height:20px;user-select:none;-webkit-user-select:none}
  .otherItem .select2-container--classic .select2-selection--multiple .select2-selection__rendered{line-height:20px;width:100%;padding:0 5px 3px 3px}
  .otherItem .select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#11c15b;border:1px solid #4caf50;color:#fff}
  .otherItem .select2-container--classic .select2-selection--multiple .select2-selection__arrow{display:none}
  .otherItem .select2-container--classic .select2-selection--multiple{background-image:unset;background-color:#fff}
  .productImageWrap .display_image{float:left;margin-right:10px}
  .productImageWrap .action{display:block}
  .productImageInfo .infoLink{color:#455a64;font-weight:700}
  .imagesWrapper{max-height: 350px;overflow-x: hidden;overflow-y: scroll;}
  </style>
@stop

@section('content')
  <div class="row">
    <div class="col-sm-12">
      <div class="card m-b-0">
        <div class="card-header">
          <h5 class="card-header-text">{{ $editDataAtrArr['title'] }}</h5>
        </div>
        <div class="card-block">
          <x-form.alert type="{{ session()->get('alert') }}" title="{{ session()->get('title') }}"
            message="{{ session()->get('message') }}" />

          <form name="eDataFrm" id="eDataFrm" action="{{ route('admin.product.update', $dataArr->prod_id) }}"
            method="POST">
            {{ csrf_field() }}
            {{ method_field('PATCH') }}

            <section class="tabs-section productTab">
              <div class="container">
                <div class="row">
                  <div class="col-sm-5 col-lg-3">
                    <ul class="nav nav-tabs flex-column mb-3">
                      <li class="nav-item">
                        <a class="nav-link @if (!Session::has('active_images_tab') && !Session::has('active_variations_tab')) active show @endif" data-toggle="tab"
                          href="#general">{{ __('admin.general_lbl') }}</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link @if (Session::has('active_images_tab')) active show @endif" data-toggle="tab"
                          href="#images">{{ __('admin.images_lbl') }}</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#attributes">{{ __('admin.attributes_lbl') }}</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link @if (Session::has('active_variations_tab')) active show @endif" data-toggle="tab" href="#variations">{{ __('product.size_variations_lbl') }}</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#seo">{{ __('admin.seo_lbl') }}</a>
                      </li>
                    </ul>
                  </div>
                  <div class="col-sm-7 col-lg-9">
                    <div class="tab-content">
                      <div class="tab-pane @if (!Session::has('active_images_tab') && !Session::has('active_variations_tab')) active show @endif" id="general">                        
                        @include('themes.backend.pages.product._general',['type'=>'edit','dataArr'=>$dataArr])
                      </div>
                      <div class="tab-pane @if (Session::has('active_images_tab')) active show @endif" id="images">
                        @include('themes.backend.pages.product._images',['key'=>0])
                      </div>
                      <div class="tab-pane" id="attributes">
                        <!-- -->
                      </div>
                      <div class="tab-pane @if (Session::has('active_variations_tab')) active show @endif" id="variations">
                        <!-- -->
                      </div>
                      <div class="tab-pane" id="seo">
                        <!-- <div class="row">
                          <div class="col-lg-12">
                            <x-form.group_lyt1_2_10 label="{{ __('admin.seo_title_txt') }}" for="meta_title"
                              error="{{ $errors->first('meta_title') }}" class="mt-3">
                              <x-form.field.text id="meta_title" name="meta_title"
                                value="{{ $dataArr->meta_title }}" />
                            </x-form.group_lyt1_2_10>
                            <x-form.group_lyt1_2_10 label="{{ __('admin.meta_key_txt') }}" for="meta_key"
                              error="{{ $errors->first('meta_key') }}">
                              <x-form.field.text id="meta_key" name="meta_key" value="{{ $dataArr->meta_key }}" />
                            </x-form.group_lyt1_2_10>
                            <x-form.group_lyt1_2_10 label="{{ __('admin.meta_descp_txt') }}" for="meta_descp"
                              error="{{ $errors->first('meta_descp') }}">
                              <x-form.field.textarea id="meta_descp" name="meta_descp" value="{!! $dataArr->meta_descp !!}"
                                rows="3" />
                            </x-form.group_lyt1_2_10>
                          </div>
                        </div> -->
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </section>

            <div class="row">
              <div class="col-sm-12">
                <x-form.group_lyt2_5_7 class="m-t-10">
                  <x-form.field.button id="submit" name="submit" />
                  <x-form.field.button type="reset" id="cancel" name="cancel" class="btn-danger"
                    text="{{ __('admin.cancel_txt') }}" />
                </x-form.group_lyt2_5_7>
              </div>
            </div>
          </form>
        </div>
        <!-- end of card-block -->
      </div>
    </div>
  </div>
@stop