@extends('dashboard.layouts.master')
@section('title', __('backend.subadmin_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.subadmin_management') }}</h3>
                <small class="d-inline-block">
                    <a href="{{ route('adminHome') }}">{{ __('backend.dashboard') }}</a> / <span>{{ __('backend.access_control') }}</span> /
                    <span>{{ __('backend.subadmin_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('subadmin.create') }}">
                                <i class="material-icons">&#xe02e;</i>
                                &nbsp; {{ __('backend.NewSubadmin') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="loader"></div>
        {{ Form::open(['route' => 'userlistUpdateAll', 'method' => 'post', 'id' => 'updateAll']) }}
        <div class="single-action">
            <div class="bulk-action">
                <select name="action" id="action" class="form-control c-select w-sm inline v-middle" required>
                    <option value="no">{{ __('backend.bulkAction') }}</option>
                    <option value="1">{{ __('backend.activeSelected') }}</option>
                    <option value="0">{{ __('backend.blockSelected') }}</option>
                    <option value="2">{{ __('backend.deleteSelected') }}</option>
                </select>
                <button type="submit" id="submit_all" class="btn white">{{ __('backend.apply') }}</button>
            </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.fullName') }}</th>
                        <th>{{ __('backend.customFieldsType3') }}</th>
                        <th>{{ __('backend.store_contact_number') }}</th>
                        <th>{{ __('backend.assigned_role') }}</th>
                        <th>{{ __('backend.created_date') }}</th>
                        <th>{{ __('backend.status') }}</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>
    $(document).on('click', '.status_active', function(e) {
        var promocode_id = $(this).attr('data-id');
        // $(document).find('#editCustomer').find(".add-customer-data").empty();
        swal({
                title: "Deactive",
                text: "Are you sure want to deactive this subadmin ?",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#BF0A30",
                confirmButtonText: "Deactive",
                closeOnConfirm: false
            },
            function() {
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: "{{ route('subadmin.status_active') }}",
                    type: 'POST',
                    data: 'id=' + promocode_id,
                    beforeSend: function() {
                        // $(".loader").fadeIn();
                        $('.loader').css("visibility", "visible");
                    },
                    success: function(response) {
                        $('.loader').css("visibility", "visible");
                        window.location.href = "{{ route('subadmin') }}";
                    },
                    error: function(response) {
                        alert(response.responseText);
                    }
                });
            }
        );
    });


    $(document).on('click', '.status_inactive', function(e) {
        var promocode_id = $(this).attr('data-id');
        // $(document).find('#editCustomer').find(".add-customer-data").empty();
        swal({
                title: "Active",
                text: "Are you sure want to active this subadmin ?",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#002868",
                confirmButtonText: "Active",
                closeOnConfirm: false
            },
            function() {
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: "{{ route('subadmin.status_inactive') }}",
                    type: 'POST',
                    data: 'id=' + promocode_id,
                    beforeSend: function() {
                        // $(".loader").fadeIn();
                        $('.loader').css("visibility", "visible");
                    },
                    success: function(response) {
                        $('.loader').css("visibility", "visible");
                        // return false;
                        window.location.href = "{{ route('subadmin') }}";
                    },
                    error: function(response) {
                        alert(response.responseText);
                    }
                });
            }
        );
    });
</script>
<script type="text/javascript">
    $(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('subadmin.data') !!} ";

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

                    },
                    {
                        data: 'name',
                        name: 'name'
                    },
                    {
                        data: 'email',
                        name: 'email',
                    },
                    {
                        data: 'phone',
                        name: 'phone'
                    },
                    {
                        data: 'role',
                        name: 'role'
                    },
                    {
                        data: 'created_date',
                        name: 'created_date'
                    },
                    {
                        data: 'status',
                        name: 'status',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'options',
                        orderable: false,
                        searchable: false
                    }
                ],
                order: ['0', 'DESC']
            });
        }

        var flag = true;
        $('#filter').click(function() {
            var date = $('#date_filter').val();
            dateInterval = date.split(' - ');
            from_date = dateInterval[0];
            to_date = dateInterval[1];



            if (from_date != '' && to_date != '') {
                if (to_date < from_date) {
                    alert('Start date must be less than end date');
                    flag = false;
                } else {
                    flag = true;

                }
            } else {
                alert('Both Date is required');
                flag = false;
            }
            if (flag) {
                $('#userlits').DataTable().destroy();

                $(document).find('#export_start_date').val(from_date);
                $(document).find('#export_end_date').val(to_date);
                load_data(from_date, to_date);

            }

        });

    });

    $(".export-form").click(function() {
        $('#userexport').submit();
    });

    $(document).ready(function() {
        if ($('.no-sort').hasClass('sorting_disabled')) {
            $('.no-sort').removeClass('sorting_asc')
        }
    });
    /* $('#school_admin').DataTable({
             'columnDefs': [{ 'orderable': false, 'targets': 0 }],
        });*/

    $("#submit_show_msg").click(function() {
        var numberOfChecked = $('input:checkbox:checked').length;
        if (numberOfChecked == '') {
            alert("Please select row.");
            return false;
        }
    });

    $("#checkAll").click(function() {
        $('input:checkbox').not(this).prop('checked', this.checked);
    });
    /*  $('#updateAll').submit(function(e){
          var numberOfChecked = $('input:checkbox:checked').length;
          if(numberOfChecked == ''){
              alert("Please select row.");
              return false;
          }
      });*/
    $(document).on('submit', '#updateAll', function(e) {
        e.preventDefault();
        var allVals = [];
        var check = false;

        var select_row = "{{ __('backend.select_row') }}";
        var select_status = "{{ __('backend.select_status') }}";

        var type = $(document).find('#action').val();
        if (type == 'no') {
            $(document).find('#alert_confirm').modal('show');
            $(document).find('#alert_confirm').find('.alert_dynamic_message').text(select_status);

        } else {
            $(".has-value:checked").each(function() {
                var idvalue = $(this).attr('data-id');
                if (typeof idvalue === "undefined") {

                } else {
                    allVals.push(idvalue);
                }
            });

            if (allVals.length <= 0) {
                $(document).find('#alert_confirm').modal('show');
                $(document).find('#alert_confirm').find('.alert_dynamic_message').text(select_row);
            } else {
                var msg = "";
                if (type == 0) {
                    msg = "Are you sure want to deactive this subadmin ?";
                } else if (type == 1) {
                    msg = "Are you sure want to active this subadmin ?";
                } else {
                    msg = "Are you sure want to delete this subadmin ?";
                }

                $(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', '.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 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, action);
        $('#default_confirm').modal('hide');
    });

    function ajaxUpdateAll(csrf, join_selected_values, type) {
        $.ajax({
            url: "{{ route('subadminUpdateAll') }}",
            type: 'POST',
            headers: {
                'X-CSRF-TOKEN': csrf
            },
            data: 'ids=' + join_selected_values + '&status=' + type,
            success: function(data) {

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


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

                } else {
                    $('#success_file_popup').append(messages('alert-danger', data.error));

                    setTimeout(function() {
                        $('#success_file_popup').empty();
                    }, 5000);
                }
            },
            error: function(data) {
                alert(data.responseText);
            }
        });
    }
    $("#action").change(function() {
        if (this.value == "delete") {
            /*var numberOfChecked = $('input:checkbox:checked').length;
            if(numberOfChecked == ''){
                alert("Please select row.");
                return false;
            } */
            $("#submit_all").css("display", "none");
            $("#submit_show_msg").css("display", "inline-block");
        } else {
            $("#submit_all").css("display", "inline-block");
            $("#submit_show_msg").css("display", "none");
        }
    });

    function messages(classname, msg) {
        return '<div class="alert ' + classname +
            ' m-b-0"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button>' +
            msg + '</div>';
    }
    setTimeout(function() {
        $('#topmsgall').hide();
    }, 5000);

    function getQueryParameter(name) {
        const url = window.location.href;
        name = name.replace(/[\[\]]/g, "\\$&");
        const regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
            results = regex.exec(url);
        if (!results) return null;
        if (!results[2]) return '';
        return decodeURIComponent(results[2].replace(/\+/g, " "));
    }
</script>
@endpush