<script>
    let update="<%=i18n.__('updated')%>"
    $(document).ready(function (){
        $('button.close').attr('type' , 'button');
    })

    $(document).on("change",".imageUploader" ,function (event) {
        for (var one = 0; one < event.target.files.length; one++) {

            $(this).parents('.imagesUploadBlock').append('<div class="uploadedBlock"><img src="' + URL.createObjectURL(event.target.files[one]) + '"><button type="button" class="close"> <i class="fa fa-times"></i></button></div>');
            // Swal.fire({
            //     position: 'top-end',
            //     icon: 'success',
            //     title: update,
            //     showConfirmButton: false,
            //     timer: 1500
            // })
        }
    });

    $(document).on('click', 'button.close',function (e){
        $(this).parent().remove();
        $(this).parents('.imagesUploadBlock').find('.imageUploader').val("");
    });


    $(function(){
        var currentLayout = localStorage.getItem("caberz_currentLayout");
        $("#content_body").data('type' , currentLayout);
        if (currentLayout != null && currentLayout != 'light') {
            $("#layout-mode").html(`<i class="ficon feather icon-sun" onclick="changeMode()"></i>`);
            $("#content_body").addClass('dark-layout');
            $("#content_body").removeClass('light-mode');
        }else{
            $("#layout-mode").html(`<i class="ficon feather icon-moon" onclick="changeMode()"></i>`);
            $("#content_body").removeClass('dark-layout');
            $("#content_body").addClass('light-mode');
        }
    });
    function changeMode() {
        var layoutOptions = $("#content_body").data('type');
        if (layoutOptions == 'dark') {
            localStorage.setItem("caberz_currentLayout" , 'light')
            $("#content_body").data('type' , 'light');
            $("#content_body").removeClass('dark-layout');
            $("#content_body").addClass('light-mode');
            $("#layout-mode").html(`<i class="ficon feather icon-moon" onclick="changeMode()"></i>`);

        }else{
            localStorage.setItem("caberz_currentLayout" , 'dark')
            $("#content_body").data('type' , 'dark');
            $("#layout-mode").html(`<i class="ficon feather icon-sun" onclick="changeMode()"></i>`);
            $("#content_body").addClass('dark-layout');
            $("#content_body").removeClass('light-mode');
        }
    }
</script>