@extends('backend.includes.panel')

@section('page_css')
<link href="{{ BE_URL.'plugins/bootstrap-switch/bootstrap-switch.min.css' }}" rel="stylesheet">
<link href="{{ BE_URL.'plugins/sweetalert/sweetalert.css' }}" rel="stylesheet" type="text/css">
@stop

@section('page_title','Category')

@section('inner_page_link')
    <li class="breadcrumb-item active">Category List</li>
@stop

@section('main_content')
	<div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Categories
                         @if(checkUserModuleAccess(2,'write'))
                            <button type="button" onclick="window.location.href='{{ route('category.create') }}'" class="float-right pull-right btn btn-success waves-effect waves-light m-r-10"><i class="fa fa-plus"></i> Add Category</button>
                        @endif
                    </h4>
                    <div class="table-responsive m-t-10">
                        <table id="categories" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Name</th>
                                    <th>Company</th>
                                    <th>Code</th>
                                    <th>Status</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('page_script')
<script src="{{ BE_URL.'plugins/bootstrap-switch/bootstrap-switch.min.js' }}"></script>
<script src="{{ BE_URL.'plugins/datatables/jquery.dataTables.min.js' }}"></script>
<script src="{{ BE_URL.'plugins/sweetalert/sweetalert.min.js' }}"></script>
<script type="text/javascript">

    var EDIT_URL = "{{ route('category.edit',['ID']) }}";
    var DELETE_URL = "{{ route('category.destroy',['ID']) }}";

    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
    });

    /* Category list with datatable */
    var caregoryTable = $('#categories').DataTable({
        aaSorting: [],
        processing: true,
        serverSide: true,
        ajax: { "url":"{!! route('category.get.category') !!}","type": "POST"},
        columns: [
            { data: 'id', name: 'id',
                render:function(ata,type,row){
                    return '';
                }
            },
            { data: 'name', name: 'name' },
            { data: 'company_name', name: 'company_name' },
            { data: 'code', name: 'code' },
            { data: 'category_status', category_status: 'status', searchable: true},
            { data: 'id', 
                render: function(data,type,row){
                    return '<a href="'+EDIT_URL.replace('ID',data)+'" data-toggle="tooltip" data-original-title="Edit"> <i class="fas fa-pencil-alt text-inverse m-r-10"></i> </a><a href="javascript:;" onclick="deleteCategory('+data+')" data-toggle="tooltip" data-original-title="Remove"> <i class="fas fa-window-close text-danger"></i> </a>';
                } 
            }
        ],
        "fnCreatedRow": function (row, data, index) {
            $('td', row).eq(0).html(index + 1);
        },
        aoColumnDefs: [
            {
                bSortable: false,
                aTargets: [ -1 ]
            }
        ],
        "oLanguage": {
            "sEmptyTable": "No Category Available. Click <a href='{{ route('category.create') }}' class='link'><u>Here</u></a> To Add New Category."
        }
    });

    /* Delete Category */
    function deleteCategory(categoryId){
        swal({   
            title: "Are you sure?",   
            text: "You will not be able to recover this category!",   
            type: "warning",   
            showCancelButton: true,   
            confirmButtonColor: "#DD6B55",   
            confirmButtonText: "Yes, delete it!",   
            closeOnConfirm: false 
        }, function(){   
            $.ajax({
                url: DELETE_URL.replace('ID',categoryId),
                type:'DELETE',
                dataType:'JSON',
                success:function(res){
                    if(res.result){
                        swal("Deleted!", "Your category has been deleted.", "success"); 
                        caregoryTable.ajax.reload( null, false );
                    }else{
                        flash('Category not deleted. Try again!','error');    
                    }
                },
                error:function(){
                    flash('Category not deleted. Try again!','error');
                }
            });            
        });        
    }

    $(".bt-switch input[type='checkbox'], .bt-switch input[type='radio']").bootstrapSwitch();
</script>
@stop