{{-- jquery --}}
<script src="https://code.jquery.com/jquery-3.7.1.js"></script>

{{-- alpine --}}
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>

{{-- select2 --}}
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

{{-- sweetalert --}}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

{{-- sajan date picker --}}
<script src="https://nepalidatepicker.sajanmaharjan.com.np/nepali.datepicker/js/nepali.datepicker.v4.0.1.min.js"
    type="text/javascript"></script>

<!-- DataTables JS -->
<script type="text/javascript" src="https://cdn.datatables.net/1.13.10/js/jquery.dataTables.min.js"></script>

<!-- Summernote JS -->
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.20/dist/summernote-lite.min.js"></script>

<script>
    function sidebarState() {
        return {
            sidebarOpen: window.innerWidth >= 1024,
            sidebarCollapsed: false,
            sidebarHovered: false,

            init() {
                window.addEventListener('resize', () => {
                    this.sidebarOpen = window.innerWidth >= 1024;
                });
            }
        };
    }

    $(document).ready(function() {
        $('.select-multi').select2({
            theme: 'tailwindcss-3',
        });

        $('.summernote').summernote({
            height: 300,
            tabsize: 2,
            codemirror: {
                theme: 'monokai',
                mode: 'text/html',
                lineNumbers: true,
                lineWrapping: true
            },
            toolbar: [
                ['style', ['style']],
                ['font', ['bold', 'italic', 'underline', 'strikethrough', 'superscript',
                    'subscript', 'clear'
                ]],
                ['fontname', ['fontname']],
                ['fontsize', ['fontsize']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['height', ['height']],
                ['table', ['table']],
                ['insert', ['link', 'picture', 'video', 'hr']],
                ['view', ['fullscreen', 'codeview', 'help']]
            ],
            callbacks: {
                onChange: function(contents, editable) {
                    let content = $(this).summernote('code');
                    if (content.match(/(<p><br><\/p>\s*){2,}/g)) {
                        $(this).summernote('code', content.replace(/(<p><br><\/p>\s*){2,}/g, ''));
                    }

                    if (content.replace(/\s+/g, '') == '<p><br></p>' || content.replace(/\s+/g,
                            '') == '<br>') {
                        $(this).summernote('code', null);
                    }
                }
            }
        });
    });
</script>

@include('layouts.partials.toast')

@yield('scripts')
@stack('scripts')