{{-- common js --}}
<script src="{{ asset('backend/js/common-bundle-script.js') }}"></script>

<script src="{{ asset('backend/js/script.js') }}"></script>
<script src="{{ asset('backend/js/sidebar.large.script.js') }}"></script>
<script src="{{ asset('backend/js/layout-sidebar-vertical.min.js') }}"></script>
<script src="{{ asset('backend/js/metisMenu.min.js') }}"></script>
<script src="{{ asset('backend/js/customizer.script.js') }}"></script>
<script src="{{ asset('backend/js/es5/script_2.min.js') }}"></script>

{{-- JSPDF --}}
<script src="{{ asset('backend/js/jspdf/jspdf.min.js') }}"></script>
<script src="{{ asset('backend/js/jspdf/jspdf.plugin.autotable.js') }}"></script>

{{-- bootstrap table --}}
<script src="{{ asset('backend/js/bootstrap-table/tableExport.min.js') }}"></script>
<script src="{{ asset('backend/js/bootstrap-table/bootstrap-table.min.js') }}"></script>
<script src="{{ asset('backend/js/bootstrap-table/bootstrap-table-export.min.js') }}"></script>
<script src="{{ asset('backend/js/bootstrap-table/bootstrap-table-filter-control.min.js') }}"></script>
<script src="{{ asset('backend/js/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('backend/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('backend/js/bootstrap4-toggle.min.js') }} "></script>

<script src="{{ asset('backend/js/datatableconfig.js') }}"></script>

<script src="{{ asset('backend/js/moment/moment.min.js') }}"></script>
<script src="{{ asset('backend/js/daterangepicker/daterangepicker.min.js') }}"></script>
<script src="{{ asset('backend/js/select2/select2.min.js') }}"></script>
<script src="{{ asset('backend/js/sweetalert2/sweetalert2.js') }}"></script>
<script src="{{ asset('backend/js/toastr.min.js') }}"></script>

<script>
    var readOnlyMode = "{{ readOnlyMode() ?? '' }}";
    let editorFontType = "{{ getSiteSettings('editor_font') }}";
    let editorFontSize = "{{ getSiteSettings('editor_font_size') }}";
    let editorBackgroundColor = "{{ getSiteSettings('editor_background_color') }}";
</script>
<script>
    window.Icons = @json(getIconClassMap());

    function renderIconTag(name, extraClass = 'me-1') {
        const iconClass = window.Icons?.[name];
        if (!iconClass) return '';
        return `<i class="${extraClass} ${iconClass}"></i>`;
    }
</script>
<script src="{{ asset('backend/js/custom.js') }}"></script>
<script src="{{ asset('backend/js/portal-global.js') }}"></script>
<script src="{{ asset('backend/js/crypto-js/crypto-js.min.js') }}"></script>
<script src="{{ asset('backend/js/pages-js/cryptojs-laravel-encryption.js') }}"></script>
<script src="{{ asset('backend/js/summernote/summernote-lite.min.js') }}"></script>
<script src="{{ asset('backend/js/master-blade.js') }}"></script>

<script src="{{ asset('backend/js/lightbox/js/lightbox.js') }}"></script>
<script src="{{ asset('backend/js/js-cookie/js.cookie.min.js') }}"></script>
<script src="{{ asset('backend/js/clipboard-js/clipboard.min.js') }}"></script>

@include('layouts.inc.custom-scripts')