@extends('backend.layouts.app')

@section('title') System Requirment Categories @endsection



@section('content')
    @section('toolbar')
        @include('backend.layouts.nav', ['current' => 'Dashboard'])
    @endsection

    <!--begin::Card-->
    <div class="card">
        <!--begin::Card header-->
        <div class="card-header border-0 pt-6">
            <!--begin::Card title-->
            <div class="card-title">
                Requirment Categories
            </div>
            <!--begin::Card title-->
            <!--begin::Card toolbar-->
            <div class="card-toolbar">
                @if(Auth::user()->can('add system category'))
                    <a herf='#' data-href='{{ route('admin.requirment-categories.create') }}' class='btn btn-dark btn-sm open_modal'><i class="fas fa-plus"></i> New Category</a>
                @endif
                @if (Auth::user()->can('delete system category'))
                    <a href="#" class="btn btn-danger btn-sm ms-3" data-bs-toggle="modal" data-bs-target="#myModalDALL"><i class="fas fa-trash"></i> Delete</a>
                    <div class="modal fade" id="myModalDALL" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title">Delete Selected</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <button type="button" class="btn btn-danger" id='delete_selected_items' url="{{ route('admin.requirment-categories.delete-group') }}">Delete</button>
                                    <button type="button" class="btn btn-success" data-bs-dismiss="modal">Cancel</button>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
            <!--end::Card toolbar-->
        </div>
        <!--end::Card header-->
        <!--begin::Card body-->
        <div class="card-body pt-0">
            <!--begin::Table-->
            <div class="table-responsive">
                <table id="data-table" class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Name</th>
                            <th>
                                @if (Auth::user()->can('delete system category'))
                                    <label class="kt-checkbox kt-checkbox--bold  kt-checkbox--primary">
                                        <input type="checkbox" class="check_all" />
                                        <span></span>
                                    </label>
                                @else
                                    <label class="kt-checkbox kt-checkbox--bold  kt-checkbox--primary">
                                        <input type="checkbox" disabled name="item[]" value="0" />
                                        <span></span>
                                    </label>
                                @endif
                            </th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                </table>
            </div>
            <!--end::Table-->
        </div>
        <!--end::Card body-->
    </div>
    <!--end::Card-->

@endsection

@section('scripts_lib')
<script>
    $('#data-table').DataTable({
        autoFill: true,
        processing: true,
        serverSide: true,
        search: {
            "caseInsensitive": true,
            "smart": true
        },
        ajax: {
            url: "{!! route('admin.requirment-categories.getData') !!}",
            type: "POST",
            dataType: "JSON"
        },
        columns: [
            {data: 'id', 'searchable': true, 'orderable': true, 'exportable': true, 'printable': true},
            {data: 'name', 'searchable': true, 'orderable': true, 'exportable': true, 'printable': true},
            {data: 'delete_checkbox', 'searchable': false, 'orderable': false, 'exportable': false, 'printable': false},
            {data: 'action', 'searchable': false, 'orderable': false, 'exportable': false, 'printable': false}
        ],
        dom: '<"d-flex justify-content-between"<f>>rt<"d-flex justify-content-between"<"d-flex align-items-center"<"me-3" l><i>><p>>'
    });
</script>
@include('backend.pages.system-categories.partials.js')
@endsection