var getUrl = window.location;
var baseHost = getUrl.protocol + "//" + getUrl.host + "/";
var baseUrl = baseHost + getUrl.pathname.split('/')[1];
var prefix_folder_admin = '';
let is_online;
const toastLiveExample = document.getElementById('liveToast')
const toast = new bootstrap.Toast(toastLiveExample)
let deg = 0;
let csrfHash = $("meta[name=X-CSRF-TOKEN]").attr('content');
let prodi_use;

$(document).ready(function () {

    $(".pc-hasmenu.active").children().eq(1).attr('style', 'display: block; box-sizing: border-box;');

    $(".placeholder").removeClass('placeholder');
    $('.horizontal-mainwrapper').show();

    var path_current = getUrl.origin + getUrl.pathname;
    // console.log(path_current);
    $("a[data-url='" + path_current + "']").addClass('active');
    // main-parent-menu
    $("a[data-url='" + path_current + "']").closest('.main-parent-menu').addClass('collapsed');

    // $("select.js-select2").each(function (index, element) {
    //     $(element).select2({
    //         theme: 'bootstrap-5',
    //         placeholder: $(element).data("placeholder"),
    //         dropdownParent: $($(element).parent()),
    //         width: '100%',
    //         allowClear: $(element).data("allowclear")
    //     });

    //     if ($(element).data('disable')) {
    //         $(element).prop('disabled', true)
    //     }
    // });

    $('.modal').each(function (index, element) {
        $(element).attr('data-keyboard', false).attr('data-backdrop', 'static');
    });

    $('.trumbowyg-js').each(function () {
        $(this).trumbowyg({
            autogrow: true,
            disabled: $(this).data('trumbowyg-disable') !== undefined ? $(this).data('trumbowyg-disable') : false,
            // btns: ['upload'],
            // plugins: {
            //     upload: {
            //         serverPath: 'https://api.imgur.com/3/image',
            //         fileFieldName: 'image',
            //         headers: {
            //             'Authorization': 'Client-ID xxxxxxxxxxxx'
            //         },
            //         urlPropertyName: 'data.link'
            //     }
            // }
        });
    });

    // $(".datepicer-js").datepicker({
    //     format: "dd/mm/yyyy",
    //     autoclose: true,
    //     orientation: "auto",
    //     todayHighlight: true
    // });
    // $(".datepicer-js").attr('readonly', true);

    // $(".datepicer-year-js").datepicker({
    //     format: "yyyy",
    //     autoclose: true,
    //     minViewMode: 2,
    //     maxViewMode: 2,
    //     todayHighlight: true,
    //     orientation: "bottom auto"
    // });
    // $(".datepicer-year-js").attr('readonly', true);

    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': csrfHash // Mengirim token CSRF dalam header
        },
    });

    $(document).ajaxSuccess(function (event, xhr, settings) {
        const responseData = JSON.parse(xhr.responseText);
        if (responseData.is_login != undefined && responseData.is_login == false) {
            console.log('Unauthorized');
            toast.hide()
            window.location.reload();
            return;
        }
    });

    $(".select-checkbox-all").change(function (e) {
        e.preventDefault();
        let this_table = $(this).data('table');

        if ($(this).prop('checked') === true) {
            $('.dt-select-checkbox').prop('checked', true);
            $("#" + this_table).DataTable().rows().select();
        } else {
            $('.dt-select-checkbox').prop('checked', false);
            $("#" + this_table).DataTable().rows().deselect();
        }
    });

});

// Track page impression
trackImpression();

// Track duration
var startTime = Date.now();

window.addEventListener('beforeunload', function () {
    var endTime = Date.now();
    var duration = Math.round((endTime - startTime) / 1000); // Duration in seconds

    navigator.sendBeacon('/track-duration', JSON.stringify({
        token: getCookie('visitor_token'),
        url: window.location.pathname,
        duration: duration
    }));
});

// Track button clicks
$('button').on('click', function () {
    var buttonId = $(this).attr('id') || 'unknown';
    trackButtonClick(buttonId);
});

function getCookie(name) {
    let cookieArr = document.cookie.split(";");
    for (let i = 0; i < cookieArr.length; i++) {
        let cookiePair = cookieArr[i].split("=");
        if (name == cookiePair[0].trim()) {
            return decodeURIComponent(cookiePair[1]);
        }
    }
    return null;
}

function trackImpression() {
    navigator.sendBeacon('/track-impression', JSON.stringify({
        token: getCookie('visitor_token'),
        url: window.location.pathname
    }));
}

function trackButtonClick(buttonId) {
    navigator.sendBeacon('/track-button-click', JSON.stringify({
        token: getCookie('visitor_token'),
        url: window.location.pathname,
        button_id: buttonId
    }));
}

function get_csrf() {
    return $("meta[name=X-CSRF-TOKEN]").attr('content');
}

function update_csrf(newToken) {
    $("meta[name=X-CSRF-TOKEN]").attr('content', newToken)
}

function formated_date(date_src) {
    if (date_src) {
        var date = new Date(date_src);
    } else {
        var date = new Date();
    }
    var day = date.getDate();
    var month = date.getMonth() + 1;
    var year = date.getFullYear();
    return day + '/' + month + '/' + year;
}

function windowResize() {
    let window_width = window.innerWidth;

    if (window_width <= 756) {
        $(".mobile-menu-nav .devider").removeClass('ml-2');
        $(".logo-pro .main-logo").removeClass('d-none');
        $(".nav-mobile-view .row").removeClass('d-none');
        $(".nav-mobile-view").removeClass('d-none');

        $("#v-pills-tab").removeClass('position-fixed pr-4');
        $("#v-pills-tab").parent().removeClass('border-left order-2').addClass('border-bottom pb-2 order-1');
        $("#v-pills-tab").parent().prev().removeClass('order-1').addClass('pt-2 order-2');
    } else {
        $(".mobile-menu-nav .devider").addClass('ml-2');
        $(".logo-pro .main-logo").removeClass('d-none');
        $(".nav-mobile-view .row").addClass('d-none');
        $(".nav-mobile-view").addClass('d-none');

        $("#v-pills-tab").addClass('position-fixed pr-4');
        $("#v-pills-tab").parent().removeClass('border-bottom pb-2 order-1').addClass('border-left order-2');
        $("#v-pills-tab").parent().prev().removeClass('pt-2 order-2').addClass('order-1');
    }
}

$(window).resize(function (e) {
    windowResize();
});

function showGlobalLoading(element = 'global-loading') {
    $('body').css({
        'overflow': 'hidden'
    });
    $(`#${element}`).removeClass('d-none');
}

function hideGlobalLoading(element = 'global-loading') {
    $('body').css({
        'overflow': 'auto'
    });
    $(`#${element}`).addClass('d-none');
}

function showLoading(parent_elem = '#spinner', target_element = 'btn_save') {
    $(`${parent_elem}`).addClass('show');
}

function hideLoading(parent_elem = '#spinner', target_element = 'btn_save') {
    $(`${parent_elem}`).removeClass('show');
}

function alert_success(msg) {
    Swal.fire({
        icon: 'success',
        title: msg,
        showConfirmButton: false,
        timer: 1500
    });
}

function alert_error(msg) {
    Swal.fire({
        icon: 'error',
        title: msg,
        showConfirmButton: false,
        timer: 1500
    });
}

function notif_success(message) {
    $("#liveToast").removeClass('bg-danger').addClass('bg-success');
    $(".toast-header .me-auto").html(message);
    toast.show()
}

function notif_error(message) {
    $("#liveToast").removeClass('bg-success').addClass('bg-danger');
    $(".toast-header .me-auto").html(message);
    toast.show()
}

function remove_invalid() {
    $('.invalid-feedback').empty();
    $('.invalid-feedback').removeClass('d-block');
    $('input').removeClass('is-invalid');
    $('select').removeClass('is-invalid');
    $('textarea').removeClass('is-invalid');
}

function empty_input() {
    remove_invalid();

    $('.form-group > input').removeClass('is-invalid');
    $('.form-group > select').removeClass('is-invalid');
    $('.form-group > textarea').removeClass('is-invalid');
    let form_element = $('form');
    form_element.find('select').val('').trigger('change');
    form_element.find('input').val('');
    form_element.find('textarea').text('');
    form_element.find('textarea').val('');
    if (form_element.find('.trumbowyg-js')) {
        $('.trumbowyg-js').each(function () {
            $(this).trumbowyg('html', '');
        });
    }
    if (form_element.find('[type=file]')) {
        $.each(form_element.find('[type=file]'), function (indexInArray, valueOfElement) {
            let this_target = $(valueOfElement).data('target');
            let target_show = this_target;
            if (this_target) {
                if (!this_target.includes('#') && !this_target.includes('.')) {
                    target_show = '#' + this_target;
                    if ($(target_show).length == 0) {
                        target_show = '.' + this_target;
                    }
                }

                if ($(target_show).length > 0) {
                    $(target_show).empty();
                }
            }
        });
    }
}

/**
 * 
 * @param {object} data 
 */
function input_error(data) {
    for (var i = 0; i < data.inputerror.length; i++) {
        let split_inputerror = data.inputerror[i].split('.');
        if ($('[name="' + data.inputerror[i] + '"]').parent().hasClass('input-group')) {
            $('[name="' + data.inputerror[i] + '"]').addClass('is-invalid').parent().find('.invalid-feedback').addClass('d-block').text(data.error_string[i]);
        } else if ($('[name="' + data.inputerror[i] + '"]').hasClass('trumbowyg-js')) {
            $('[name="' + data.inputerror[i] + '"]').parent().parent().find('.invalid-feedback').addClass('d-block').text(data.error_string[i]);
        } else {
            let selector = $('[name="' + data.inputerror[i] + '"]');
            if (split_inputerror.length > 1) {
                selector = $('[name="' + split_inputerror[0] + '[]"]').eq(parseInt(split_inputerror[1]));
            }
            selector.addClass('is-invalid');
            selector.siblings(':last').text(data.error_string[i]);
            selector.siblings(':last').addClass('d-block');
        }
    }
}

function isGuest() {
    if (localStorage.getItem('guest') == 'true') {
        $("#modalGuest").modal('show');

        return true;
    }

    return false;
}

let modalHandler = function (e) {
    if (isGuest()) {
        e.preventDefault();

        return;
    };
};

$(document).on('show.bs.modal', '#modal_form', modalHandler);
$(document).on('hidden.bs.modal', '#modalGuest', function () {
    $(document).off('show.bs.modal', '#modal_form', modalHandler);
    $(document).on('show.bs.modal', '#modal_form', modalHandler);
});

$(document).on('click', '.btn-sign-guest', function () {
    let username = $("#username").val();
    let password = $("#password").val();
    $('.text-message').html('');

    $.ajax({
        url: baseUrl + '/' + prefix_folder_admin + '/login/do_login',
        type: "POST",
        data: {
            username: username,
            password: password,
        },
        dataType: "JSON",
        success: function (data) {
            if (data.status) {
                window.location.reload();
            } else {
                console.log(data.inputerror);
                if (data.error_login != '') {
                    $('.text-message').html(data.error_login);
                }
                var label = '';
                for (var i = 0; i < data.inputerror.length; i++) {
                    $('[name="' + data.inputerror[i] + '"]').parent().addClass('is-invalid');
                    $('[name="' + data.inputerror[i] + '"]').next().next().text(data.error_string[i]);
                }
            }
        },
        error: function (jqXHR, textStatus, errorThrown) {
            $('.btn_save_group').button('reset');
        }
    });//end ajax
});

$(document).on("click", ".show_password", function () {
    $(this).addClass('hide_password').removeClass('show_password').parent().children().eq(1).children().removeClass("bx bx-bullseye").addClass("bx bxs-low-vision");
    $(this).parent().children().eq(0).attr('type', 'text');
});

$(document).on("click", ".hide_password", function () {
    $(this).addClass('show_password').removeClass('hide_password').parent().children().eq(1).children().removeClass("bx bxs-low-vision").addClass("bx bx-show-alt");
    $(this).parent().children().eq(0).attr('type', 'password');
});

$(document).on('click', '.btn_custom_minus', function () {
    selector_val = $(this).closest('.group-plus-minus').find('.value');
    if (parseInt(selector_val.val()) > 1) {
        value_int = parseInt(selector_val.val()) - 1;
        selector_val.val(value_int);
    }
});

$(document).on('click', '.btn_custom_plus', function () {
    selector_val = $(this).closest('.group-plus-minus').find('.value');
    value_int = parseInt(selector_val.val()) + 1;
    // console.log(value_int); 
    selector_val.val(value_int);
});

if ($('.ckeditor_form').length) {
    $('.ckeditor_form').ckeditor({
        filebrowserBrowseUrl: '' //url
    });
}

//=========================================== module function ====================================================
function show_image(inputFile, target_display) {
    const fileReader = new FileReader();

    fileReader.onload = function (event) {
        $(target_display).attr('src', event.target.result);
    };

    fileReader.onerror = function (error) {
        console.error('Terjadi kesalahan:', error);
    };

    fileReader.readAsDataURL(inputFile);
}

function show_count_confirm() {

    $.ajax({
        url: baseUrl + '/admin/booking/count_booking_confirm?token=' + _token_user,
        type: "POST",
        dataType: "JSON",
        success: function (data) {
            // $('.count_confirm_booking').css('position', 'relative');
            if (data.count > 0) {
                $('.count_confirm_booking > a').prepend(`
<span class="badge badge-primary span-counter">` + data.count + `</span>
`);
            }
        },
        error: function (jqXHR, textStatus, errorThrown) {
            hideLoading();
        }
    }); //end ajax

    $.ajax({
        url: baseUrl + '/admin/transaction/count_transaction?token=' + _token_user,
        type: "POST",
        dataType: "JSON",
        success: function (data) {
            if (data.status) {
                if (data.count_proceed_voyage > 0) {
                    $('.count_transaction_voyage > a').prepend(`
<span class="badge badge-primary span-counter">` + data.count_proceed_voyage + `</span>
`);
                }

                if (data.count_return_countainer > 0) {
                    $('.count_return_countainer > a').prepend(`
<span class="badge badge-primary span-counter">` + data.count_return_countainer + `</span>
`);
                }

                if (data.count_unloading_countainer > 0) {
                    $('.count_unloading_countainer > a').prepend(`
<span class="badge badge-primary span-counter">` + data.count_unloading_countainer + `</span>
`);
                }
            }
        },
        error: function (jqXHR, textStatus, errorThrown) {
            hideLoading();
        }
    }); //end ajax
}

/* Fungsi formatRupiah */
function formatRupiah(angka) {
    var reverse = angka.toString().split('').reverse().join(''),
        ribuan = reverse.match(/\d{1,3}/g);
    ribuan = ribuan.join('.').split('').reverse().join('');
    return 'Rp. ' + ribuan;
}

/* Fungsi formatNumber */
function formatNumber(angka) {
    var reverse = angka.toString().split('').reverse().join(''),
        ribuan = reverse.match(/\d{1,3}/g);
    ribuan = ribuan.join('.').split('').reverse().join('');
    return ribuan;
}

function formatDateIndo(date) {
    var dateObj = new Date(date);

    var day = dateObj.getDate();
    var month = dateObj.getMonth() + 1;
    var year = dateObj.getFullYear();

    var formattedDate = day + '-' + month + '-' + year;

    return formattedDate;
}

function formatDateIso(date) {
    if (date == null || date == "" || date == undefined) {
        return "";
    }
    var dateParts = date.split('-');
    var day = dateParts[0];
    var month = dateParts[1];
    var year = dateParts[2];

    var formattedDate = year + '-' + month + '-' + day;
    return formattedDate;
}

var data_search_select2_default = {
    data: function (params) {
        var query = {
            search: params.term,
        }

        return query;
    },
}

function select2_define(selector, url, custom_search_properties = data_search_select2_default, option_clear = false, dropdown_parent = $(selector).parent().parent()) {
    var ajax_settings = {
        url: url_controller + url + "/?token=" + _token_user,
        dataType: 'json',
        delay: 300,
        processResults: function (data) {
            return {
                results: data.map(function (item) {
                    return {
                        id: item.code,
                        text: item.content,
                    }
                })
            }
        }
    }

    $(selector).select2({
        dropdownParent: dropdown_parent,
        // dropdownAutoWidth: true,
        allowClear: option_clear,
        ajax: {
            ...ajax_settings,
            ...custom_search_properties
        }
    })

    $(`span.select2.select2-container`).css("width", "unset");
}

function flatpicker_define(selector, add_on_proporties = {}, is_custom_properties = 0) {
    var default_config = {
        dateFormat: "d-m-Y",
    };

    if (is_custom_properties == 0) {
        var new_config = {
            ...default_config,
            ...add_on_proporties
        }
    } else {
        var new_config = add_on_proporties;
    }

    var flatpickr_var = $(selector).flatpickr(new_config);
    return flatpickr_var;
}

function ckeditor_define(id, placeholder = 'Isikan detail') {
    let editor;

    CKEDITOR.ClassicEditor.create(document.getElementById(id), {
        // https://ckeditor.com/docs/ckeditor5/latest/features/toolbar/toolbar.html#extended-toolbar-configuration-format
        toolbar: {
            items: [
                'findAndReplace', 'selectAll', '|',
                'heading', '|',
                'bold', 'italic', 'strikethrough', 'underline', 'code', 'subscript', 'superscript', 'removeFormat', '|',
                'bulletedList', 'numberedList', 'todoList', '|',
                'outdent', 'indent', '|',
                'undo', 'redo',
                '-',
                'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor', 'highlight', '|',
                'alignment', '|', 'uploadImage', '|', 'blockQuote', 'insertTable', '|',
                'specialCharacters', 'horizontalLine', 'pageBreak', '|',
            ],
            shouldNotGroupWhenFull: true
        },
        // Changing the language of the interface requires loading the language file using the <script> tag.
        // language: 'es',
        table: {
            contentToolbar: [
                'tableColumn', 'tableRow', 'mergeTableCells',
                'tableProperties', 'tableCellProperties'
            ]
        },
        list: {
            properties: {
                styles: true,
                startIndex: true,
                reversed: true
            }
        },
        // https://ckeditor.com/docs/ckeditor5/latest/features/headings.html#configuration
        heading: {
            options: [{
                model: 'paragraph',
                title: 'Paragraph',
                class: 'ck-heading_paragraph'
            },
            {
                model: 'heading1',
                view: 'h1',
                title: 'Heading 1',
                class: 'ck-heading_heading1'
            },
            {
                model: 'heading2',
                view: 'h2',
                title: 'Heading 2',
                class: 'ck-heading_heading2'
            },
            {
                model: 'heading3',
                view: 'h3',
                title: 'Heading 3',
                class: 'ck-heading_heading3'
            },
            {
                model: 'heading4',
                view: 'h4',
                title: 'Heading 4',
                class: 'ck-heading_heading4'
            },
            {
                model: 'heading5',
                view: 'h5',
                title: 'Heading 5',
                class: 'ck-heading_heading5'
            },
            {
                model: 'heading6',
                view: 'h6',
                title: 'Heading 6',
                class: 'ck-heading_heading6'
            }
            ]
        },
        // https://ckeditor.com/docs/ckeditor5/latest/features/editor-placeholder.html#using-the-editor-configuration
        placeholder: placeholder,
        // https://ckeditor.com/docs/ckeditor5/latest/features/font.html#configuring-the-font-family-feature
        fontFamily: {
            options: [
                'default',
                'Arial, Helvetica, sans-serif',
                'Courier New, Courier, monospace',
                'Georgia, serif',
                'Lucida Sans Unicode, Lucida Grande, sans-serif',
                'Tahoma, Geneva, sans-serif',
                'Times New Roman, Times, serif',
                'Trebuchet MS, Helvetica, sans-serif',
                'Verdana, Geneva, sans-serif'
            ],
            supportAllValues: true
        },
        // https://ckeditor.com/docs/ckeditor5/latest/features/font.html#configuring-the-font-size-feature
        fontSize: {
            options: [10, 12, 14, 'default', 18, 20, 22],
            supportAllValues: true
        },
        // Be careful with the setting below. It instructs CKEditor to accept ALL HTML markup.
        // https://ckeditor.com/docs/ckeditor5/latest/features/general-html-support.html#enabling-all-html-features
        htmlSupport: {
            allow: [{
                name: /.*/,
                attributes: true,
                classes: true,
                styles: true
            }]
        },
        // Be careful with enabling previews
        // https://ckeditor.com/docs/ckeditor5/latest/features/html-embed.html#content-previews
        htmlEmbed: {
            showPreviews: true
        },
        // https://ckeditor.com/docs/ckeditor5/latest/features/link.html#custom-link-attributes-decorators
        link: {
            decorators: {
                addTargetToExternalLinks: true,
                defaultProtocol: 'https://',
                toggleDownloadable: {
                    mode: 'manual',
                    label: 'Downloadable',
                    attributes: {
                        download: 'file'
                    }
                }
            }
        },
        // https://ckeditor.com/docs/ckeditor5/latest/features/mentions.html#configuration
        mention: {
            feeds: [{
                marker: '@',
                feed: [
                    '@apple', '@bears', '@brownie', '@cake', '@cake', '@candy', '@canes', '@chocolate', '@cookie', '@cotton', '@cream',
                    '@cupcake', '@danish', '@donut', '@dragée', '@fruitcake', '@gingerbread', '@gummi', '@ice', '@jelly-o',
                    '@liquorice', '@macaroon', '@marzipan', '@oat', '@pie', '@plum', '@pudding', '@sesame', '@snaps', '@soufflé',
                    '@sugar', '@sweet', '@topping', '@wafer'
                ],
                minimumCharacters: 1
            }]
        },
        // The "super-build" contains more premium features that require additional configuration, disable them below.
        // Do not turn them on unless you read the documentation and know how to configure them and setup the editor.
        removePlugins: [
            // These two are commercial, but you can try them out without registering to a trial.
            // 'ExportPdf',
            // 'ExportWord',
            'CKBox',
            'CKFinder',
            'EasyImage',
            // This sample uses the Base64UploadAdapter to handle image uploads as it requires no configuration.
            // https://ckeditor.com/docs/ckeditor5/latest/features/images/image-upload/base64-upload-adapter.html
            // Storing images as Base64 is usually a very bad idea.
            // Replace it on production website with other solutions:
            // https://ckeditor.com/docs/ckeditor5/latest/features/images/image-upload/image-upload.html
            // 'Base64UploadAdapter',
            'RealTimeCollaborativeComments',
            'RealTimeCollaborativeTrackChanges',
            'RealTimeCollaborativeRevisionHistory',
            'PresenceList',
            'Comments',
            'TrackChanges',
            'TrackChangesData',
            'RevisionHistory',
            'Pagination',
            'WProofreader',
            // Careful, with the Mathtype plugin CKEditor will not load when loading this sample
            // from a local file system (file://) - load this site via HTTP server if you enable MathType.
            'MathType',
            // The following features are part of the Productivity Pack and require additional license.
            'SlashCommand',
            'Template',
            'DocumentOutline',
            'FormatPainter',
            'TableOfContents'
        ]
    }).then(newEditor => {
        editor = newEditor;
    });
}

function getExtension(filename) {
    var parts = filename.split('.');
    return parts[parts.length - 1].toLowerCase();
}

/**
 * 
 * @param {*} inputFile 
 * @param {*} target_display 
 * @param {*} filename
 * @param {any} width_image
 * @param {any} height_image
 * @param {any} width_frame
 * @param {any} height_frame
 */
function show_file(inputFile, target_display, filename, width_image = '80%', height_image = '80%', width_frame = '400px', height_frame = '400px') {
    if (inputFile) {
        const fileReader = new FileReader();
        const extension_file = getExtension(filename);
        let split = target_display.split('.');

        if (extension_file == 'jpg' || extension_file == 'jpeg' || extension_file == 'png' || extension_file == 'webp') {
            var target_display_show = 'this_img_' + split[1]
            $(target_display).html('<img src="" class="' + target_display_show + ' preview_image" width="' + width_image + '" height="' + height_image + '">');
        } else {
            var target_display_show = 'this_frame_' + split[1]
            $(target_display).html('<iframe src="" class="' + target_display_show + '" frameborder="0" width="' + width_frame + '" height="' + height_frame + '"></iframe>');
        }

        fileReader.onload = function (event) {
            $('.' + target_display_show).attr("src", event.target.result);
        };

        fileReader.onerror = function (error) {
            console.error("Terjadi kesalahan:", error);
        };

        fileReader.readAsDataURL(inputFile);
    } else {
        $(target_display).empty();
    }
}

function show_file_from_url(url_image, target_display, width_image = '80%', height_image = '80%', width_frame = '400px', height_frame = '400px') {
    if (url_image) {
        let split_url = url_image.split('.');
        let extension_file = split_url[split_url.length - 1];

        if (extension_file == 'jpg' || extension_file == 'jpeg' || extension_file == 'png' || extension_file == 'webp') {
            var target_display_show = 'this_img'
            $(target_display).html('<img src="' + url_image + '" class="' + target_display_show + ' preview_image" width="' + width_image + '" height="' + height_image + '">');
        } else {
            var target_display_show = 'this_frame'
            $(target_display).html('<iframe src="' + url_image + '" class="' + target_display_show + '" frameborder="0" width="' + width_frame + '" height="' + height_frame + '"></iframe>');
        }
    } else {
        $(target_display).empty();
    }
}

/**
 * 
 * @param {*} selector 
 * @param {phone, currency, bank} type_cleave 
 * @returns 
 */
function cleave_define(selector, type_cleave) {
    var settings = {};

    if (type_cleave == 'phone') {
        settings = {
            phone: true,
            phoneRegionCode: 'ID',
            delimiter: '-',
        }
    } else if (type_cleave == 'currency') {
        settings = {
            numeral: true,
            prefix: 'Rp. ',
            delimiter: '.',
            numeralDecimalMark: ',',
        }
    } else if (type_cleave == 'bank') {
        settings = {
            creditCard: true
        }
    } else if (type_cleave == 'currency_strada') {
        settings = {
            numeral: true,
            delimiter: ',',
        }
    }

    const cleave = new Cleave(selector, settings);

    return cleave;
}

function datatable_define(selector, url) {
    var datatable = $(selector).DataTable({
        ajax: {
            url: url_controller + url + '/?token=' + _token_user,
            type: 'POST',
            data: function (d) {
                d.id = id_use
            },
            beforeSend: function () {
                Swal.fire({
                    allowOutsideClick: false,
                    showConfirmButton: false,
                    willOpen: () => {
                        Swal.showLoading();
                    }
                });
            },
            complete: function (data) {
                Swal.close();
            },
        },
    });

    return datatable;
}

function add_option_select2(id, label) {
    let newOption = new Option(label, id, true, true);
    return newOption;
}

function add_option_null_select2(name = []) {
    let options = name;
    $.each(options, function (index, value) {
        let options_null = add_option_select2("", "");
        $('[name="' + value + '"]').append(options_null).trigger("change");
    });
}

$('.modal').on('hidden.bs.modal', function () {
    $('body').css('padding-right', '');
    $('body').removeAttr('data-bs-padding-right');
});

$(".file_input").change(function (e) {
    e.preventDefault();
    const file = e.target.files[0];
    const filename = $(this).val();
    let this_target = $(this).data('target');
    let this_allowFiles = $(this).attr('accept');

    let target_show = this_target;
    if (!this_target.includes('#') && !this_target.includes('.')) {
        target_show = '#' + this_target;
        if ($(target_show).length == 0) {
            target_show = '.' + this_target;
            if ($(target_show).length == 0) {
                alert_error('Target untuk menampilkan file tidak ada');
            }
        }
    }

    show_file(file, target_show, filename);
});

$(document).on('click', ".change_access", function () {
    $("#modal_change_access").modal('show');
});

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

    $.ajax({
        type: "post",
        url: baseUrl + '/' + prefix_folder_admin + '/login/change_access?token=' + _token_user,
        data: {
            access: $("#access").val()
        },
        dataType: "json",
        success: function (response) {
            window.location.href = baseUrl + '/' + prefix_folder_admin + '/home?token=' + _token_user
        }
    });
});

$(document).on('click', '.pc-head-link', function (e) {
    e.preventDefault();
    if ($(".pc-sidebar").hasClass('pc-sidebar-hide')) {
        $(".pc-header").attr('style', 'left: 0 !important;');
    } else {
        $(".pc-header").removeAttr('style');
    }
});

$(document).on('click', '.preview_image', function (e) {
    e.preventDefault()
    modal_image($(this).attr('src'))
})

function rotate_right() {
    deg += 90;
    var modalImg = document.getElementById("img01");
    modalImg.style.transform = `rotate(${deg}deg)`;
}

function rotate_left() {
    deg -= 90;
    var modalImg = document.getElementById("img01");
    modalImg.style.transform = `rotate(${deg}deg)`;
}

function modal_image(src) {
    var modal = document.getElementById("previewImage");
    var modalImg = document.getElementById("img01");
    modal.style.display = "block";
    modalImg.src = src;
    document.body.style.overflow = "hidden";
}

function modal_image_close() {
    var modal = document.getElementById("previewImage");
    modal.style.display = "none";
    document.body.style.overflow = "auto";
    deg = 0;
}

function get_promise(url_sending, data_post = {}, use_loading = 1) {
    return new Promise(function (resolve, reject) {
        $.ajax({
            url: url_controller + url_sending + '?token=' + _token_user,
            type: "POST",
            dataType: "JSON",
            data: data_post,
            beforeSend: function () {
                if (use_loading == 1) {
                    Swal.fire({
                        allowOutsideClick: false,
                        showConfirmButton: false,
                        willOpen: () => {
                            Swal.showLoading();
                        }
                    });
                }
            },
            success: function (data) {
                if (data.status) {
                    if (use_loading == 1) {
                        Swal.close();
                    }
                    resolve(data);
                } else {
                    if (use_loading == 1) {
                        Swal.close();
                    }
                    reject("Data tidak ditemukan");
                }
            },
            error: function (jqXHR, textStatus, errorThrown) {
                if (use_loading == 1) {
                    Swal.close();
                }
                reject(textStatus);
            }
        });
    });
}

$("#panel-fullscreen").click(function (e) {
    e.preventDefault();
    var $this = $(this);
    if ($this.children('i').hasClass('bx bx-fullscreen')) {
        $this.children('i').removeClass('bx bx-fullscreen');
        $this.children('i').addClass('bx bx-exit-fullscreen');
    }
    else if ($this.children('i').hasClass('bx bx-exit-fullscreen')) {
        $this.children('i').removeClass('bx bx-exit-fullscreen');
        $this.children('i').addClass('bx bx-fullscreen');
    }
    $(this).closest('.panel').toggleClass('panel-fullscreen');
});

$('.toggle-btn').click(function () {
    const target = $(this).attr('data-bs-target');
    const cardBody = $(target);
    const icon = $(this).find('i');

    setTimeout(function () {
        if (cardBody.hasClass('show')) {
            icon.removeClass('fa-chevron-down').addClass('fa-chevron-up');
        } else {
            icon.removeClass('fa-chevron-up').addClass('fa-chevron-down');
        }
    }, 400);
});

$(document).on('click', 'td', function () {
    if ($(this).parent().hasClass('selected')) {
        $(this).parent().find('.dt-select-checkbox').prop('checked', true);
    } else {
        $(this).parent().find('.dt-select-checkbox').prop('checked', false);
    }
});

function display_pdf(html_data) {
    $('#html-pdf-print').html('<iframe src="data:application/pdf;base64,' + html_data + '" frameBorder="0" width="100%" height="800px" style="border: none;"></iframe>');
    $('#modal-pdf-print').modal('show');
}

$('.copy_text').click(function (e) {
    e.preventDefault();
    var this_target = $(this).data('target');
    let target_show = this_target;
    if (!this_target.includes('#') && !this_target.includes('.')) {
        target_show = '#' + this_target;
        if ($(target_show).length == 0) {
            target_show = '.' + this_target;
            if ($(target_show).length == 0) {
                notif_error('Target untuk menampilkan file tidak ada');
            }
        }
    }
    var copyText = $(target_show);
    copyText.select();
    // copyText.setSelectionRange(0, 99999);
    navigator.clipboard.writeText(copyText.val());
    notif_success("Berhasil dicopy");
})

$('.number-js').on('input', function () {
    var input_val = $(this).val();
    $(this).val(format_numbering(input_val));
});

function format_numbering(value) {
    value = value.replace(/[^0-9]/g, '');
    value = value.replace(/\B(?=(\d{3})+(?!\d))/g, ".");

    return value;
}