@extends('layout.default')
@section('content')

@section('page_toolbar')
<button type="button" class="btn btn-primary px-2 font-weight-bold btn-sm"  onclick="addStudent(null)">
<i class="fas fa-plus-circle" aria-hidden="true"></i> Add Roles
</button>
&nbsp;<a class="btn btn-success px-2 font-weight-bold btn-sm"  href="{{ URL::previous() }}">
<i class="fas fa-angle-double-left" aria-hidden="true"></i> Back
</a>
@endsection

<!--begin::Content-->
<div class="card card-custom">
    <div class="card-body">
        <table class="table table-hover display" id="dataTables"  style="width:100%">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Module Name</th>
                    <th>Create</th>
                    <th>Update</th>
                    <th>Delete</th>   
                    <th>Read</th>   
                    <th>Action</th>   
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
<!--end::Content-->
@include('admin.sub_user_controls.sub_user_controles_modal') 
@endsection
@section('styles')
<link href="{{ url('plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css"/>
@endsection
@section('scripts')
<script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>
<script>
        var table;
        $(function () {
          
            //Generate List
            table = $('#dataTables').DataTable({
            bSearchable: true,
            pagination: true,
            // pageLength: 10,
            responsive: true,
            searchDelay: 500,
            processing: true,
            serverSide: true,
            "aLengthMenu": [[50, 100, 500, -1], [50, 100, 500, "All"]],
            "pageLength": 50,
                ajax: {
                    url: '{{ url('admin/sub_user_controls/lists') }}',
                    data: search
                },
                columns: [
                    {data: 0, name: 'name'},
                    {data: 1, name: 'module_id'},
                    {data: 2, name: 'craete_permission'},
                    {data: 3, name: 'update_permission'},
                    {data: 4, name: 'delete_permission'},
                    {data: 5, name: 'read_permission'},
                    {data: 6, name: 'action', orderable: !1, searchable: !1}

                ]
            });

            

            $(".searchs").keyup(function () {
                table.draw();
            });
        });
        
        function search(value) {
            value.search_name = $('input[name=name]').val();
        }

        function softDelete(b) {
            Swal.fire({
                title: "Are you sure?",
                text: "User role will be deleted from the database.You won't be able to change this!",
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "Yes. Delete it!",
                confirmButtonColor: '#e85f5d',
            }).then(function(result) {
                if (result.value) {
                    Swal.fire({
                        title: "Are you sure?",
                        text: "You will permanently lose the data - are you 100% sure?",
                        icon: "warning",
                        showCancelButton: true,
                        confirmButtonText: "Yes. Delete it!",
                        confirmButtonColor: '#e85f5d',
                    }).then(function(result) {
                        if (result.value) {
                            $.ajax({url: "{{ url('admin/sub_user_controls') }}/" + b, type: "DELETE", dataType: "html"})
                            .done(function (a) {
                                var data = JSON.parse(a);
                                if(data.flagError){
                                    showAlert(data.message, "error");
                                }else{
                                    showAlert(data.message, "success");
                                    setTimeout(function () {
                                        table.ajax.reload(null, false);
                                    }, 2000);
                                }   
                            }).fail(function () {
                                showAlert("Somthing went wrong!", "error");
                            });
                        } else if (result.dismiss === "cancel") {
                            Swal.fire(
                                "Cancelled",
                                "",
                                "error"
                            )
                        }
                    });
                } else if (result.dismiss === "cancel") {
                            Swal.fire(
                                "Cancelled",
                                "",
                                "error"
                            )
                }
            });
         }
        
    </script>

 @endsection