@extends('admin.layouts.app')

@section('style')
<style>
    .dropdown-submenu {
        position: relative !important;
    }

    .dropdown-submenu>.dropdown-menu {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin-top: -6px !important;
        width: fit-content;
    }

    .dropdown-submenu>a:after {
        right: 20px !important;
        left: auto !important;
        transform: rotate(0) !important;
    }

    /* rotate caret on hover */
    .dropdown-menu>li>a:hover:after {
        text-decoration: underline !important;
        transform: rotate(-90deg) !important;
    }
</style>
@endsection

@section('content')
<!--begin::Content container-->
<div id="kt_app_content_container" class="app-container container-fluid" data-bs-backdrop='static'>
    <div class="p-2"></div>
    <!--begin::Card-->
    <div class="card">
        <!--begin::Card header-->
        <div class="card-header border-0 pt-6">
            <!--begin::Card title-->
            <div class="card-title">
                <a href="#" class="btn btn-sm fw-semibold btn-dark mx-1" data-bs-toggle="modal" data-bs-target="#kt_modal_create_user">Add Staff Manager</a>
                {{-- <a href="#" class="btn btn-sm fw-bold btn-primary mx-1" data-bs-toggle="modal" data-bs-target="#kt_modal_export_user">Export Manager</a>
                <a href="#" class="btn btn-sm fw-bold btn-primary mx-1 kt_modal_broadcast_message_btn">Send
                    Broadcast</a> --}}
            </div>
            <!--begin::Card title-->
        </div>
        <!--end::Card header-->
        <!--begin::Card body-->
        <div class="card-body py-4">
            <div class="table-responsive mt-5">
                <!--begin::Table-->
                <table class="table table-rounded table-striped table-row-bordered table-row-gray-400 gy-7 gs-7" id="kt_table_users">
                    <!--begin::Table head-->
                    <thead>
                        <!--begin::Table row-->
                        <tr class="fw-semibold fs-6 text-gray-800 border-bottom border-gray-700">
                            <th class="checkAll-th">
                                <div class="checkAll-holder">
                                    <input type="checkbox" id="checkAll-users">
                                </div>
                                <div class="action-block">
                                    <ul class="action-list">
                                        <li><span class="countUsers"></span> Users Selected</li>
                                        <li>
                                            <div class="dropdown">
                                                <button class="btn btn-default border dropdown-toggle px-2 py-0" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                                                    Actions
                                                </button>
                                                <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                                    <li><a class="dropdown-item text-capitalize bulkorder" data-type="suspend" href="#">Suspend all</a></li>
                                                    <li><a class="dropdown-item text-capitalize bulkorder" data-type="activate" href="#">Activate all</a></li>
                                                    <li><a class="dropdown-item text-capitalize bulkorder" data-type="delete_rates" href="javascript:void(0)">Delete
                                                            custom
                                                            rates</a></li>
                                                    <li><a class="dropdown-item text-capitalize copy_rates_li" id="copyRates" data-type="copy_rates" href="javascript:void(0)">Copy
                                                            rates from user</a></li>
                                                    <li class="dropdown-submenu"><a class="dropdown-item text-capitalize dropdown-toggle" href="#">Details</a>
                                                        <ul class="dropdown-menu">
                                                            <li>
                                                                <p class="dropdown-item text-capitalize">Total Users:
                                                                    <b><span id="details_t_users"></span></b>
                                                                </p>
                                                            </li>
                                                            <li>
                                                                <p class="dropdown-item text-capitalize">Total Disabled
                                                                    Users: <b><span id="details_d_users"></span></b>
                                                                </p>
                                                            </li>
                                                            <li>
                                                                <p class="dropdown-item text-capitalize">Total Available
                                                                    Funds: <b><span id="details_t_funds"></span></b></p>
                                                            </li>
                                                            <li>
                                                                <p class="dropdown-item text-capitalize">Total Negative
                                                                    Balance:
                                                                    <b><span id="details_n_funds"></span></b>
                                                                </p>
                                                            </li>
                                                            <li>
                                                                <p class="dropdown-item text-capitalize">Users With
                                                                    Negative Balance:
                                                                    <b><span id="details_n_users"></span></b>
                                                                </p>
                                                            </li>
                                                            <li>
                                                                <p class="dropdown-item text-capitalize">Users With 0
                                                                    Balance:: <b><span id="details_zero_users"></span></b></p>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </th>
                            <th class="min-w-10px text-dark fw-bold">ID</th>
                            <th class="min-w-100px text-dark fw-bold">Username</th>
                            <th class="min-w-100px text-dark fw-bold">Email</th>
                            <th class="min-w-100px text-dark fw-bold">Name</th>
                            <th class="min-w-100px text-dark fw-bold">Status</th>
                            <th class="min-w-100px text-dark fw-bold">Access</th>
                            <th class="min-w-150px text-dark fw-bold">Created</th>
                            <th class="min-w-150px text-dark fw-bold">Last login</th>
                            <th class="min-w-100px text-dark fw-bold"></th>
                        </tr>
                        <!--end::Table row-->
                    </thead>
                    <!--end::Table head-->
                    <!--begin::Table body-->
                    <tbody class="text-dark fw-semibold">
                    </tbody>
                    <!--end::Table body-->
                </table>
            </div>
            <!--end::Table-->
        </div>
        <!--end::Card body-->
    </div>
    <!--end::Card-->
</div>
<!--end::Content container-->
<!-- Modal -->
<div class="modal fade" id="addPayment" tabindex="-1" role="dialog" aria-labelledby="addPaymentTitle" aria-hidden="true" data-bs-backdrop='static'>
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form action="{{ route('admin.users.add_user_payment_store') }}" method="POST" id="addPaymentForm">
                <div class="modal-header">
                    <h2></h2>
                    <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal" aria-label="Close">
                        <!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
                        <span class="svg-icon svg-icon-1">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor" />
                                <rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor" />
                            </svg>
                        </span>
                        <!--end::Svg Icon-->
                    </div>
                </div>
                <div class="modal-body">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary">Update</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" id="updateDebitLimitModal" tabindex="-1" role="dialog" aria-labelledby="updateDebitLimitModalTitle" aria-hidden="true" data-bs-backdrop='static'>
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form action="{{ route('admin.users.update_debit_limit') }}" method="POST" id="updateDebitLimitModalForm">
                <div class="modal-header">
                    <h2></h2>
                    <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal" aria-label="Close">
                        <!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
                        <span class="svg-icon svg-icon-1">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor" />
                                <rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor" />
                            </svg>
                        </span>
                        <!--end::Svg Icon-->
                    </div>
                </div>
                <div class="modal-body">
                    <div class="update_debit_limit_errors"></div>
                    <div class="update_debit_limit_success"></div>
                    @csrf
                    @method('POST')
                    <div class="service-mode__block">
                        <div class="form-group">
                            <label>Debit status</label>
                            <select class="form-control balance_type" id="debit_update" name="balance_type">
                                <option value="2">Can not make a debt</option>
                                <option value="1">Can make a debt</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group" id="debit_limit_update">
                        <label>Debit Limit</label>
                        <input type="text" name="debit_limit" class="form-control debit_limit" value="0.0000">
                    </div>
                    <input type="hidden" name="id" class="user_id" value="" />
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary">Update</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" id="kt_modal_export_user" tabindex="-1" aria-hidden="true" data-bs-backdrop='static'>
    <div class="modal-dialog modal-dialog-centered mw-900px">
        <div class="modal-content">
            <div class="modal-header">
                <h2>Create User</h2>
                <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
                    <!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
                    <span class="svg-icon svg-icon-1">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor" />
                            <rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor" />
                        </svg>
                    </span>
                </div>
            </div>
            <div class="modal-body py-lg-10 px-lg-10">
                <div class="export_user_errors"></div>
                <div class="export_user_success"></div>
                <form class="form" action="{{ route('admin.users.export') }}" method="post" id="exportUserForm" data-xhr="true">
                    <div class="modal-body">
                        <div class="service-mode__block">
                            <div class="form-group">
                                <label>Debt status</label>
                                <select class="form-control" id="debit" name="balance_type">
                                    <option value="">All Clients</option>
                                    <option value="1">Inactive</option>
                                    <option value="2">Active</option>
                                </select>
                            </div>
                        </div>
                        <div class="service-mode__block">
                            <div class="form-group">
                                <label>E-mail Verification</label>
                                <select class="form-control" name="email_type">
                                    <option value="">All Clients</option>
                                    <option value="1">Unverified</option>
                                    <option value="2">Verified</option>
                                </select>
                            </div>
                        </div>
                        <div class="service-mode__block">
                            <div class="form-group">
                                <label>Type</label>
                                <select class="form-control" name="export_type">
                                    <option value="JSON">Json</option>
                                </select>
                            </div>
                        </div>
                        <div class="service-mode__block">
                            <div class="form-group">
                                <label>Payment Methods</label>
                                <div class="form-group">
                                    <label class="checkbox-inline">
                                        <input type="checkbox" class="access" name="export_columns[]" value="ID" checked>ID
                                    </label>
                                    <label class="checkbox-inline">
                                        <input type="checkbox" class="access" name="export_columns[]" value="EMAIL" checked>Email
                                    </label>
                                    <label class="checkbox-inline">
                                        <input type="checkbox" class="access" name="export_columns[]" value="NAME_SURNAME" checked>Name surname
                                    </label>
                                    <label class="checkbox-inline">
                                        <input type="checkbox" class="access" name="export_columns[]" value="USERNAME" checked>Username
                                    </label>
                                    <label class="checkbox-inline">
                                        <input type="checkbox" class="access" name="export_columns[]" value="PHONE" checked>Phone
                                    </label>
                                    <label class="checkbox-inline">
                                        <input type="checkbox" class="access" name="export_columns[]" value="BALANCE" checked>Balance
                                    </label>
                                    <label class="checkbox-inline">
                                        <input type="checkbox" class="access" name="export_columns[]" value="SPENT" checked>Spent
                                    </label>
                                    <label class="checkbox-inline">
                                        <input type="checkbox" class="access" name="export_columns[]" value="REGISTER_DATE" checked>Register date
                                    </label>
                                    <label class="checkbox-inline">
                                        <input type="checkbox" class="access" name="export_columns[]" value="LAST_LOGIN_DATE" checked>Last login date
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-primary">Export</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="kt_modal_broadcast_message" tabindex="-1" aria-hidden="true" data-bs-backdrop='static'>
    <div class="modal-dialog modal-dialog-centered mw-900px">
        <div class="modal-content">
            <div class="modal-header">
                <h2>Broadcast Message</h2>
                <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
                    <!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
                    <span class="svg-icon svg-icon-1">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor" />
                            <rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor" />
                        </svg>
                    </span>
                </div>
            </div>
            <div class="modal-body py-lg-10 px-lg-10">
                <div class="broadcast_message_errors"></div>
                <div class="broadcast_message_success"></div>
                <form class="form" action="{{ route('admin.users.export') }}" method="post" id="broadcastMessageForm" data-xhr="true">
                    <div class="modal-body">
                        <div class="form-group">
                            <label class="form-label">User</label>
                            <select class="form-select" id="broadcast_users" name="broadcast_users" data-control="select2" data-placeholder="Select an User" data-hide-search="true">
                                <option value="ALL_USERS">All</option>
                                @foreach ($users as $user)
                                <option value="{{ $user->client_id }}">{{ $user->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="form-label">Broadcast Message</label>
                            <textarea name="broadcast_message" class="form-control"></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-primary">Update</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@include('admin.managers.create_user_modal')
@include('admin.managers.edit_user_modal')
@include('admin.managers.edit_password_modal')

<div class="modal fade" id="confirmChange" tabindex="-1" aria-hidden="true" data-bs-backdrop='static'>
    <!--begin::Modal dialog-->
    <div class="modal-dialog modal-dialog-centered">
        <!--begin::Modal content-->
        <div class="modal-content">
            <!--begin::Modal header-->
            <div class="modal-header">
                <!--begin::Modal title-->
                <h2>Do you confirm that you wish to continue?</h2>
                <!--end::Modal title-->
            </div>
            <!--end::Modal header-->
            <!--begin::Modal body-->
            <div class="modal-body">
                <input type="hidden" id="bulkStatus" name="bulkStatus" value="">
                <div class="mx-auto">
                    <a class="btn btn-primary" href="#" id="confirmYes">Yes</a>
                    <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
                </div>
            </div>
            <!--end::Modal body-->
        </div>
        <!--end::Modal content-->
    </div>
    <!--end::Modal dialog-->
</div>

<div class="modal fade" tabindex="-1" id="copyRatesModal">
    <div class="modal-dialog">
        <div class="modal-content" id="copyRatesModalContent">
        </div>
    </div>
</div>
@endsection

@section('script')
<script>
    $(document).ready(function() {
        var table = $('#kt_table_users').DataTable({
            "lengthMenu": [200, 500, 1000],
            "lengthMenu": [200, 500, 1000],
            ajax: "{{ route('admin.managers') }}",
            columns: [{
                    data: 'selectUser',
                    name: 'selectUser',
                    orderable: false,
                    searchable: false,
                }, {
                    data: 'primary_client_id',
                    name: 'primary_client_id',
                    orderable: true
                },
                {
                    data: 'username',
                    name: 'username',
                    orderable: true
                },
                {
                    data: 'email',
                    name: 'email',
                    orderable: true
                },
                {
                    data: 'name',
                    name: 'name',
                    orderable: true
                },
                {
                    data: 'status',
                    name: 'status',
                    orderable: true
                },
                {
                    data: 'access',
                    name: 'access',
                    orderable: true
                },
                {
                    data: 'register_date',
                    name: 'register_date',
                    orderable: true
                },
                {
                    data: 'login_date',
                    name: 'login_date',
                    orderable: true
                },
                {
                    data: 'action',
                    name: 'action',
                    orderable: true
                },
            ],
            order: [
                [1, "desc"]
            ],
            rowCallback: function(row, data) {
                if (data.client_type == 1) {
                    $(row).addClass('inactive-user');
                }
            }
        });

        function user_statistics() {
            var count = 0;
            var disabled = 0;
            var funds = 0;
            var negative_funds_users = 0;
            var total_negative_funds = 0;
            var zero_funds_users = 0;
            $.each($("input.selectUser:checked"), function() {
                if ($(this).data('disabled') == "1") {
                    disabled++;
                }
                funds = funds + parseFloat($(this).data('funds'));
                if ($(this).data('funds') < 0) {
                    negative_funds_users++;
                    total_negative_funds = total_negative_funds + parseFloat($(this).data('funds'))
                }
                if ($(this).data('funds') == 0) {
                    zero_funds_users++;
                }
                count++;
            });
            $('#details_t_users').html(count);
            $('#details_d_users').html(disabled);
            $('#details_n_users').html(negative_funds_users);
            $('#details_n_funds').html(parseFloat(total_negative_funds).toFixed(4));
            $('#details_t_funds').html(parseFloat(funds).toFixed(4));
            $('#details_zero_users').html(zero_funds_users);
        }

        $("#checkAll-users").click(function() {
            if ($(this).prop('checked') == true) {
                $('.selectUser').not(this).prop('checked', true);
            } else {
                $('.selectUser').not(this).prop('checked', false);
            }
            var count = $('.selectUser').filter(':checked').length;
            $('.countUsers').html(count);
            if (count > 0) {
                $('.checkAll-th').addClass("show-action-menu");
                if (count == 1) {
                    $('.copy_rates_li').show();
                } else {
                    $('.copy_rates_li').hide();
                }
                user_statistics();
            } else {
                $('.checkAll-th').removeClass("show-action-menu");
            }
        });

        $(document).on('click', '.selectUser', function() {
            var count = $('.selectUser').filter(':checked').length;
            if (count > 0) {
                $('.checkAll-th').addClass("show-action-menu");
                if (count == 1) {
                    $('.copy_rates_li').show();
                } else {
                    $('.copy_rates_li').hide();
                }
                user_statistics();
            } else {
                $('.checkAll-th').removeClass("show-action-menu");
            }
            $('.countUsers').html(count);
        });

        $('.bulkorder').click(function() {
            var status = $(this).attr("data-type");
            $("#bulkStatus").val(status);
            $("#confirmYes").removeAttr('href');
            $("#confirmChange").modal('show');
        });

        $("#confirmYes").on("click", function() {
            var checkedCheckboxes = $("input.selectUser:checked");

            var selectedUserIds = [];

            checkedCheckboxes.each(function() {
                var clientId = $(this).attr("id");
                selectedUserIds.push(clientId);
            });

            var bulkStatus = $("#bulkStatus").val();

            $.ajax({
                method: "POST",
                url: "{{ route('admin.users.update_users_multi_action') }}",
                data: {
                    user_ids: selectedUserIds,
                    status: bulkStatus
                },
                success: function(response) {
                    table.ajax.reload();
                    $('#checkAll-users').prop('checked', false);
                    $('.checkAll-th').removeClass("show-action-menu");
                },
                error: function(xhr, status, error) {
                    console.error(xhr.responseText);
                },
                complete: function() {
                    $("#confirmChange").modal("hide");
                }
            });
        });

        var currentRequest = null;
        $(document).on('click', '.edit-user-btn', function() {
            $.LoadingOverlay("show");
            var id = $(this).attr('data-id');
            var name = $(this).attr('data-name');
            var email = $(this).attr('data-email');
            var username = $(this).attr('data-username');
            var dashboard = $(this).attr('data-dashboard');
            var user = $(this).attr('data-user');
            var user_add_user = $(this).attr('data-user_add_user');
            var user_export_user = $(this).attr('data-user_export_user');
            var user_send_broadcast = $(this).attr('data-user_send_broadcast');
            var orders = $(this).attr('data-orders');
            var orders_all_orders = $(this).attr('data-orders_all_orders');
            var orders_subscriptions = $(this).attr('data-orders_subscriptions');
            var orders_dripfeeds = $(this).attr('data-orders_dripfeeds');
            var orders_refills = $(this).attr('data-orders_refills');
            var services = $(this).attr('data-services');
            var services_add_services = $(this).attr('data-services_add_services');
            var services_add_subscription = $(this).attr('data-services_add_subscription');
            var services_add_category = $(this).attr('data-services_add_category');
            var services_import_service = $(this).attr('data-services_import_service');
            var payments = $(this).attr('data-payments');
            var payments_add_payments = $(this).attr('data-payments_add_payments');
            var tickets = $(this).attr('data-tickets');
            var tickets_add_tickets = $(this).attr('data-tickets_add_tickets');
            var additionals = $(this).attr('data-additionals');
            var additionals_reports = $(this).attr('data-additionals_reports');
            var additionals_bulk_tasks = $(this).attr('data-additionals_bulk_tasks');
            var additionals_affiliates = $(this).attr('data-additionals_affiliates');
            var additionals_child_panels = $(this).attr('data-additionals_child_panels');
            var appearance = $(this).attr('data-appearance');
            var appearance_integrations = $(this).attr('data-appearance_integrations');
            var appearance_files = $(this).attr('data-appearance_files');
            var appearance_pages = $(this).attr('data-appearance_pages');
            var appearance_notices = $(this).attr('data-appearance_notices');
            var appearance_blog = $(this).attr('data-appearance_blog');
            var settings = $(this).attr('data-settings');
            var settings_general = $(this).attr('data-settings_general');
            var settings_currency = $(this).attr('data-settings_currency');
            var settings_seo = $(this).attr('data-settings_seo');
            var settings_payment_method = $(this).attr('data-settings_payment_method');
            var settings_bonuses = $(this).attr('data-settings_bonuses');
            var settings_providers = $(this).attr('data-settings_providers');
            var settings_notifications = $(this).attr('data-settings_notifications');
            var settings_ticket_settings = $(this).attr('data-settings_ticket_settings');
            var settings_page_settings = $(this).attr('data-settings_page_settings');
            var settings_affiliate = $(this).attr('data-settings_affiliate');
            var settings_child_panel = $(this).attr('data-settings_child_panel');
            var formData = new FormData();
            formData.append('id', id);
            currentRequest = jQuery.ajax({
                type: 'POST',
                data: formData,
                url: "{{ route('admin.edit_user_modal') }}",
                dataType: 'JSON',
                processData: false,
                contentType: false,
                beforeSend: function() {
                    if (currentRequest != null) {
                        currentRequest.abort();
                    }
                },
                success: function(data) {
                    console.log(data);
                    $.LoadingOverlay("hide");
                    $('#editUser .modal-body').html(data.htmls)
                    $('#editUser').modal('show')
                    $('#managerId').val(id);
                    $('#managerName').val(name);
                    $('#managerEmail').val(email);
                    $('#managerUsername').text(username);
                    if (typeof dashboard !== 'undefined' && dashboard !== false) {
                        if (dashboard == 1) {
                            $('#managerDashboard').prop('checked', true);
                        } else {
                            $('#managerDashboard').prop('checked', false);
                        }
                    } else {
                        $('#managerDashboard').prop('checked', false);
                    }
                    if (typeof user !== 'undefined' && user !== false) {
                        if (user == 1) {
                            $('#managerUser').prop('checked', true);
                        } else {
                            $('#managerUser').prop('checked', false);
                        }
                    } else {
                        $('#managerUser').prop('checked', false);
                    }
                    if ($("#debit_edit_user").val() == 1) {
                        $('#debit_limit_edit_user').show();
                    } else {
                        $('#debit_limit_edit_user').hide();
                    }
                    if (typeof user_add_user !== 'undefined' && user_add_user !== false) {
                        if (user_add_user == 1) {
                            $('#managerUserAddUser').prop('checked', true);
                        } else {
                            $('#managerUserAddUser').prop('checked', false);
                        }
                    } else {
                        $('#managerUserAddUser').prop('checked', false);
                    }
                    if (typeof user_export_user !== 'undefined' && user_export_user !== false) {
                        if (user_export_user == 1) {
                            $('#managerUserExportUser').prop('checked', true);
                        } else {
                            $('#managerUserExportUser').prop('checked', false);
                        }
                    } else {
                        $('#managerUserExportUser').prop('checked', false);
                    }
                    if (typeof user_send_broadcast !== 'undefined' && user_send_broadcast !== false) {
                        if (user_send_broadcast == 1) {
                            $('#managerUserSendBroadcast').prop('checked', true);
                        } else {
                            $('#managerUserSendBroadcast').prop('checked', false);
                        }
                    } else {
                        $('#managerUserSendBroadcast').prop('checked', false);
                    }
                    if (typeof orders !== 'undefined' && orders !== false) {
                        if (orders == 1) {
                            $('#managerOrders').prop('checked', true);
                        } else {
                            $('#managerOrders').prop('checked', false);
                        }
                    } else {
                        $('#managerOrders').prop('checked', false);
                    }
                    if (typeof orders_all_orders !== 'undefined' && orders_all_orders !== false) {
                        if (orders_all_orders == 1) {
                            $('#managerOrdersAllOrders').prop('checked', true);
                        } else {
                            $('#managerOrdersAllOrders').prop('checked', false);
                        }
                    } else {
                        $('#managerOrdersAllOrders').prop('checked', false);
                    }
                    if (typeof orders_subscriptions !== 'undefined' && orders_subscriptions !== false) {
                        if (orders_subscriptions == 1) {
                            $('#managerOrdersSubscriptions').prop('checked', true);
                        } else {
                            $('#managerOrdersSubscriptions').prop('checked', false);
                        }
                    } else {
                        $('#managerOrdersSubscriptions').prop('checked', false);
                    }
                    if (typeof orders_dripfeeds !== 'undefined' && orders_dripfeeds !== false) {
                        if (orders_dripfeeds == 1) {
                            $('#managerOrdersDripfeeds').prop('checked', true);
                        } else {
                            $('#managerOrdersDripfeeds').prop('checked', false);
                        }
                    } else {
                        $('#managerOrdersDripfeeds').prop('checked', false);
                    }
                    if (typeof orders_refills !== 'undefined' && orders_refills !== false) {
                        if (orders_refills == 1) {
                            $('#managerOrdersRefills').prop('checked', true);
                        } else {
                            $('#managerOrdersRefills').prop('checked', false);
                        }
                    } else {
                        $('#managerOrdersRefills').prop('checked', false);
                    }
                    if (typeof services !== 'undefined' && services !== false) {
                        if (services == 1) {
                            $('#managerServices').prop('checked', true);
                        } else {
                            $('#managerServices').prop('checked', false);
                        }
                    } else {
                        $('#managerServices').prop('checked', false);
                    }
                    if (typeof services_add_services !== 'undefined' && services_add_services !== false) {
                        if (services_add_services == 1) {
                            $('#managerServicesAddServices').prop('checked', true);
                        } else {
                            $('#managerServicesAddServices').prop('checked', false);
                        }
                    } else {
                        $('#managerServicesAddServices').prop('checked', false);
                    }
                    if (typeof services_add_subscription !== 'undefined' && services_add_subscription !== false) {
                        if (services_add_subscription == 1) {
                            $('#managerServicesAddSubscription').prop('checked', true);
                        } else {
                            $('#managerServicesAddSubscription').prop('checked', false);
                        }
                    } else {
                        $('#managerServicesAddSubscription').prop('checked', false);
                    }
                    if (typeof services_add_category !== 'undefined' && services_add_category !== false) {
                        if (services_add_category == 1) {
                            $('#managerServicesAddCategory').prop('checked', true);
                        } else {
                            $('#managerServicesAddCategory').prop('checked', false);
                        }
                    } else {
                        $('#managerUser').prop('checked', false);
                    }
                    if (typeof services_import_service !== 'undefined' && services_import_service !== false) {
                        if (services_import_service == 1) {
                            $('#managerServicesImportService').prop('checked', true);
                        } else {
                            $('#managerServicesImportService').prop('checked', false);
                        }
                    } else {
                        $('#managerServicesImportService').prop('checked', false);
                    }
                    if (typeof payments !== 'undefined' && payments !== false) {
                        if (payments == 1) {
                            $('#managerPayments').prop('checked', true);
                        } else {
                            $('#managerPayments').prop('checked', false);
                        }
                    } else {
                        $('#managerPayments').prop('checked', false);
                    }
                    if (typeof user !== 'undefined' && user !== false) {
                        if (user == 1) {
                            $('#managerUser').prop('checked', true);
                        } else {
                            $('#managerUser').prop('checked', false);
                        }
                    } else {
                        $('#managerUser').prop('checked', false);
                    }
                    if (typeof payments_add_payments !== 'undefined' && payments_add_payments !== false) {
                        if (payments_add_payments == 1) {
                            $('#managerPaymentsAddPayments').prop('checked', true);
                        } else {
                            $('#managerPaymentsAddPayments').prop('checked', false);
                        }
                    } else {
                        $('#managerPaymentsAddPayments').prop('checked', false);
                    }
                    if (typeof tickets !== 'undefined' && tickets !== false) {
                        if (tickets == 1) {
                            $('#managerTickets').prop('checked', true);
                        } else {
                            $('#managerTickets').prop('checked', false);
                        }
                    } else {
                        $('#managerTickets').prop('checked', false);
                    }
                    if (typeof tickets_add_tickets !== 'undefined' && tickets_add_tickets !== false) {
                        if (tickets_add_tickets == 1) {
                            $('#managerTicketsAddTickets').prop('checked', true);
                        } else {
                            $('#managerTicketsAddTickets').prop('checked', false);
                        }
                    } else {
                        $('#managerTicketsAddTickets').prop('checked', false);
                    }
                    if (typeof additionals !== 'undefined' && additionals !== false) {
                        if (additionals == 1) {
                            $('#managerAdditionals').prop('checked', true);
                        } else {
                            $('#managerAdditionals').prop('checked', false);
                        }
                    } else {
                        $('#managerAdditionals').prop('checked', false);
                    }
                    if (typeof additionals_reports !== 'undefined' && additionals_reports !== false) {
                        if (additionals_reports == 1) {
                            $('#managerAdditionalsReports').prop('checked', true);
                        } else {
                            $('#managerAdditionalsReports').prop('checked', false);
                        }
                    } else {
                        $('#managerAdditionalsReports').prop('checked', false);
                    }
                    if (typeof additionals_bulk_tasks !== 'undefined' && additionals_bulk_tasks !== false) {
                        if (additionals_bulk_tasks == 1) {
                            $('#managerAdditionalsBulkTasks').prop('checked', true);
                        } else {
                            $('#managerAdditionalsBulkTasks').prop('checked', false);
                        }
                    } else {
                        $('#managerAdditionalsBulkTasks').prop('checked', false);
                    }
                    if (typeof additionals_affiliates !== 'undefined' && additionals_affiliates !== false) {
                        if (additionals_affiliates == 1) {
                            $('#managerAdditionalsAffiliates').prop('checked', true);
                        } else {
                            $('#managerAdditionalsAffiliates').prop('checked', false);
                        }
                    } else {
                        $('#managerAdditionalsAffiliates').prop('checked', false);
                    }
                    if (typeof additionals_child_panels !== 'undefined' && additionals_child_panels !== false) {
                        if (additionals_child_panels == 1) {
                            $('#managerAdditionalsChildPanels').prop('checked', true);
                        } else {
                            $('#managerAdditionalsChildPanels').prop('checked', false);
                        }
                    } else {
                        $('#managerAdditionalsChildPanels').prop('checked', false);
                    }
                    if (typeof appearance !== 'undefined' && appearance !== false) {
                        if (appearance == 1) {
                            $('#managerAppearance').prop('checked', true);
                        } else {
                            $('#managerAppearance').prop('checked', false);
                        }
                    } else {
                        $('#managerAppearance').prop('checked', false);
                    }
                    if (typeof appearance_integrations !== 'undefined' && appearance_integrations !== false) {
                        if (appearance_integrations == 1) {
                            $('#managerAppearanceIntegrations').prop('checked', true);
                        } else {
                            $('#managerAppearanceIntegrations').prop('checked', false);
                        }
                    } else {
                        $('#managerAppearanceIntegrations').prop('checked', false);
                    }
                    if (typeof appearance_files !== 'undefined' && appearance_files !== false) {
                        if (appearance_files == 1) {
                            $('#managerAppearanceFiles').prop('checked', true);
                        } else {
                            $('#managerAppearanceFiles').prop('checked', false);
                        }
                    } else {
                        $('#managerAppearanceFiles').prop('checked', false);
                    }
                    if (typeof appearance_pages !== 'undefined' && appearance_pages !== false) {
                        if (appearance_pages == 1) {
                            $('#managerAppearancePages').prop('checked', true);
                        } else {
                            $('#managerAppearancePages').prop('checked', false);
                        }
                    } else {
                        $('#managerAppearancePages').prop('checked', false);
                    }
                    if (typeof appearance_notices !== 'undefined' && appearance_notices !== false) {
                        if (appearance_notices == 1) {
                            $('#managerAppearanceNotices').prop('checked', true);
                        } else {
                            $('#managerAppearanceNotices').prop('checked', false);
                        }
                    } else {
                        $('#managerAppearanceNotices').prop('checked', false);
                    }
                    if (typeof appearance_blog !== 'undefined' && appearance_blog !== false) {
                        if (appearance_blog == 1) {
                            $('#managerAppearanceBlog').prop('checked', true);
                        } else {
                            $('#managerAppearanceBlog').prop('checked', false);
                        }
                    } else {
                        $('#managerAppearanceBlog').prop('checked', false);
                    }
                    if (typeof settings !== 'undefined' && settings !== false) {
                        if (settings == 1) {
                            $('#managerSettings').prop('checked', true);
                        } else {
                            $('#managerSettings').prop('checked', false);
                        }
                    } else {
                        $('#managerSettings').prop('checked', false);
                    }
                    if (typeof settings_general !== 'undefined' && settings_general !== false) {
                        if (settings_general == 1) {
                            $('#managerSettingsGeneral').prop('checked', true);
                        } else {
                            $('#managerSettingsGeneral').prop('checked', false);
                        }
                    } else {
                        $('#managerSettingsGeneral').prop('checked', false);
                    }
                    if (typeof settings_currency !== 'undefined' && settings_currency !== false) {
                        if (settings_currency == 1) {
                            $('#managerSettingsCurrency').prop('checked', true);
                        } else {
                            $('#managerSettingsCurrency').prop('checked', false);
                        }
                    } else {
                        $('#managerSettingsCurrency').prop('checked', false);
                    }
                    if (typeof settings_seo !== 'undefined' && settings_seo !== false) {
                        if (settings_seo == 1) {
                            $('#managerSettingsSeo').prop('checked', true);
                        } else {
                            $('#managerSettingsSeo').prop('checked', false);
                        }
                    } else {
                        $('#managerSettingsSeo').prop('checked', false);
                    }
                    if (typeof settings_payment_method !== 'undefined' && settings_payment_method !== false) {
                        if (settings_payment_method == 1) {
                            $('#managerSettingsPaymentMethod').prop('checked', true);
                        } else {
                            $('#managerSettingsPaymentMethod').prop('checked', false);
                        }
                    } else {
                        $('#managerSettingsPaymentMethod').prop('checked', false);
                    }
                    if (typeof settings_bonuses !== 'undefined' && settings_bonuses !== false) {
                        if (settings_bonuses == 1) {
                            $('#managerSettingsBonuses').prop('checked', true);
                        } else {
                            $('#managerSettingsBonuses').prop('checked', false);
                        }
                    } else {
                        $('#managerSettingsBonuses').prop('checked', false);
                    }
                    if (typeof settings_providers !== 'undefined' && settings_providers !== false) {
                        if (settings_providers == 1) {
                            $('#managerSettingsProviders').prop('checked', true);
                        } else {
                            $('#managerSettingsProviders').prop('checked', false);
                        }
                    } else {
                        $('#managerSettingsProviders').prop('checked', false);
                    }
                    if (typeof settings_notifications !== 'undefined' && settings_notifications !== false) {
                        if (settings_notifications == 1) {
                            $('#managerSettingsNotifications').prop('checked', true);
                        } else {
                            $('#managerSettingsNotifications').prop('checked', false);
                        }
                    } else {
                        $('#managerSettingsNotifications').prop('checked', false);
                    }
                    if (typeof settings_ticket_settings !== 'undefined' && settings_ticket_settings !== false) {
                        if (settings_ticket_settings == 1) {
                            $('#managerSettingsTicketSettings').prop('checked', true);
                        } else {
                            $('#managerSettingsTicketSettings').prop('checked', false);
                        }
                    } else {
                        $('#managerSettingsTicketSettings').prop('checked', false);
                    }
                    if (typeof settings_page_settings !== 'undefined' && settings_page_settings !== false) {
                        if (settings_page_settings == 1) {
                            $('#managerSettingsPageSettings').prop('checked', true);
                        } else {
                            $('#managerSettingsPageSettings').prop('checked', false);
                        }
                    } else {
                        $('#managerSettingsPageSettings').prop('checked', false);
                    }
                    if (typeof settings_affiliate !== 'undefined' && settings_affiliate !== false) {
                        if (settings_affiliate == 1) {
                            $('#managerSettingsAffiliate').prop('checked', true);
                        } else {
                            $('#managerSettingsAffiliate').prop('checked', false);
                        }
                    } else {
                        $('#managerSettingsAffiliate').prop('checked', false);
                    }
                    if (typeof settings_child_panel !== 'undefined' && settings_child_panel !== false) {
                        if (settings_child_panel == 1) {
                            $('#managerSettingsChildPanel').prop('checked', true);
                        } else {
                            $('#managerSettingsChildPanel').prop('checked', false);
                        }
                    } else {
                        $('#managerSettingsChildPanel').prop('checked', false);
                    }
                },
                error: function(e) {
                    // Error
                    $.LoadingOverlay("hide");
                    return false;
                }
            });
            return false;
        })
        $(document).on('click', '.add-payment-btn', function() {
            $.LoadingOverlay("show");
            var id = $(this).attr('data-id');
            var formData = new FormData();
            formData.append('id', id);
            currentRequest = jQuery.ajax({
                type: 'POST',
                data: formData,
                url: "{{ route('admin.users.add_user_payment_modal') }}",
                dataType: 'JSON',
                processData: false,
                contentType: false,
                beforeSend: function() {
                    if (currentRequest != null) {
                        currentRequest.abort();
                    }
                },
                success: function(data) {
                    $.LoadingOverlay("hide");
                    $('#addPayment .modal-body').html(data.htmls)
                    $('#addPayment').modal('show')
                },
                error: function(e) {
                    // Error
                    $.LoadingOverlay("hide");
                    return false;
                }
            });
            return false;
        })

        $("#editUserForm").validate({
            rules: {
                name: {
                    required: true
                },
                email: {
                    required: true,
                    email: true
                },
            },
            messages: {
                password: {
                    required: "Please provide a password",
                    minlength: "Your password must be at least 6 characters long"
                },
                email: {
                    required: "Please enter a email address",
                    email: "Please enter a valid email address"
                }
            },
            submitHandler: function(form) {
                $.LoadingOverlay("show");
                $('.edit_user_errors').html('');
                $('.edit_user_success').html('');
                var formData = new FormData(form);
                currentRequest = jQuery.ajax({
                    type: 'POST',
                    data: formData,
                    url: "{{ route('admin.manager.update') }}",
                    dataType: 'JSON',
                    processData: false,
                    contentType: false,
                    beforeSend: function() {
                        if (currentRequest != null) {
                            currentRequest.abort();
                        }
                    },
                    success: function(data) {
                        $.LoadingOverlay("hide");
                        if (data.errors) {
                            var errors = data.errors;
                            $.each(errors, function(i, val) {
                                $('.edit_user_errors').append(
                                    '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                                    val[0] + '</div>');
                            })
                        } else if (data.status == 0) {
                            $('.edit_user_errors').html(
                                '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                                data.message + '</div>');
                        } else {
                            table.ajax.reload();
                            $('#editUser').modal('hide')
                        }
                        $('.modal').animate({
                            scrollTop: 0
                        }, 1000);
                        setTimeout(() => {
                            $('.edit_user_errors').html('');
                            $('.edit_user_success').html('');
                        }, 3000);
                    },
                    error: function(e) {
                        // Error
                        $.LoadingOverlay("hide");
                        return false;
                    }
                });
                return false;
            }
        });
        $("#createUserForm").validate({
            rules: {
                name: {
                    required: true
                },
                email: {
                    required: true,
                    email: true
                },
            },
            messages: {
                password: {
                    required: "Please provide a password",
                    minlength: "Your password must be at least 6 characters long"
                },
                email: {
                    required: "Please enter a email address",
                    email: "Please enter a valid email address"
                }
            },
            submitHandler: function(form) {
                $.LoadingOverlay("show");
                $('.create_user_errors').html('');
                $('.create_user_success').html('');
                var formData = new FormData(form);
                currentRequest = jQuery.ajax({
                    type: 'POST',
                    data: formData,
                    url: "{{ route('admin.manager.create') }}",
                    dataType: 'JSON',
                    processData: false,
                    contentType: false,
                    beforeSend: function() {
                        if (currentRequest != null) {
                            currentRequest.abort();
                        }
                    },
                    success: function(data) {
                        $.LoadingOverlay("hide");
                        if (data.errors) {
                            var errors = data.errors;
                            $.each(errors, function(i, val) {
                                $('.create_user_errors').append(
                                    '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                                    val[0] + '</div>');
                            })
                        } else if (data.status == 0) {
                            $('.create_user_errors').html(
                                '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                                data.message + '</div>');
                        } else {
                            table.ajax.reload();
                            $('#kt_modal_create_user').modal('hide')
                        }
                        $('.modal').animate({
                            scrollTop: 0
                        }, 1000);
                        setTimeout(() => {
                            $('.create_user_errors').html('');
                            $('.create_user_success').html('');
                        }, 3000);
                    },
                    error: function(e) {
                        // Error
                        $.LoadingOverlay("hide");
                        return false;
                    }
                });
                return false;
            }
        });

        $("#addPaymentForm").validate({
            rules: {
                username: {
                    required: true
                },
                amount: {
                    required: true
                },
                payment_type: {
                    required: true
                },
                method: {
                    required: true
                },
            },
            messages: {},
            submitHandler: function(form) {
                $.LoadingOverlay("show");
                $('.add_user_payment_errors').html('');
                $('.add_user_payment_success').html('');
                var formData = new FormData(form);
                currentRequest = jQuery.ajax({
                    type: 'POST',
                    data: formData,
                    url: "{{ route('admin.users.add_user_payment_store') }}",
                    dataType: 'JSON',
                    processData: false,
                    contentType: false,
                    beforeSend: function() {
                        if (currentRequest != null) {
                            currentRequest.abort();
                        }
                    },
                    success: function(data) {
                        $.LoadingOverlay("hide");
                        if (data.errors) {
                            var errors = data.errors;
                            $.each(errors, function(i, val) {
                                $('.add_user_payment_errors').append(
                                    '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                                    val[0] + '</div>');
                            })
                        } else if (data.status == 0) {
                            $('.add_user_payment_errors').html(
                                '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                                data.message + '</div>');
                        } else {
                            window.location.href = "{{ route('admin.payments')}}";
                        }
                        $('.modal').animate({
                            scrollTop: 0
                        }, 1000);
                        setTimeout(() => {
                            $('.add_user_payment_errors').html('');
                            $('.add_user_payment_success').html('');
                        }, 3000);
                    },
                    error: function(e) {
                        // Error
                        $.LoadingOverlay("hide");
                        return false;
                    }
                });
                return false;
            }
        });

        $("#exportUserForm").validate({
            rules: {
                exportcolumn: {
                    required: true
                },
            },
            messages: {},
            submitHandler: function(form) {
                $.LoadingOverlay("show");
                $('.export_user_errors').html('');
                $('.export_user_success').html('');
                var formData = new FormData(form);
                currentRequest = jQuery.ajax({
                    type: 'POST',
                    data: formData,
                    url: "{{ route('admin.users.export') }}",
                    dataType: 'JSON',
                    processData: false,
                    contentType: false,
                    beforeSend: function() {
                        if (currentRequest != null) {
                            currentRequest.abort();
                        }
                    },
                    success: function(data) {
                        $.LoadingOverlay("hide");
                        if (data.errors) {
                            var errors = data.errors;
                            $.each(errors, function(i, val) {
                                $('.export_user_errors').append(
                                    '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                                    val[0] + '</div>');
                            })
                        } else if (data.status == 0) {
                            $('.export_user_errors').html(
                                '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                                data.message + '</div>');
                        } else {
                            $("<a />", {
                                    "download": "data.json",
                                    "href": "data:application/json," +
                                        encodeURIComponent(JSON
                                            .stringify(data.data.users))
                                }).appendTo("body")
                                .click(function() {
                                    $(this).remove()
                                })[0].click()
                            $('.export_user_success').html(
                                '<div class="alert alert-success alert-dismissible fade show" role="alert">' +
                                data.message + '</div>');
                            setTimeout(function() {
                                $('#kt_modal_export_user').modal('hide')
                            }, 3000)
                        }
                        $('.modal').animate({
                            scrollTop: 0
                        }, 1000);
                        setTimeout(() => {
                            $('.export_user_errors').html('');
                            $('.export_user_success').html('');
                        }, 3000);
                    },
                    error: function(e) {
                        // Error
                        $.LoadingOverlay("hide");
                        return false;
                    }
                });
                return false;
            }
        });

        $(document).on('click', '.update-debit-limit-btn', function() {
            $.LoadingOverlay("show");
            var id = $(this).attr('data-id')

            var formData = new FormData();
            formData.append('id', id);
            currentRequest = jQuery.ajax({
                type: 'POST',
                data: formData,
                url: "{{ route('admin.users.get_user_detail') }}",
                dataType: 'JSON',
                processData: false,
                contentType: false,
                beforeSend: function() {
                    if (currentRequest != null) {
                        currentRequest.abort();
                    }
                },
                success: function(data) {
                    $.LoadingOverlay("hide");
                    if (data.status == 1) {
                        var balance_type = data.user.balance_type;
                        var debit_limit = data.user.debit_limit;
                        $('#debit_update').val(balance_type).change();
                        $('.debit_limit').val(debit_limit);
                        $('#updateDebitLimitModalForm .user_id').val(id)
                        if (balance_type == 1) {
                            $('#debit_limit_update').show();
                        } else {
                            $('#debit_limit_update').hide();
                        }
                    } else {
                        $('.update_debit_limit_errors').html(
                            '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                            data.message + '</div>');
                    }
                    $('#updateDebitLimitModal').modal('show')
                    setTimeout(function() {
                        $('.update_debit_limit_errors').html('')
                        $('.update_debit_limit_success').html('')
                        if (data.status != 1) {
                            $('#updateDebitLimitModal').modal('hide')
                        }
                    }, 3000);
                },
                error: function(e) {
                    // Error
                    $.LoadingOverlay("hide");
                    return false;
                }
            });
            return false;
        })
        $(document).on('change', '#debit_create_user', function() {
            if ($(this).val() == 1) {
                $('#debit_limit_create_user').show();
            } else {
                $('#debit_limit_create_user').hide();
            }
        })
        $(document).on('change', '#debit_edit_user', function() {
            if ($(this).val() == 1) {
                $('#debit_limit_edit_user').show();
            } else {
                $('#debit_limit_edit_user').hide();
            }
        })
        $(document).on('change', '#debit_update', function() {
            if ($(this).val() == 1) {
                $('#debit_limit_update').show();
            } else {
                $('#debit_limit_update').hide();
            }
        })
        $("#updateDebitLimitModalForm").validate({
            rules: {
                balance_type: {
                    required: true
                },
                debit_limit: {
                    required: true
                },
            },
            messages: {},
            submitHandler: function(form) {
                $.LoadingOverlay("show");
                $('.update_debit_limit_errors').html('');
                $('.update_debit_limit_success').html('');
                var formData = new FormData(form);
                currentRequest = jQuery.ajax({
                    type: 'POST',
                    data: formData,
                    url: "{{ route('admin.users.update_debit_limit') }}",
                    dataType: 'JSON',
                    processData: false,
                    contentType: false,
                    beforeSend: function() {
                        if (currentRequest != null) {
                            currentRequest.abort();
                        }
                    },
                    success: function(data) {
                        $.LoadingOverlay("hide");
                        if (data.errors) {
                            var errors = data.errors;
                            $.each(errors, function(i, val) {
                                $('.update_debit_limit_errors').append(
                                    '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                                    val[0] + '</div>');
                            })
                        } else if (data.status == 0) {
                            $('.update_debit_limit_errors').html(
                                '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                                data.message + '</div>');
                        } else {
                            window.location.href = "{{ route('admin.managers') }}";
                        }
                        $('.modal').animate({
                            scrollTop: 0
                        }, 1000);
                        setTimeout(() => {
                            $('.update_debit_limit_errors').html('');
                            $('.update_debit_limit_success').html('');
                        }, 3000);
                    },
                    error: function(e) {
                        // Error
                        $.LoadingOverlay("hide");
                        return false;
                    }
                });
                return false;
            }
        });
        $(document).on('click', '.kt_modal_broadcast_message_btn', function() {
            $('#kt_modal_broadcast_message').modal('show')
        })

        $("#broadcastMessageForm").validate({
            rules: {
                broadcast_users: {
                    required: true
                },
                broadcast_message: {
                    required: true
                },
            },
            messages: {},
            submitHandler: function(form) {
                $.LoadingOverlay("show");
                $('.broadcast_message_errors').html('');
                $('.broadcast_message_success').html('');
                var formData = new FormData(form);
                currentRequest = jQuery.ajax({
                    type: 'POST',
                    data: formData,
                    url: "{{ route('admin.users.send_broadcast_message') }}",
                    dataType: 'JSON',
                    processData: false,
                    contentType: false,
                    beforeSend: function() {
                        if (currentRequest != null) {
                            currentRequest.abort();
                        }
                    },
                    success: function(data) {
                        $.LoadingOverlay("hide");
                        if (data.errors) {
                            var errors = data.errors;
                            $.each(errors, function(i, val) {
                                $('.broadcast_message_errors').append(
                                    '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                                    val[0] + '</div>');
                            })
                        } else if (data.status == 0) {
                            $('.broadcast_message_errors').html(
                                '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                                data.message + '</div>');
                        } else {
                            $('.broadcast_message_success').html(
                                '<div class="alert alert-success alert-dismissible fade show" role="alert">' +
                                data.message + '</div>');
                            $('#broadcastMessageForm')[0].reset();
                            setTimeout(function() {
                                $('#kt_modal_broadcast_message').modal('hide')
                            }, 3000)
                        }
                        $('.modal').animate({
                            scrollTop: 0
                        }, 1000);
                        setTimeout(() => {
                            $('.broadcast_message_errors').html('');
                            $('.broadcast_message_success').html('');
                        }, 3000);
                    },
                    error: function(e) {
                        // Error
                        $.LoadingOverlay("hide");
                        return false;
                    }
                });
                return false;
            }
        });

        $(document).on('click', '.edit-password-btn', function() {
            $.LoadingOverlay("show");
            var id = $(this).attr('data-id');
            $('.editUserPasswordId').val(id)
            $.LoadingOverlay("hide");
            $('#kt_modal_edit_password').modal('show')
        })

        $("#editUserPasswordForm").validate({
            rules: {
                broadcast_users: {
                    required: true
                },
                broadcast_message: {
                    required: true
                },
            },
            messages: {},
            submitHandler: function(form) {
                $.LoadingOverlay("show");
                $('.edit_password_errors').html('');
                $('.edit_password_success').html('');
                var formData = new FormData(form);
                currentRequest = jQuery.ajax({
                    type: 'POST',
                    data: formData,
                    url: "{{ route('admin.users.edit_user_password') }}",
                    dataType: 'JSON',
                    processData: false,
                    contentType: false,
                    beforeSend: function() {
                        if (currentRequest != null) {
                            currentRequest.abort();
                        }
                    },
                    success: function(data) {
                        $.LoadingOverlay("hide");
                        if (data.errors) {
                            var errors = data.errors;
                            $.each(errors, function(i, val) {
                                $('.edit_password_errors').append(
                                    '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                                    val[0] + '</div>');
                            })
                        } else if (data.status == 0) {
                            $('.edit_password_errors').html(
                                '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                                data.message + '</div>');
                        } else {
                            $('.edit_password_success').html(
                                '<div class="alert alert-success alert-dismissible fade show" role="alert">' +
                                data.message + '</div>');
                            $('#editUserPasswordForm')[0].reset();
                            setTimeout(function() {
                                $('#kt_modal_edit_password').modal('hide')
                            }, 3000)
                        }
                        $('.modal').animate({
                            scrollTop: 0
                        }, 1000);
                        setTimeout(() => {
                            $('.edit_password_errors').html('');
                            $('.edit_password_success').html('');
                        }, 3000);
                    },
                    error: function(e) {
                        // Error
                        $.LoadingOverlay("hide");
                        return false;
                    }
                });
                return false;
            }
        });

        function activeInactiveStatus(identifier) {
            var id = $(identifier).attr('data-id');
            var activeStatus = $(identifier).attr('data-status');

            var activeText = 'Enable';
            if (activeStatus == 'active') {
                activeText = 'Disable'
            }
            swal({
                title: 'Are you sure?',
                text: "You want to " + activeText,
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "Yes",
                cancelButtonText: "Cancel",
                closeOnConfirm: true,
                closeOnCancel: true
            }, function(isConfirm) {
                if (isConfirm) {
                    var formData = new FormData();
                    formData.append('id', id);
                    formData.append('status', activeStatus);

                    currentRequest = jQuery.ajax({
                        type: 'POST',
                        data: formData,
                        url: "{{ route('admin.users.change_user_status') }}",
                        dataType: 'JSON',
                        processData: false,
                        contentType: false,
                        beforeSend: function() {
                            if (currentRequest != null) {
                                currentRequest.abort();
                            }
                        },
                        success: function(data) {
                            $.LoadingOverlay("hide");
                            $('#alertMessages').addClass('alert alert-success');
                            $('#alertMessages').text(data.messages);
                            table.ajax.reload();
                        },
                        error: function(e) {
                            // Error
                            $.LoadingOverlay("hide");
                            return false;
                        }
                    });
                }
            });
        }

        $(document).on('click', '.toggleUserStatus', function() {
            activeInactiveStatus($(this));
        })

        function deleteDiscounts(identifier) {
            var id = $(identifier).attr('data-id');
            swal({
                title: 'Are you sure?',
                text: "You want to delete discount!",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "Yes",
                cancelButtonText: "Cancel",
                closeOnConfirm: true,
                closeOnCancel: true
            }, function(isConfirm) {
                if (isConfirm) {
                    var formData = new FormData();
                    formData.append('id', id);

                    currentRequest = jQuery.ajax({
                        type: 'POST',
                        data: formData,
                        url: "{{ route('admin.users.delete_user_discounts') }}",
                        dataType: 'JSON',
                        processData: false,
                        contentType: false,
                        beforeSend: function() {
                            if (currentRequest != null) {
                                currentRequest.abort();
                            }
                        },
                        success: function(data) {
                            $.LoadingOverlay("hide");
                            $('#alertMessages').addClass('alert alert-success');
                            $('#alertMessages').text(data.messages);
                            table.ajax.reload();
                        },
                        error: function(e) {
                            // Error
                            $.LoadingOverlay("hide");
                            return false;
                        }
                    });
                }
            });
        }

        $(document).on('click', '.delUserDis', function() {
            deleteDiscounts($(this));
        })

        $(document).on("click", "#copyRates", function() {
            $.LoadingOverlay("show");
            var id = $("input.selectUser:checked").attr("id");

            $.ajax({
                method: "GET",
                url: "{{ route('admin.users.show_copy_rates_form') }}",
                data: {
                    selectedUserId: id
                },
                success: function(response) {
                    $.LoadingOverlay("hide");
                    $('#copyRatesModalContent').html(response.content);
                    $('#copyRatesModal').modal('show');
                },
                error: function(error) {
                    $.LoadingOverlay("hide");
                    console.log(error);
                }
            });
        });

        $(document).on('click', '#copyRatesSubmit', function(e) {
            e.preventDefault();

            var formData = $(this).closest('form').serialize();

            $.ajax({
                url: "{{ route('admin.users.copy_rates') }}",
                type: 'POST',
                data: formData,
                dataType: 'json',
                success: function(response) {
                    if(response.success){
                        $('#alertMessages').addClass('alert alert-success');
                        $('#alertMessages').text(response.messages);
                        table.ajax.reload();
                    }else{
                        $('#alertMessages').addClass('alert alert-danger');
                        $('#alertMessages').text(response.messages);
                    }
                    // Swal.fire({
                    //     text: response.message,
                    //     icon: response.success == "true" ? "success" : "error",
                    //     buttonsStyling: false,
                    //     confirmButtonText: "Ok, got it!",
                    //     customClass: {
                    //         confirmButton: "btn btn-success"
                    //     }
                    // }).then((result) => {
                    //     if (result.isConfirmed) {
                    //         table.ajax.reload();
                    //     }
                    // }).finally(() => {
                    //     table.ajax.reload();
                    // });
                },
                error: function(error) {
                    console.log(error);
                }
            });

            $('#copyRatesModal').modal('hide');
        });
    });
</script>
@endsection