@extends('layouts.adminlayouts.app')
@section('title')
<title>Categories - {{$appSetting->h1}} | {{$appSetting->slogan}}</title>
@endsection
@push('css')
@endpush
@section('contents')
    <div class="row">
        <div class="col-lg-4">
            @include('alerts.alerts')
            @include('admin.attributes.category.categoryCreate')
        </div>
        <div class="col-lg-8">
        <div class="ibox ">
        <div class="ibox-title">
            <h5>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'=>'category']) }}">
                            <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', 'category') }}" type="text" class="form-control form-control-sm ajax-data-search" placeholder="Search by 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.category.categoryAll')

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

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

        </div>


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