@extends('layouts.app')

@section('content')
    
    <!-- Main content-->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <div class="view-header">
                        <div class="header-icon">
                            <i class="pe page-header-icon pe-7s-albums"></i>
                        </div>
                        <div class="header-title">
                            <h3>Manage Users</h3>
                            <small>
                                Table for users
                            </small>
                        </div>
                    </div>
                    <hr>
                </div>
            </div>
            <button type="submit" class="btn btn-default" data-toggle="modal" data-target="#popup_modal" ><span class="pe-7s-add-user"></span>&nbsp;&nbsp;Add New User </button>
            <hr>
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-filled">
                        <div class="panel-body">
                            <table id="maintable" class="table table-striped table-hover table-responsive-sm">
                                <thead>
                                <tr>
                                    <th>User ID</th>
                                    <th>Email Address</th>
                                    <th>Domains</th>
                                    <th>Role</th>
                                    <th>Status</th>
                                    <th>Bulk SMS</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($users as $user)
                                    <tr>
                                        <td>{{$user['name']}}</td>
                                        <td>{{$user['email']}}</td>
                                        <td>{{$user['domains']}}</td>
                                        <td>{{$user['role_name']}}</td>
                                        <td>
                                            @if($user['status'])
                                                <span class="label" style="background-color:#5cb85c;color:#fff;padding:3px 8px;border-radius:3px;">Enabled</span>
                                            @else
                                                <span class="label" style="background-color:#777;color:#fff;padding:3px 8px;border-radius:3px;">Disabled</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($user['bulk_sms_status'])
                                                <span class="label" style="background-color:#5cb85c;color:#fff;padding:3px 8px;border-radius:3px;">Enabled</span>
                                            @else
                                                <span class="label" style="background-color:#777;color:#fff;padding:3px 8px;border-radius:3px;">Disabled</span>
                                            @endif
                                        </td>
                                        <td>
                                            <button
                                                class="btn btn-default btn-xs"
                                                data-toggle="modal"
                                                data-target="#edit_modal"
                                                onclick='editUser({{ $user->id }})'>
                                                <i class="fa fa-edit"></i> Edit
                                            </button>
                                            <button
                                                class="btn btn-default btn-xs"
                                                data-toggle="modal"
                                                data-target="#bulk_sms_modal"
                                                onclick='editBulkSmsSettings({{ $user->id }})'
                                                title="Bulk SMS Settings">
                                                <i class="fa fa-comments"></i> Bulk SMS
                                            </button>
                                            <button
                                                class="btn btn-default btn-xs"
                                                data-toggle="modal"
                                                data-target="#reset_pass_modal"
                                                onclick="settoken(this);"><i class="fa fa-key"></i> Reset Password
                                            </button>
                                            <button
                                                class="btn btn-default btn-xs"
                                                data-toggle="modal"
                                                data-target="#delete_user_modal"
                                                onclick='deleteUser({{ $user->id }})'
                                            >Delete
                                            </button>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                            <div class="modal fade" id="popup_modal" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
                                <div class="loader">
                                    <div class="loader-bar"></div>
                                </div>
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header text-center">
                                            <h4 class="modal-title">New User</h4>
                                            <!--small>Details</small-->
                                        </div>
                                        <form id="frm-default">
                                            <div class="modal-body">
                                                <div class="form-group"><label for="username">Username</label> <input type="text" class="form-control" name="username" placeholder="Name" ></div>
                                                <div class="form-group"><label for="emailaddress">Email address</label> <input type="email" class="form-control" name="emailaddress" placeholder="Email" ></div>
                                                <div class="form-group"><label for="roleid">Role</label>
                                                    <select class="roleid form-control" name="roleid" style="width: 100%">
                                                        @foreach($roles as $role)
                                                            <option value="{{$role['id']}}">{{$role['role_name']}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="form-group form-check">
                                                    <input type="checkbox" class="form-check-input" id="hidden-account" name="hidden_account" value="1" >
                                                    <label class="form-check-label" for="hidden-account">Do not send the account registration email to the user</label><br />
                                                </div>
                                                <div id="password-fields" style="display:none;">
                                                    <div class="form-group">
                                                        <label for="password">Password</label>
                                                        <input type="password" class="form-control" name="password" placeholder="Password">
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="confirmpassword">Confirm Password</label>
                                                        <input type="password" class="form-control" name="confirmpassword" placeholder="Confirm Password">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="submit" class="btn btn-default btn-add">Add</button>
                                                <button type="button" class="btn btn-default"  data-dismiss="modal">Close</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="modal fade" id="edit_modal" role="dialog">
                                <div class="loader">
                                    <div class="loader-bar"></div>
                                </div>
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header text-center">
                                            <h4 class="modal-title">Edit User</h4>
                                            <!--small>Details</small-->
                                        </div>
                                        <form id="frm-edit">
                                            <div class="modal-body">
                                                <div class="form-group"><label for="edit_username">Username</label>
                                                    <input type="text" class="edit_username form-control" name="edit_username" placeholder="Name" >
                                                </div>
                                                <div class="form-group"><label for="edit_email">Email address</label>
                                                    <input type="email" class="edit_email form-control" name="edit_email" placeholder="Email" >
                                                </div>
                                                <div class="form-group"><label for="edit_role">Role</label>
                                                    <select class="edit_role form-control" name="edit_role" style="width: 100%">
                                                        @foreach($roles as $role)
                                                            <option value="{{$role['id']}}">{{$role['role_name']}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="form-group"><label for="domains_list">Domain</label>
                                                    <select id="domains_list" class="select2_domains form-control" name="domains_list" style="width: 100%">
                                                        <option></option>
                                                        @foreach($domains as $domain)
                                                            <option value="{{$domain}}">{{$domain}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="form-group"><label for="numbers_list">Numbers</label>
                                                    <select id="numbers_list" class="select2_edit_numbers form-control" name="numbers_list" multiple="multiple" style="width: 100%">
                                                    </select>
                                                    <small class="form-text text-muted">Select the numbers whose history the user will be able to view.</small>
                                                </div>
                                                <div class="form-group"><label for="status">Status</label>
                                                    <select id="status" class="form-control" name="status">
                                                        <option value="0">Disabled</option>
                                                        <option value="1">Enabled</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="submit" class="btn btn-default btn-update">Update</button>
                                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="modal fade" id="reset_pass_modal" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
                                <div class="loader">
                                    <div class="loader-bar"></div>
                                </div>
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header text-center">
                                            <h4 class="modal-title">Reset Password</h4>
                                            <!--small>Details</small-->
                                        </div>
                                        <div class="modal-body">
                                            <form id="frm-reset-pass">
                                                <div class="loader">
                                                    <div class="loader-bar"></div>
                                                </div>
                                                <input type="hidden" name="_token" value="{{$user->verification_token}}">
                                                <!--div class="form-group">
                                                    <label class="col-form-label" for="currentpassword">Current Password</label>
                                                    <input type="password" placeholder="" name="currentpassword" class="form-control">
                                                </div-->
                                                <div class="form-group">
                                                    <label class="col-form-label" for="newpassword">New Password</label>
                                                    <input type="password" placeholder="" name="newpassword" class="form-control">
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-form-label" for="confirmpassword">Confirm Password</label>
                                                    <input type="password" placeholder="" name="confirmpassword" class="form-control">
                                                </div>
                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default btn-update-password">Update Password</button>
                                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal fade" id="delete_user_modal" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header text-center">
                                            <h4 class="modal-title">Delete User</h4>
                                            <!--small>Details</small-->
                                        </div>
                                        <div class="modal-body">
                                            <p>Are you sure you want to delete this user?</p>
                                            <input type="hidden" id="user-id" value="">
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default btn-delete_user" onclick="deleteUserBtn({{ $user['user_id'] }});">Confirm</button>
                                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal fade" id="bulk_sms_modal" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
                                <div class="loader">
                                    <div class="loader-bar"></div>
                                </div>
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header text-center">
                                            <h4 class="modal-title">Bulk SMS Settings</h4>
                                            <!--small>Details</small-->
                                        </div>
                                        <form id="frm-bulk-sms">
                                            <div class="modal-body">
                                                <div class="form-group form-check">
                                                    <input type="checkbox" class="form-check-input" id="bulk_sms_status" name="status" value="1">
                                                    <label class="form-check-label" for="bulk_sms_status">Enable Bulk Messaging</label>
                                                </div>
                                                <div class="form-group">
                                                    <label for="bulk_sms_limit_rate">SMS Limit Rate</label>
                                                    <input type="number" class="form-control" id="bulk_sms_limit_rate" name="sms_limit_rate" min="1" value="500">
                                                </div>
                                                <div class="form-group">
                                                    <label for="bulk_sms_numbers">Numbers</label>
                                                    <select id="bulk_sms_numbers" class="select2_bulk_numbers form-control" name="numbers" multiple="multiple" style="width: 100%">
                                                    </select>
                                                    <small class="form-text text-muted">Only numbers belonging to this user's assigned domains are shown.</small>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default btn-save-bulk-sms">Save</button>
                                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End main content-->
    <script type="text/javascript" src="{{ asset('assets/jquery.validate.min.js') }}"></script>
    <script src="vendor/datatables/datatables.min.js"></script>
    <script src="vendor/datatables/dataTables.bootstrap4.min.js"></script>
    <script>
        var u="";
        var bulkSmsUserId="";
        var numbersXhr = null;

        /**
         * Loads SMS-enabled numbers belonging to the given domain(s) into the
         * "Numbers" multi-select in the Edit User popup. Aborts any in-flight
         * request first, so a fast domain change (or the initial editUser()
         * preselect call) can never be overwritten by a slower, stale response.
         */
        function loadNumbersForDomains(selectedDomains, preselect) {
            if (numbersXhr) {
                numbersXhr.abort();
            }

            var $select = $('.select2_edit_numbers');

            if (!selectedDomains || selectedDomains.length === 0) {
                $select.empty().trigger('change');
                return;
            }

            numbersXhr = $.ajax({
                type: "GET",
                url: "{{ route('api.users.numbersfordomains') }}?api_token={{auth()->user()->api_token}}",
                headers: {
                    'Authorization': `Bearer {{auth()->user()->api_token}}`,
                },
                data: { domains: selectedDomains },
                success: function (data) {
                    var keep = preselect || $select.val() || [];
                    $select.empty();
                    (data || []).forEach(function (n) {
                        $select.append(new Option(n.number + ' (' + n.domain + ')', n.number, false, false));
                    });
                    $select.val(keep).trigger('change');
                },
                error: function (jqXHR, status) {
                    if (status === 'abort') return;
                    toastr.error(jqXHR.responseJSON ? jqXHR.responseJSON.message : 'Could not load numbers.');
                }
            });
        }

        $(document).on('change', '.select2_domains', function () {
            var domain = $(this).val();
            loadNumbersForDomains(domain ? [domain] : []);
        });

        function settoken(e) {u=$(e).parent().parent().children()[1].innerText;}
        function editBulkSmsSettings(id) {
            bulkSmsUserId = id;
            $.ajax({
                type: "GET",
                url: "{{ route('api.users.bulksmssettings.get') }}?id="+id+"&api_token={{auth()->user()->api_token}}",
                headers: {
                    'Authorization': `Bearer {{auth()->user()->api_token}}`,
                },
                success: function (data, status, jqXHR) {
                    $('#bulk_sms_status').prop('checked', !!data.status);
                    $('#bulk_sms_limit_rate').val(data.sms_limit_rate);

                    var $select = $('.select2_bulk_numbers');
                    $select.empty();
                    (data.numbers || []).forEach(function (n) {
                        $select.append(new Option(n.number + ' (' + n.domain + ')', n.number, false, false));
                    });
                    $select.val(data.selected_numbers || []).trigger('change');
                },
                error: function (jqXHR, status) {
                    toastr.error(jqXHR.responseJSON.message);
                }
            });
        }
        function editUser(id) {
            u = id;
            $.ajax({
                type: "POST",
                url: "{{ route('api.users.get') }}?api_token={{auth()->user()->api_token}}",
                headers: {
                    'Authorization': `Bearer {{auth()->user()->api_token}}`,
                },
                data: {id: id},
                success: function (data, status, jqXHR) {
                    $('.edit_username').val(data.name);
                    $('.edit_email').val(data.email);

                    $('.edit_role').val(data.role_id);
                    $('.edit_role').trigger('change');
                    $('.edit_customeradmin').val(data.customer_admin);
                    if(data.domains) {
                        var firstDomain = data.domains.split(',')[0];
                        $('.select2_domains').val(firstDomain).trigger('change');
                        loadNumbersForDomains([firstDomain], data.numbers || []);
                    } else {
                        $('.select2_domains').val(null).trigger('change');
                        $('.select2_edit_numbers').empty().trigger('change');
                    }

                    $('#status').val(data.status);
                    $('.edit_customeradmin').trigger('change');
                },
                error: function (jqXHR, status) {
                    //console.log(jqXHR);
                    toastr.error(jqXHR.responseJSON.message);
                }
            });
        }
        function deleteUser(id) {
            $("#user-id").val(id)
        }

        $('#popup_modal').on('hidden.bs.modal', function () {
            this.querySelector('form').reset();
            $('#password-fields').hide();
        });

        $(document).on('change', '#hidden-account', function () {
            if ($(this).is(':checked')) {
                $('#password-fields').slideDown();
            } else {
                $('#password-fields').slideUp();
                $('#password-fields input').val('');
            }
        });

        $(".btn-delete_user").on("click", function() {
            const id = $("#user-id").val();
            $.ajax({
                type: "DELETE",
                url: "{{ route('api.users.delete') }}?api_token={{auth()->user()->api_token}}",
                headers: {
                    'Authorization': `Bearer {{auth()->user()->api_token}}`,
                },
                data: {id: id},
                success: function (data, status, jqXHR) {
                    toastr.success("The user has been deleted.");
                    $('#delete_user_modal').modal('hide');
                    setTimeout(function() { location.reload(); }, 3000);
                },
                error: function (jqXHR, status) {
                    //console.log(jqXHR);
                    toastr.error(jqXHR.responseJSON.message);
                }
            });
        });

        $(document).ready(function () {
            $(".roleid").select2();
            $(".edit_role").select2();
            $(".edit_customeradmin").select2();
            $(".select2_domains").select2({
                placeholder: 'Select domain...',
                allowClear: true
            });
            $(".select2_bulk_numbers").select2();
            $(".select2_edit_numbers").select2({
                placeholder: 'Select domain(s) first...',
            });
            $('#maintable').DataTable({
                // "processing": true,
                // "serverSide": true,
                "order": [[ 0, "asc" ]],
                dom: "<'row'<'col-sm-4'l><'col-sm-4 text-center'B><'col-sm-4'f>>tp",
                "lengthMenu": [[25, 50, -1], [25, 50, "All"]],
                buttons: [
                    {extend: 'copy', className: 'btn-sm'},
                    {extend: 'csv', title: 'CSV File', className: 'btn-sm'},
                    {extend: 'pdf', title: 'PDF File', className: 'btn-sm'},
                    {extend: 'print', className: 'btn-sm'}
                ],
                // "ajax": '{{ route('api.users.getlist') }}?api_token={{auth()->user()->api_token}}',
                // "columns": [
                //     { "data": "id" },
                //     { "data": "email" },
                //     { "data": "role_id" },
                //     { "data": "status" }
                // ]
            });


            $('.btn-add').click(function() {
                var frm = $('#frm-default');
                frm.validate({
                    rules: {
                        "username": {
                            required: true,
                        },
                        "emailaddress": {
                            required: true,
                            email: true
                        },
                        "password": {
                            required: function () { return $('#hidden-account').is(':checked'); },
                            minlength: 6,
                            maxlength: 50,
                        },
                        "confirmpassword": {
                            required: function () { return $('#hidden-account').is(':checked'); },
                            minlength: 6,
                            maxlength: 50,
                            equalTo: "[name='password']"
                        },
                    },
                    messages: {
                        "username": {
                            required: "Please enter username.",
                        },
                        "emailaddress": {
                            required: "Please enter email address.",
                        },
                    },
                    submitHandler: function(frm) {

                    }
                });
                if(frm.valid()) {
                    overlay = $('<div></div>').prependTo('body').attr('id', 'overlay');
                    $('#popup_modal').toggleClass('ld-loading'); //Loading...

                    var data_post = frm.serialize();
                    $.ajax({
                        type: "POST",
                        url: "{{ route('api.users.add') }}?api_token={{auth()->user()->api_token}}",
                        headers: {
                            'Authorization': `Bearer {{auth()->user()->api_token}}`,
                        },
                        data:data_post,
                        success: function (data, status, jqXHR) {
                            overlay.remove();
                            $('#popup_modal').toggleClass('ld-loading'); //Loading...

                            //console.log(data);
                            if ($('#hidden-account').is(':checked')) {
                                toastr.success("The user has been created.");
                            } else {
                                toastr.success("A confirmation email has been sent to " + data.email + ".");
                            }
                            document.getElementById('frm-default').reset();
                            $('#password-fields').hide();
                            $('#popup_modal').modal('hide');
                            setTimeout(function(){ location.reload(); }, 1500);
                        },
                        error: function (jqXHR, status) {
                            overlay.remove();
                            $('#popup_modal').toggleClass('ld-loading'); //Loading...

                            //console.log(jqXHR);
                            toastr.error(jqXHR.responseJSON.message);
                        }
                    });
                }
            });

            $('.btn-update').click(function() {
                var frm = $('#frm-edit');
                frm.validate({
                    rules: {
                        "username": {
                            required: true,
                        },
                        "emailaddress": {
                            required: true,
                            email: true
                        },
                    },
                    messages: {
                        "username": {
                            required: "Please enter username.",
                        },
                        "emailaddress": {
                            required: "Please enter email address.",
                        },
                    },
                    submitHandler: function(frm) {

                    }
                });
                if(frm.valid()) {
                    overlay = $('<div></div>').prependTo('body').attr('id', 'overlay');
                    $('#edit_modal').toggleClass('ld-loading'); //Loading...


                    let data_put = frm.serializeArray();
                    data_put = data_put.filter(item => item.name !== 'domains_list' && item.name !== 'numbers_list');

                    let selectedDomain = $(".select2_domains").val();

                    if (selectedDomain) {
                        data_put.push({ name: 'domains_list[]', value: selectedDomain });
                    }

                    let selectedNumbers = $(".select2_edit_numbers").val();

                    if (selectedNumbers && selectedNumbers.length > 0) {
                        selectedNumbers.forEach(number => {
                            data_put.push({ name: 'numbers_list[]', value: number });
                        });
                    }

                    data_put.push({ name: 'id', value: u });

                    $.ajax({
                        type: "PUT",
                        url: "{{ route('api.users.update') }}?api_token={{auth()->user()->api_token}}",
                        headers: {
                            'Authorization': `Bearer {{auth()->user()->api_token}}`,
                        },
                        data:data_put,
                        success: function (data, status, jqXHR) {
                            overlay.remove();
                            $('#edit_modal').toggleClass('ld-loading'); //Loading...

                            //console.log(data);
                            toastr.success("The user has been updated.");
                            // $('#edit_modal').modal('hide');
                            // setTimeout(function(){ location.reload(); }, 300);
                            setTimeout(function(){ location.reload(); }, 3000);
                        },
                        error: function (jqXHR, status) {
                            overlay.remove();
                            $('#edit_modal').toggleClass('ld-loading'); //Loading...

                            //console.log(jqXHR);
                            toastr.error(jqXHR.responseJSON.message);
                        }
                    });
                }
            });

            $('.btn-save-bulk-sms').click(function() {
                overlay = $('<div></div>').prependTo('body').attr('id', 'overlay');
                $('#bulk_sms_modal').toggleClass('ld-loading'); //Loading...

                var data_post = {
                    id: bulkSmsUserId,
                    status: $('#bulk_sms_status').is(':checked') ? 1 : 0,
                    sms_limit_rate: $('#bulk_sms_limit_rate').val(),
                    numbers: $('.select2_bulk_numbers').val() || []
                };

                $.ajax({
                    type: "POST",
                    url: "{{ route('api.users.bulksmssettings.save') }}?api_token={{auth()->user()->api_token}}",
                    headers: {
                        'Authorization': `Bearer {{auth()->user()->api_token}}`,
                    },
                    data: data_post,
                    success: function (data, status, jqXHR) {
                        overlay.remove();
                        $('#bulk_sms_modal').toggleClass('ld-loading'); //Loading...

                        toastr.success("Bulk SMS settings have been updated.");
                        $('#bulk_sms_modal').modal('hide');
                        setTimeout(function(){ location.reload(); }, 1500);
                    },
                    error: function (jqXHR, status) {
                        overlay.remove();
                        $('#bulk_sms_modal').toggleClass('ld-loading'); //Loading...

                        toastr.error(jqXHR.responseJSON.message);
                    }
                });
            });

            $('.btn-update-password').click(function() {
                var frm = $('#frm-reset-pass');
                frm.validate({
                    rules: {
                        // "currentpassword": {
                        //     required: true,
                        // },
                        "newpassword": {
                            required: true,
                            minlength: 6,
                            maxlength: 50,
                        },
                        "confirmpassword": {
                            required: true,
                            minlength: 6,
                            maxlength: 50,
                            equalTo: "[name='newpassword']"
                        },
                    },
                    submitHandler: function(frm) {

                    }
                });
                if(frm.valid()) {
                    overlay = $('<div></div>').prependTo('body').attr('id', 'overlay');
                    $('#frm-reset-pass').toggleClass('ld-loading'); //Loading...

                    var data_post = frm.serialize();
                    data_post = data_post+"&u="+u;
                    $.ajax({
                        type: "POST",
                        url: "{{ route('api.users.resetpassword') }}?api_token={{auth()->user()->api_token}}",
                        headers: {
                            'Authorization': `Bearer {{auth()->user()->api_token}}`,
                        },
                        data:data_post,
                        success: function (data, status, jqXHR) {
                            overlay.remove();
                            $('#frm-reset-pass').toggleClass('ld-loading'); //Loading...

                            //console.log(data);
                            toastr.success("Password has been reset.");
                            setTimeout(function() { location.reload(); }, 3000);
                        },
                        error: function (jqXHR, status) {
                            overlay.remove();
                            $('#frm-reset-pass').toggleClass('ld-loading'); //Loading...

                            //console.log(jqXHR);
                            toastr.error(jqXHR.responseJSON.message);
                        }
                    });
                }
            });
        });
    </script>
@endsection