@include('themes.backend.partials._js_common')

<!-- App js -->
<script src="{{ asset('themes/backend/velzon/assets/js/app.js') }}"></script>

<!-- custom js -->
<script src="{{ asset('themes/backend/js/custom-functions.js') }}"></script>

<script>
    $(function() {
        $('[data-bs-toggle="tooltip"]').tooltip();
    });
</script>

@if (View::hasSection('select2'))
@endif

@if (View::hasSection('dataTables'))
    <!--datatable js-->
    <script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap5.min.js"></script>
    <script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.2.2/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.2.2/js/buttons.print.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.2.2/js/buttons.html5.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>

    <script src="{{ asset('themes/backend/velzon/assets/js/pages/datatables.init.js') }}"></script>
@endif

@if (View::hasSection('editor'))
    <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote.min.js"></script>
    <script>
        $(document).ready(function() {
            // Code-only view
            $('.codeview').summernote({
                toolbar: [
                    ['view', ['codeview']]
                ],
                height: 200
            });
        });
    </script>
@endif

@if (View::hasSection('datetimeRangePicker'))
    <script src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
    <script src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
    <script>
        $(function() {
            // Period(Start and End Date)
            $('.period').daterangepicker({
                autoUpdateInput: false,
                locale: {
                    format: 'DD-MM-YYYY'
                },
                /*startDate: "",*/
                maxDate: "{{ date(config('commonconstants.d_m_y_frmt')) }}"
            });
            $('.period').on('apply.daterangepicker', function(ev, picker) {
                $(this).val(picker.startDate.format('DD-MM-YYYY') + ' - ' + picker.endDate.format(
                    'DD-MM-YYYY'));
            });
            $('.period').on('cancel.daterangepicker', function(ev, picker) {
                $(this).val('');
            });
        });
    </script>
@endif

@if (View::hasSection('datetimePicker'))
    <script src="{{ asset('themes/assets/datetime-picker/jquery-ui.min.js') }}"></script>
    <script src="{{ asset('themes/assets/datetime-picker/jquery-ui-timepicker-addon.js') }}"></script>
    <script>
        $(document).ready(function() {
            /*Date and Datetime picker*/
            $(".datetime").datetimepicker({
                dateFormat: 'yy-mm-dd',
                timeFormat: "HH:mm:ss"
            });
            $(".date").datepicker({
                dateFormat: 'dd-mm-yy'
            });
            $(".def-date").datepicker({
                dateFormat: 'yy-mm-dd',
                changeMonth: true,
                changeYear: true
            });
            $(".date-w-min").datepicker({
                minDate: 0,
                dateFormat: 'dd-mm-yy'
            });
            $.datepicker.setDefaults({
                dateFormat: 'dd-mm-yy',
                firstDay: 1
            });
            $('.start_date').datepicker({
                minDate: 0,
                onSelect: function(selectedDate) {
                    var minDate = $(this).datepicker('getDate');
                    if (minDate) {
                        minDate.setDate(minDate.getDate() + 1);
                    }
                    $('.end_date').datepicker('option', 'minDate', minDate ||
                        1); // Date + 1 or tomorrow by default
                }
            });
            $('.end_date').datepicker({
                minDate: 1,
                onSelect: function(selectedDate) {
                    var maxDate = $(this).datepicker('getDate');
                    if (maxDate) {
                        maxDate.setDate(maxDate.getDate() - 1);
                    }
                    $('.start_date').datepicker('option', 'maxDate', maxDate); // Date - 1
                }
            });
        });
    </script>
@endif

@if (View::hasSection('multiselectAvailableSelected'))
    <!-- multi.js -->
    <script src="{{ asset('themes/backend/velzon/assets/libs/multi.js/multi.min.js') }}"></script>
    <!-- autocomplete js -->
    <script src="{{ asset('themes/backend/velzon/assets/libs/@tarekraafat/autocomplete.js/autoComplete.min.js') }}">
    </script>
    <!-- init js -->
    <script src="{{ asset('themes/backend/velzon/assets/js/pages/form-advanced.init.js') }}"></script>
@endif

@if (View::hasSection('fancybox'))
    <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/fancybox/fancybox.umd.js"></script>
    <script>
        // New / CDN
        Fancybox.bind("[data-fancybox]", {
            type: "iframe",
            iframe: {
                preload: false,
            },
        });
        Fancybox.bind("[data-fancybox='list']", {
            type: "iframe",
            iframe: {
                preload: false,
            },
            Carousel: {
                infinite: false   // ← disable looping
            }
        });
    </script>
@endif

<script>
// Get & Set Screen resolution, Used for 'Admin Access Logs' capturing module.
(function () {
    function setResolutionCookie() {
        const resolution = (window.screen && window.screen.width && window.screen.height)
            ? window.screen.width + "x" + window.screen.height
            : "unknown";

        document.cookie = "admin_screen_res=" + encodeURIComponent(resolution)
            + "; path=/; SameSite=Lax"
            + (location.protocol === 'https:' ? "; Secure" : "");

        // console.log("Screen resolution cookie updated:", resolution);
    }

    // Set immediately on page load
    document.addEventListener("DOMContentLoaded", setResolutionCookie);

    // Refresh on window resize (debounced)
    let resizeTimer;
    window.addEventListener("resize", function () {
        clearTimeout(resizeTimer);
        resizeTimer = setTimeout(setResolutionCookie, 500);
    });
})();
</script>

@yield('page-footer-scripts')
@yield('section-footer-scripts')
{{-- @stack('scripts') --}}