@extends('admin.layouts.master')
@section('title','All Subcategories')
@section('maincontent')
@component('components.breadcumb',['secondaryactive' => 'active'])
@slot('heading')
{{ __('Subcategories') }}
@endslot

@slot('menu1')
{{ __('Subcategories') }}
@endslot

@slot('button')

<div class="col-md-4 col-lg-4">
  <div class="widgetbar">
    <button type="button" class="float-right btn btn-danger-rgba mr-2 " data-toggle="modal" data-target="#bulk_delete"><i class="feather icon-trash mr-2"></i>{{ __('Delete Selected') }}</button>
	
    <button type="button" class="float-right btn btn-primary-rgba mr-2" data-toggle="modal" data-target="#create">
      <i class="feather icon-plus mr-2"></i>{{ __("Add")}}</a></button></br></br>
	   <a href="{{route('subcategories.export')}}" class="float-right btn btn-primary-rgba mr-2">
	  <i class="feather icon-download mr-2"></i> Export </a>
  </div>
</div>

@endslot
@endcomponent
<div class="contentbar">
  <div class="row">

    <div class="col-lg-12">
      <div class="card m-b-30">
        <div class="card-header">
          <h5 class="card-box">{{ __('All Subcategories') }}</h5>
        </div>
        <div class="card-body">

          <div class="table-responsive">
            <table id="datatable-buttons" class="table table-striped table-bordered">
              <thead>
                <tr>
                  <th>
                    <input id="checkboxAll" type="checkbox" class="filled-in" name="checked[]" value="all" />
                    <label for="checkboxAll" class="material-checkbox"></label>
                    #</th>
                  <th>{{ __('adminstaticword.Category') }}</th>
                  <th>{{ __('adminstaticword.SubCategory') }}</th>
                  <th>{{ __('adminstaticword.Icon') }}</th>
                  <th>{{ __('adminstaticword.Slug') }}</th>
                  <th>{{ __('adminstaticword.Status') }}</th>
                  <th>{{ __('adminstaticword.Action') }}</th>

              </thead>
              <tbody>
                                @foreach($subcategory as $cat)
                                <tr>
                  <td><input type='checkbox' form='bulk_delete_form' class='check filled-in material-checkbox-input'
                      name='checked[]' value='{{ $cat->id }}' id='checkbox{{ $cat->id }}'>
                    <label for='checkbox{{ $cat->id }}' class='material-checkbox'></label>

                    <div id="bulk_delete" class="delete-modal modal fade" role="dialog">
                      <div class="modal-dialog modal-sm">
                        <!-- Modal content-->
                        <div class="modal-content">
                          <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <div class="delete-icon"></div>
                          </div>
                          <div class="modal-body text-center">
                            <h4 class="modal-heading">{{ __('Are You Sure') }} ?</h4>
                            <p>{{ __('Do you really want to delete selected item names here? This process
                              cannot be undone') }}.</p>
                          </div>
                          <div class="modal-footer">
                            <form id="bulk_delete_form" method="post" action="{{ route('subcategories.bulk_delete') }}">
                              @csrf
                              @method('POST')
                              <button type="reset" class="btn btn-gray translate-y-3" data-dismiss="modal">{{ __('No') }}</button>
                              <button type="submit" class="btn btn-danger">{{ __('Back') }}{{ __('Yes') }}</button>
                            </form>
                          </div>
                        </div>
                      </div>
                    </div> 1                  </td>

                  <td>@if(isset($cat->categories)){{ ucfirst($cat->categories['title']) }}@endif</td>

                  <td>{{ ucfirst($cat->title) }}</td>
                  <td>
                    <div class="index-image">
                      <i class="fa {{$cat->icon}}"></i>
                    </div>
                  </td>
                  <td>{{ucfirst($cat->slug)}}</td>
                  <td>
                    <form action="{{ route('subcategory.quick',$cat->id) }}" method="POST">
                      {{ csrf_field() }}
                      <label class="switch">
                        <input class="subcategory" type="checkbox" data-id="{{$cat->id}}" name="status"
                          {{ $cat->status == '1' ? 'checked' : '' }}>
                        <span class="knob"></span>
                      </label>
                    </form>
                  </td>
                  <td>
                    <div class="dropdown">
                      <button class="btn btn-round btn-outline-primary" type="button" id="CustomdropdownMenuButton1"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i
                          class="feather icon-more-vertical-"></i></button>
                      <div class="dropdown-menu" aria-labelledby="CustomdropdownMenuButton1">
                        <a class="dropdown-item" data-toggle="modal" data-target="#edit{{ $cat->id }}"><i
                            class="feather icon-edit mr-2"></i>{{ __('Edit') }}</a>
                        <a class="dropdown-item btn btn-link" data-toggle="modal" data-target="#delete{{ $cat->id }}">
                          <i class="feather icon-delete mr-2"></i>{{ __("Delete") }}</a>
                        </a>
                      </div>
                    </div>
                    <div class="modal fade bd-example" id="edit{{$cat->id}}" role="dialog"
                      aria-hidden="true">
                      <div class="modal-dialog">
                        <div class="modal-content">
                          <div class="modal-header">
                            <h5 class="modal-title" id="exampleSmallModalLabel">{{ __('Edit Subcategory') }}</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                              <span aria-hidden="true">&times;</span>
                            </button>
                          </div>
                          <div class="modal-body">
                            <form id="demo-form" method="post" action="{{url('subcategory/'.$cat->id)}}
                              " data-parsley-validate class="form-horizontal form-label-left" autocomplete="off" onsubmit="return checkForm(this);">
                          {{ csrf_field() }}
                          {{ method_field('PUT') }}
                  
                          <div class="row">
                  
                            <div class="col-md-6">
                              <label for="exampleInputSlug">{{ __('adminstaticword.SelectCategory') }}</label>
                              <select name="category_id" class="form-control select2">
                    
                                @foreach($category as $cou)
                                 <option value="{{ $cou->id }}" {{$cat->category_id == $cou->id  ? 'selected' : ''}}>{{ ucfirst($cou->title)}}</option>
                                @endforeach
                              </select>
                            </div>
                          
                            <div class="col-md-6">
                              <label for="exampleInputTit1e">{{ __('adminstaticword.SubCategory') }}:<span class="redstar">*</span></label>
                              <input type="title" class="form-control" name="title" id="exampleInputTitle" value="{{ucfirst($cat->title)}}">
                            </div>
                          </div>
                          <br>
                          <div class="row">
                  
                            <div class="col-md-6">
                            <label for="exampleInputTit1e">{{ __('adminstaticword.Slug') }}:<sup class="redstar">*</sup></label>
                            <input pattern="[/^\S*$/]+" type="text" class="form-control" name="slug" id="exampleInputTitle" placeholder=" Please Enter slug" value="{{ucfirst($cat->slug)}}">
                          </div>
                  
                  
                            <div class="col-md-6">
                              <label for="icon">{{ __('adminstaticword.Icon') }}:<span class="redstar">*</span></label>
                              
                              <div class="input-group">
                                    <input type="text" class="form-control iconvalue" name="icon" value="{{$cat->icon}}">
                                    <span class="input-group-append">
                                        <button  type="button" class="btnicon btn btn-outline-secondary" role="iconpicker"></button>
                                    </span>
                                </div>
                            </div>
                            
                            
                           
                          </div>
                          <br>
                  
                           <div class="row">
                  
                            <div class="col-md-6">
                              <label for="exampleInputDetails">{{ __('adminstaticword.Status') }}:<sup
                                class="redstar text-danger">*</sup></label><br>
                            <input id="status" type="checkbox" class="custom_toggle" {{ $cat->status == '1' ? 'checked' : '' }} name="status" />
                            
                            </div>
                          </div>
                          <br>
                  
                  
                  
                          <div class="form-group">
                            <button type="reset" class="btn btn-danger"><i class="fa fa-ban"></i>
                              {{ __('Reset') }}</button>
                            <button type="submit" class="btn btn-primary"  name="btnsubmit"><i class="fa fa-check-circle"></i>
                              {{ __('Update') }}</button>
                          </div>
                     
                    <div class="clear-both"></div>
                        </form>
                          </div>
                          
                        </div>
                      </div>
                    </div>
                    
                    <!-- delete Modal start -->
                    <div class="modal fade bd-example-modal-sm" id="delete{{$cat->id}}" role="dialog"
                      aria-hidden="true">
                      <div class="modal-dialog modal-sm">
                        <div class="modal-content">
                          <div class="modal-header">
                            <h5 class="modal-title" id="exampleSmallModalLabel">{{ __('Delete') }}</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                              <span aria-hidden="true">&times;</span>
                            </button>
                          </div>
                          <div class="modal-body">
                            <h4>{{ __('Are You Sure ?')}}</h4>
                            <p>{{ __('Do you really want to delete')}} ? {{ __('This process cannot be undone.')}}</p>
                          </div>
                          <div class="modal-footer">
                            <form method="post" action="{{url('subcategory/'.$cat->id)}}" class="pull-right">
                              {{csrf_field()}}
                              {{method_field("DELETE")}}
                              <button type="reset" class="btn btn-secondary" data-dismiss="modal">{{ __('No') }}</button>
                              <button type="submit" class="btn btn-primary">{{ __('Yes') }}</button>
                            </form>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- delete Model ended -->

                  </td>


                  @endforeach
              </tbody>
              </tbody>
            </table>



            <div class="modal fade bd-example-modal-sm" id="create" role="dialog" aria-hidden="true">
              <div class="modal-dialog">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="exampleSmallModalLabel">{{ __('Add Subcategory') }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                  <div class="modal-body">
                    <form id="demo-form2" method="post" action="{{url('subcategory/')}}" data-parsley-validate
                      class="form-horizontal form-label-left" autocomplete="off" onsubmit="return checkForm(this);">
                      {{ csrf_field() }}
                      <div class="box-body">
                        <div class="form-group">
                          <form id="demo-form2" method="post" action="{{url('subcategory/')}}"
                            data-parsley-validate class="form-horizontal form-label-left" autocomplete="off" onsubmit="return checkForm(this);">
                            {{ csrf_field() }}

                            <div class="row">
                              <div class="col-md-10">
                                <label for="exampleInputTit1e">{{ __('adminstaticword.Category') }}</label>
                                <select name="category_id" class="form-control select2">
                                  @foreach($category as $cate)
                                  <option value="{{$cate->id}}">{{$cate->title}}</option>
                                  @endforeach
                                </select>
                              </div>
                              <div class="col-md-2">
                                <br>
                                <button type="button" data-dismiss="modal" data-toggle="modal"
                                  data-target="#myModal9" title="AddCategory"
                                  class="btn btn-md btn-primary">+</button>
                              </div>
                            </div>
                            <br>
                            <div class="row">
                              <div class="col-md-6">
                                <label for="exampleInputTit1e">{{ __('adminstaticword.SubCategory') }}:<sup
                                    class="redstar">*</sup></label>
                                <input type="text" class="form-control" name="title" id="exampleInputTitle"
                                  placeholder="Enter Your subcategory" value="">
                              </div>

                              <div class="col-md-6">
                                <label for="exampleInputTit1e">{{ __('adminstaticword.Slug') }}:<sup
                                    class="redstar">*</sup></label>
                                <input pattern="[/^\S*$/]+" type="text" class="form-control" name="slug"
                                  id="exampleInputTitle" placeholder="Enter slug" value="">
                              </div>

                            </div>
                            <br>
                            <div class="col-md-12">
                                <label for="exampleInputTit1e">{{ __('adminstaticword.Icon') }}:<sup
                                    class="redstar">*</sup></label>
                              <div class="input-group">
                                  <input type="text" class="form-control iconvalue" name="icon"
                                    value="Choose icon">
                                  <span class="input-group-append">
                                    <button type="button" class="btnicon btn btn-outline-secondary"
                                      role="iconpicker"></button>
                                  </span>
                                </div>
                              </div>
                              <br>
                              <div class="col-md-6">
                                <label for="exampleInputDetails">{{ __('adminstaticword.Status') }}:<sup
                                    class="redstar text-danger">*</sup></label><br>
                                <input id="status_toggle" type="checkbox" class="custom_toggle" name="status"
                                  checked />
                                <input type="hidden" name="free" value="0" for="status" id="status">

                              </div>
                            </div>
                            

                            <div class="form-group">
                              <button type="reset" class="btn btn-danger-rgba"><i class="fa fa-ban"></i>
                                {{ __('Reset') }}</button>
                              <button type="submit" class="btn btn-primary-rgba" name="btnsubmit"><i class="fa fa-check-circle"></i>
                                {{ __('Create') }}</button>
                            </div>

                            <div class="clear-both"></div>


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

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


            
          </div>
        </div>
      </div>
    </div>
    <!-- End col -->
  </div>
  <!-- End row -->
</div>
@include('admin.category.subcategory.cat')

@endsection
@section('script')
<script>
  function checkForm(form)
			{ 
		form.btnsubmit.disabled = true;
		return true;
		}
    $(document).on("change",".subcategory",function() { 

      $.ajax({
        type: "GET",
        dataType: "json",
        url: 'subcategories/status',
        data: {'status': $(this).is(':checked') ? 1 : 0, 'id': $(this).data('id')},
        success: function(data){
            var warning = new PNotify( {
                title: 'success', text:'Status Update Successfully', type: 'success', desktop: {
                desktop: true, icon: 'feather icon-thumbs-down'
                }
              });
              warning.get().click(function() {
                warning.remove();
              });
          }
     
    })
  })
</script>
<script>
  $("#checkboxAll").on('click', function () {
    $('input.check').not(this).prop('checked', this.checked);
  });
</script>
@endsection