@extends('layouts.adminlayouts.app')
@section('title')
<title>Sub sub categories - {{$appSetting->h1}} | {{$appSetting->slogan}}</title>
@endsection
@push('css')
      <!-- Select2 -->
  <link rel="stylesheet" href="{{asset('admin_asset/css/plugins/select2/select2.min.css')}}">
@endpush
@section('contents')
@include('alerts.alerts')
    <div class="row">
        <div class="col-lg-4">
            
            @include('admin.attributes.subsubcategory.subsubcategoryCreate')
        </div>
        <div class="col-lg-8">
        <div class="ibox ">
        <div class="ibox-title">
            <h5>Sub sub categories All</h5>
        </div>
        <div class="ibox-content">
            <div class="row">
                <div class="col-lg-12">
                    <div class="row">
                        <div class="col-sm-5 m-b-xs">
                            <form class="action-form" action="{{ route('admin.actionChange',['type'=>'subsubcategory']) }}">
                            <div class="input-group mb-3">
                            <select class="form-control" name="action">
                                <option value="">Select Option</option>
                                <option value="active">Status Active</option>
                                <option value="inactive">Status Inactive</option>
                                <option value="featured">Status Featured</option>
                                <option value="unfeatured">Status Un-featured</option>
                                <option value="delete">Delete</option>
                            </select>
                            <div class="input-group-append">
                                    <button class="btn btn-sm btn-primary filter-btn" type="submit">Action</button>
                                </div>
                            </div>
                        </form>
                            <label>
                            <input class="checkbox" type="checkbox" name="checkall" id="checkall" style="display: inline-block;"> All Select

                            <span class="succ badge badge-success" style="display:none;">Success</span>
                            
                            </label>
                        </div>
                        <div class="col-sm-7">
                            <div class="input-group mb-3">
                                <input data-url="{{ route('admin.searchAjax', 'subsubcategory') }}" type="text" class="form-control form-control-sm ajax-data-search" placeholder="Search by Sub Sub Category Id, title">
                                <div class="input-group-append">
                                    <button class="btn btn-sm btn-primary" type="button">Search</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="table-responsive  ajax-data-container">
                   @include('admin.attributes.subsubcategory.subsubcategoryAll')

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

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

        </div>


@endsection
@push('js')
<script src="{{asset('admin_asset/js/plugins/select2/select2.full.min.js')}}"></script>
<script>

var subcats =  null
  $(document).ready(function () {
  $('.select2').select2({});

  $(document).on("change", ".cat-select", function(e){
    // e.preventDefault();

    var that = $( this );
    var q = that.val();
    that.closest('.ibox-content').find(".subcat-select").empty().append($('<option>',{
            value: '',
            text: 'Subcategory'
          }));

    $.each(subcats, function (i, item) {
      if(item.category_id == q)
      {
        that.closest('.ibox-content').find(".subcat-select").append("<option value='"+ item.id +"'>"+ item.title +"</option>");             
      }              
    }); 
    
  });


  });
 


 
  $(document).ready(function(){
    $('#checkall').click(function() {
        var checked = $(this).prop('checked');
        $('input:checkbox').prop('checked', checked);
      });
  });
</script>
@endpush