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

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


@push('styles')
<link rel="stylesheet" href="{{ asset('themes/assets/filter-multi-select/src/filter_multi_select.css') }}" type="text/css" rel="stylesheet" />
@endpush

@section('page-css-styles')
@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 product-horizontal-section">
            <div class="container">
              <div class="row">

                <!-- START: Left form part -->
                <div class="col-sm-7 col-lg-9">
                  <!-- Nav tabs -->
                  @include('themes.backend.pages.product._horizontal-nav',['type'=>'edit','disabledClass'=>'','nav_option'=>''])
                  <!-- Tab panes -->
                  <div class="tab-content">
                    <div class="tab-pane  @if ($selectedHT == 'general') active show @endif" id="general" role="tabpanel" aria-labelledby="general-tab">
                      @include('themes.backend.pages.product._general',['type'=>'edit','dataArr'=>$dataArr])
                    </div>
                    <div class="tab-pane @if ($selectedHT == 'images') active show @endif" id="images" role="tabpanel" aria-labelledby="images-tab">
                      @include('themes.backend.pages.product._images',['key'=>0])
                    </div>
                    <div class="tab-pane @if ($selectedHT == 'product_options') active show @endif" id="product_options" role="tabpanel" aria-labelledby="product_options-tab">
                      @include('themes.backend.pages.product._options',['key'=>0])
                    </div>
                  </div>
                </div>
                <!-- END: Left form part -->

                <!-- START: Right Sidebar -->
                <div class="col-sm-5 col-lg-3 rtsdbr-wrapper">

                  <div class="panel panel-side-sortables publish-pannel">
                    <div class="panel-heading" role="tab" id="publish">
                      <h4 class="panel-title">
                        <a role="button" data-toggle="collapse" data-parent="#accordion_12" href="#collapsePubish" aria-expanded="true" aria-controls="collapsePubish">{{ __('product.publish_txt') }}</a>
                      </h4>
                    </div>
                    <div id="collapsePubish" class="panel-collapse in collapse show" role="tabpanel" aria-labelledby="publish">
                      <div class="panel-body">
                        <div class="card text-center">
                          <div class="card-body">
                            <div class="text-left pb-3">
                              <label>{{ __('product.show_in_home_txt') }}</label>
                              <select id="show_in_home" class="form-control" name="show_in_home">
                                @foreach(array_reverse($moduleAtrArr['yesNoArr'],true) as $key => $label)
                                <option value="{{ $key }}" @if( $key==old('show_in_home') ) {{ 'selected' }} @elseif( $key==$dataArr->show_in_home ) {{ 'selected' }} @endif>{{ $label }}</option>
                                @endforeach
                              </select>
                            </div>
                            <div class="text-left pb-3">
                              <label>{{ __('admin.status_txt') }}</label>
                              <select id="status" class="form-control" name="status">
                                @foreach($moduleAtrArr['product_statuses'] as $key => $label)
                                <option value="{{ $key }}" @if( $key==old('status') ) {{ 'selected' }} @elseif( $key==$dataArr->status ) {{ 'selected' }} @endif>{{ $label }}</option>
                                @endforeach
                              </select>
                            </div>

                            @if ($moduleAtrArr['flds_hide']['visibility'] == $moduleAtrArr['bool_false'])
                            <div class="text-left pb-0">
                              <label>{{ __('product.visibility_txt') }}</label>
                              <select id="visibility" class="form-control" name="visibility">
                                @foreach($moduleAtrArr['visibility_types'] as $key => $label)
                                <option value="{{ $key }}" @if ($key==old('visibility')) {{ 'selected' }} @elseif($key==$dataArr->visibility ) {{ 'selected' }} @endif>{{ $label }}</option>
                                @endforeach
                              </select>
                              <x-form.group_lyt3 label="{{ __('admin.password_txt') }}" for="password" error="{{ $errors->first('password') }}" class="my-2 passwordWrapper {{ $dataArr->visibility != Config('commonconstants.visibility_types.password')?(old('visibility') != Config('commonconstants.visibility_types.password')?'d-none':''):''}}">
                                <x-form.field.text id="password" name="password" value="{!! $dataArr->password !!}" />
                              </x-form.group_lyt3>
                            </div>
                            @endif

                          </div>
                          <div class="card-footer text-muted">
                            <x-form.field.button id="submit" name="submit" class="btn btn-mat waves-effect waves-light btn-primary pull-left" />
                            <x-form.field.button onclick="return _reset_to_default_edit();" type="reset" id="cancel" name="cancel" class="btn-danger pull-right" text="{{ __('admin.cancel_txt') }}" />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>

                  <div class="panel panel-side-sortables category-pannel mt-4">
                    <div class="panel-heading" role="tab" id="category">
                      <h4 class="panel-title">
                        <a role="button" data-toggle="collapse" data-parent="#category" href="#collapseCategory" aria-expanded="true" aria-controls="collapseCategory">{{ __('product.categories_txt') }}</a>
                      </h4>
                    </div>
                    <div id="collapseCategory" class="panel-collapse in collapse show" role="tabpanel" aria-labelledby="category">
                      <div class="panel-body">
                        <div class="card text-center">
                          <div class="card-body">
                            <div class="text-left pb-1">
                              @php
                                if(old('category') && count(old('category'))>0)
                                $categoriesArr = old('category');
                                else
                                $categoriesArr = $dataArr->categories->count()>0?$dataArr->categories->pluck('c_id')->toArray():[];

                                $multiple = 'multiple';
                                $multiple_class = ' filter-multi-select';
                                $categories = __('product.categories');
                                if(!$categories['multiple']){
                                  $multiple = '';
                                  $multiple_class = ' js-example-basic-single';
                                }
                              @endphp
                              <select id="category" class="form-control {{ $multiple_class }}" name="category[]" {{ $multiple }}>
                                @foreach($moduleAtrArr['categories'] as $key => $entry)
                                <option value="{{ $entry['c_id'] }}" @if( in_array($entry['c_id'],$categoriesArr) ) {{ 'selected' }} @endif>{{ $entry['title'] }}</option>
                                @endforeach
                              </select>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>

                  @if ($moduleAtrArr['flds_hide']['tag'] == $moduleAtrArr['bool_false'])
                  <div class="panel panel-side-sortables tag-pannel mt-4">
                    <div class="panel-heading" role="tab" id="tag">
                      <h4 class="panel-title">
                        <a role="button" data-toggle="collapse" data-parent="#tag" href="#collapseTag" aria-expanded="true" aria-controls="collapseTag">{{ __('product.tags_txt') }}</a>
                      </h4>
                    </div>
                    <div id="collapseTag" class="panel-collapse in collapse show" role="tabpanel" aria-labelledby="tag">
                      <div class="panel-body">
                        <div class="card text-center">
                          <div class="card-body">
                            <div class="text-left pb-1">
                              @php
                                if(old('tag') && count(old('tag'))>0)
                                $tagsArr = old('tag');
                                else
                                $tagsArr = $dataArr->tags->count()>0?$dataArr->tags->pluck('tag_id')->toArray():[];
                              @endphp
                              <select id="tag" class="form-control filter-multi-select" name="tag[]" multiple>
                                @foreach($moduleAtrArr['tags'] as $key => $entry)
                                <option value="{{ $entry['tag_id'] }}" @if( in_array($entry['tag_id'],$tagsArr) ) {{ 'selected' }} @endif>{{ $entry['title'] }}</option>
                                @endforeach
                              </select>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  @endif

                </div>
                <!-- END: Right Sidebar -->
              </div>
            </div>
          </section>

        </form>
      </div>
      <!-- end of card-block -->
    </div>
  </div>
</div>
@stop

@push('scripts')
<script src="{{ asset('themes/assets/filter-multi-select/dist/filter-multi-select-bundle.min.js') }}"></script>

<script>
    $('#product_type_id').bind('change', function() {
      var url = '';
      var product_type_id = $(this).val();
      var activeTabContent = $('.productTab .tab-pane.active.show');  
      var activeTabId = activeTabContent.attr('id');
      if (product_type_id > 0) {
        if(activeTabId)
          product_type_id = product_type_id +'?ht=product_options&vt='+activeTabId;
        else
          product_type_id = product_type_id +'?ht=product_options';
        url = "{{ route('admin.product.edit', ['id' => $dataArr->prod_id, 'tid' => ':product_type_id']) }}";
        url = url.replace(':product_type_id', product_type_id);
      } else {
        url = "{{ route('admin.product.edit', $dataArr->prod_id) }}";
      }
      window.location.href = url;
    });
    $('#productHorizontalTab a').bind('click', function() {
      var clickedTab = $(this).attr('href').substr(1);
      var pageURL = "{{ route('admin.product.edit', ['id' => $dataArr->prod_id, 'tid' => $reqProductTypeId]) }}";
      pageURL = pageURL +'?ht='+clickedTab;
      history.pushState(null, '', pageURL);
    });
    $('.productTab a.nav-link').bind('click', function() {
      var clickedTab = $(this).attr('href').substr(1);
      var pageURL = "{{ route('admin.product.edit', ['id' => $dataArr->prod_id, 'tid' => $reqProductTypeId]) }}";
      pageURL = pageURL +'?ht=product_options&vt='+clickedTab;
      history.pushState(null, '', pageURL);
    });

    $("#schedule").change(function() {
      if ($(this).prop("checked")) {
        $("#schedule_dates").removeClass('d-none');
        $("#schedule_dates input").removeAttr("disabled");
        $("#schedule_dates input").prop("disabled", false);
      }else{
        $("#schedule_dates").addClass('d-none');
        $("#schedule_dates input").prop("disabled", true);
      }
    });

    $("#is_manageable_stock").change(function() {
      if ($(this).prop("checked")) {
        $("#manageable_stock").removeClass('d-none');
        $("#manageable_stock input").removeAttr("disabled");
        $("#manageable_stock input").prop("disabled", false);
        $("#manageable_stock_status").addClass('d-none');
        $("#manageable_stock_status input").prop("disabled", true);
      }else{
        $("#manageable_stock").addClass('d-none');
        $("#manageable_stock input").prop("disabled", true);
        $("#manageable_stock_status").removeClass('d-none');
        $("#manageable_stock_status input").removeAttr("disabled");
        $("#manageable_stock_status input").prop("disabled", false);
      }
    });

    function _reset_attribute_check_boxs(obj, atr_id){
      if($(obj).val().length > 0){
          $("#attribute_check_boxs_"+atr_id+" input").prop("disabled", false);
          $("#attribute_check_boxs_"+atr_id+" .icofont").addClass('icofont-ui-check');
      }else{
          $("#attribute_check_boxs_"+atr_id+" input").removeAttr('checked');
          $("#attribute_check_boxs_"+atr_id+" .icofont").removeClass('icofont-ui-check');

          $("#attribute_check_boxs_"+atr_id+" input").prop("disabled", true);
      }
    }


  /*Reset edit form to default data..*/
  function _reset_to_default_edit() {
    window.location.href = "{{ route('admin.product.edit',[$dataArr->prod_id,$dataArr->product_type_id]) }}";
  }
  </script>

@endpush