@extends('dashboard.layouts.master')
@section('title', __('backend.roles_management') )
@section('content')
@include('sweetalert::alert')

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css" type="text/css" />

<div class="padding list-school">
    <div class="success_message"></div>
    <div id="success_file_popup"></div>
    <br />
    <div class="box">
        <div class="box-header">
            <div class="box-header-left">
                <h3 class="d-block">{{ __('backend.roles_management') }}</h3>
                <small class="d-inline-block">
                    <a href="{{ route('adminHome') }}">{{ __('backend.dashboard') }}</a> / <span>{{ __('backend.access_control') }}</span> /
                    <span>{{ __('backend.roles_management') }}</span>
                </small>
            </div>
            <div class="box-header-right">
                <div class="box-tool">
                    <ul class="nav">
                        <li class="nav-item inline">
                            <a class="solid-button" href="{{ route('roles.create') }}">
                                <i class="material-icons">&#xe02e;</i>
                                &nbsp; {{ __('backend.new_role') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="table-responsive table_data">
            <table class="table table-bordered m-a-0" id="userlits">
                <thead class="dker">
                    <tr>
                        <th class="width20 no-sort">
                            <label class="ui-check m-a-0" for="checkAll" style="position: relative;">
                                <input id="checkAll" type="checkbox" aria-label="Select all items" style="position: absolute; opacity: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer;">
                                <i aria-hidden="true"></i>
                            </label>

                        </th>
                        <th>{{ __('backend.role_name') }}</th>
                        <th>{{ __('backend.options') }}</th>
                    </tr>
                </thead>
                <tbody>

                </tbody>
            </table>

        </div>
        <footer class="dker p-a">
            <div class="row">
                <div class="col-sm-3 hidden-xs">
                    <!-- .modal -->
                    <div id="m-all" class="modal fade" data-backdrop="true">
                        <div class="modal-dialog" id="animate">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title">{{ __('backend.confirmation') }}</h5>
                                </div>
                                <div class="modal-body text-center p-lg">
                                    <p>
                                        {{ __('backend.confirmationDeleteMsg') }}
                                    </p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn dark-white p-x-md"
                                        data-dismiss="modal">{{ __('backend.no') }}</button>
                                    <button type="submit" class="btn danger p-x-md">{{ __('backend.yes') }}</button>
                                </div>
                            </div><!-- /.modal-content -->
                        </div>
                    </div>
                    <!-- / .modal -->

                </div>

            </div>
        </footer>
        {{ Form::close() }}

    </div>
</div>
@endsection
@push('after-scripts')
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<script src="{{ asset('assets/dashboard/js/jquery.dataTables.min.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert-dev.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css">

<script type="text/javascript">
    setTimeout(function() {
        $('#topmsgall').hide();
    }, 5000);
    $(function() {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        load_data();

        function load_data(from_date, to_date, search_select, search_data) {


            var action_url = "{!! route('roles.anyData') !!} ";

            $('#userlits').DataTable({
                processing: true,
                serverSide: true,
                responsive: true,
                destroy: true,
                // ordering: true,
                columnDefs: [{
                    'bSortable': false,
                    'aTargets': [0, 2]
                }],
                ajax: {
                    url: action_url,
                    type: 'POST',
                    data: {
                      
                    }
                },
                columns: [{
                        data: 'checkbox',
                        orderable: false,
                        searchable: false,
                        visible: false

                    },
                    {
                        data: 'name',
                        name: 'name'
                    },
                    {
                        data: 'options',
                        orderable: false,
                        searchable: false
                    }
                ],
                order: ['0', 'DESC']
            });
        }

    });
    $(document).on('click', '.delete-school', function(e) {
        e.preventDefault();
        var package_id = $(this).attr('data-id');
        var allVals = [];
        allVals.push(package_id);
        var type = 2;
        var msg = "Are you sure you want to delete?";

        $(document).find('#default_confirm').modal('show');
        $(document).find('#default_confirm').find('.dynamic_message').text(msg);
        var join_selected_values = allVals.join(",");
        $(document).find('#default_confirm').find('.checkbox_data').val(join_selected_values);
        $(document).find('#default_confirm').find('.checkbox_type').val(type);
    });

    $(document).on('click','.yes_click',function(e)
    {
         var  join_selected_values = $(document).find('#default_confirm').find('.checkbox_data').val();
         var  type = $(document).find('#default_confirm').find('.checkbox_type').val();
         var csrf = "{{csrf_token()}}";
         ajaxUpdateAll(csrf,join_selected_values,type);
         $("#default_confirm").modal('hide');
    });

    function ajaxUpdateAll(csrf,join_selected_values,type)
    {
        $.ajax({
         url: "{{ route('roleUpdateAll')}}",
         type: 'POST',
         headers: {'X-CSRF-TOKEN':  csrf },
         data: 'ids='+join_selected_values+'&status='+type,
         beforeSend: function(){
                                    // $(".loader").fadeIn();
            $('.loader').css("visibility", "visible");
        },
        success: function (data) {

         if (data.success == true) {
            $('.loader').css("visibility", "hidden");
            $('#success_file_popup').append( messages('alert-success', data.msg));
            setTimeout(function() {
             $('#success_file_popup').empty();
         }, 5000);


            $(document).find('#default_confirm').modal('hide');
            var tabe = $('#contentTable').DataTable();
            $(document).find('#action').prop('selectedIndex',0);
            tabe.ajax.reload(null, false);
            $("#checkAll").prop('checked', false);

        } else {
           $('.loader').css("visibility", "hidden");
           $('#success_file_popup').append( messages('alert-danger', data.error));

           setTimeout(function() {
             $('#success_file_popup').empty();
         }, 5000);
       }
    },
    error: function (data) {
        alert(data.responseText);
    }
 });
}
</script>
@endpush