@php

    $selfLink = Route::current()->getName();
@endphp

@push('asset-top')
    <script src="{{ asset('admin/bower_components/jquery/dist/jquery.min.js') }}"></script>
    <script src="{{ asset('admin/bower_components/popper.js/dist/umd/popper.min.js') }}"></script>
    <script src="{{ asset('admin/bower_components/moment/moment.js') }}"></script>
    <script src="{{ asset('admin/bower_components/chart.js/dist/Chart.min.js') }}"></script>
    <script src="{{ asset('admin/bower_components/select2/dist/js/select2.full.min.js') }}"></script>
    <script src="{{ asset('admin/bower_components/jquery-bar-rating/dist/jquery.barrating.min.js') }}"></script>
    <script src="{{ asset('admin/bower_components/ckeditor/ckeditor.js') }}"></script>
    <script src="{{ asset('admin/bower_components/bootstrap-validator/dist/validator.min.js') }}"></script>
    <script src="{{ asset('admin/bower_components/bootstrap-daterangepicker/daterangepicker.js') }}"></script>
    <script src="{{ asset('admin/bower_components/ion.rangeSlider/js/ion.rangeSlider.min.js') }}"></script>
    <script src="{{ asset('admin/bower_components/dropzone/dist/dropzone.js') }}"></script>
    <script src="{{ asset('admin/bower_components/editable-table/mindmup-editabletable.js') }}"></script>
    <script src="{{ asset('admin/bower_components/datatables.net/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('admin/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js') }}"></script>
    <script src="{{ asset('admin/bower_components/fullcalendar/dist/fullcalendar.min.js') }}"></script>
    <script src="{{ asset('admin/bower_components/perfect-scrollbar/js/perfect-scrollbar.jquery.min.js') }}"></script>
    <script src="{{ asset('admin/bower_components/tether/dist/js/tether.min.js') }}"></script>
    <script src="{{ asset('admin/bower_components/slick-carousel/slick/slick.min.js') }}"></script>
    <script src="{{ asset('admin/bower_components/bootstrap/js/dist/util.js') }}"></script>
    <script src="{{ asset('admin/bower_components/bootstrap/js/dist/alert.js') }}"></script>
    <script src="{{ asset('admin/bower_components/bootstrap/js/dist/button.js') }}"></script>
    <script src="{{ asset('admin/bower_components/bootstrap/js/dist/carousel.js') }}"></script>
    <script src="{{ asset('admin/bower_components/bootstrap/js/dist/collapse.js') }}"></script>
    <script src="{{ asset('admin/bower_components/bootstrap/js/dist/dropdown.js') }}"></script>
    <script src="{{ asset('admin/bower_components/bootstrap/js/dist/modal.js') }}"></script>
    <script src="{{ asset('admin/bower_components/bootstrap/js/dist/tab.js') }}"></script>
    <script src="{{ asset('admin/bower_components/bootstrap/js/dist/tooltip.js') }}"></script>
    <script src="{{ asset('admin/bower_components/bootstrap/js/dist/popover.js') }}"></script>
    <script src="{{ asset('admin/js/demo_customizer.js?version=4.5.0') }}"></script>
    {{-- <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.4/dist/chart.umd.min.js"></script> --}}
    <script src="{{ asset('admin/js/main.js?version=4.5.0') }}"></script>
    <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-XXXXXXXX-9', 'auto');
    ga('send', 'pageview');
    </script>
@endpush

@push('asset-top')
    <style type="text/css">
        .flash-msg{
            color: #fff;
            font-size: 16px;
            text-align: center;
            border-radius: 0;
            margin-bottom: 0;
            font-weight: 500 !important;
        }
        img.list-thumb {
            width: 75px;
        }
        .del-val-row {
            padding-top: 30px;
            font-size: 18px;
        }
        .form-check .os-toggler-w .os-toggler-pill{
            background-color: #000;
        }
        .form-check .os-toggler-w .os-toggler-i {
            background-color: rgb(0 0 0 / 20%);
        }
        .os-toggler-w.on .os-toggler-i {
            background-color: #0acf10 !important;
        }        
        .row .row-actions{
            margin-top: 30px;
            text-align: center;
        }
        .row .row-actions .remove-row{
            color: #9d1818;
        }
        .row .row-actions a>i{
            font-weight: 600;
        }
        .main-row:first-child .remove-row{
            display: none;
        }
        .os-toggler-w .os-toggler-i .os-toggler-pill{
            background-color: #ffffff !important;
        }
        .os-toggler-w{
            vertical-align: middle;
        }
        .total.row {
            font-weight: bold;
            font-size: 16px;
            float: right;
        }
        .color-scheme-dark .os-toggler-w .os-toggler-i{

        }
        .form-check.check-toggler{
            padding-left: 0 !important;
        }
        .form-group.variation, .form-group.addon{
            display: none;
            margin-top: 0;
        }

    </style>
@endpush
@push('asset-bottom')
    
    <script type="text/javascript">
        setTimeout(function(){
            jQuery('.flash-msg').slideUp(1000);
        },3000);

        // $('body').on('click','.add-new-val', function(e){
        //     e.preventDefault();
        //     $( ".option_val:first" ).clone().appendTo( "fieldset" ).find("input[type='text'], input[type='hidden'], select").val("");
        //     updateShowName();
        // });
        $('body').on('click', '.add-new-val', function(e) {
            e.preventDefault();

            // Clone the first .option_val row and append it to the fieldset
            $(".option_val:first").clone().appendTo("fieldset.custom-rows")
                .find("input[type='text'], input[type='hidden'], select, input[type='file']")
                .val('')  // Clear text inputs, file inputs, and select options
                .prop('checked', false); // Uncheck checkboxes

            $(".option_val:last").find("input[type='file']").closest('.form-group').find('.sel-file').remove();

            // Reset select elements to their default options
            $(".option_val:last").find("select").each(function() {
                $(this).prop('selectedIndex', 0); // Set to first option (empty/placeholder)
            });

            // Call your updateShowName function (if needed)
            updateShowName();
        });

        
        // For operand
        $('#form_addon').on('submit', function(e) {
    e.preventDefault();  // Prevent form submission

    let isValid = true;  // Flag to track if all selects are valid

    // Loop through all 'select[name="operand[]"]' elements
    $('select[name="operand[]"]').each(function() {
        // If a select element is unselected
        if ($(this).val() === null || $(this).val() === '') {
            // Add red border to this select
            $(this).css('border', '2px solid red');
            isValid = false;  // Mark form as invalid
        } else {
            // Reset border color if selected
            $(this).css('border', '');
        }
    });

    // If all selects are valid, proceed with natural form submission
    if (isValid) {
        console.log("sssss");

        // Temporarily unbind the submit event to avoid infinite loop
        $(this).off('submit');

        // Submit the form naturally
        this.submit();
    }
});

 // For operand end


        $('body').on('click','.del-val-row', function(e){
            e.preventDefault();
            if(jQuery('.del-val-row').length > 1){
                $( this ).closest('.option_val').remove();
                updateShowName();
            } else {
                alert('not delete');
            }
        });

        jQuery('body').on('click','.form-check input', function(){
            if(jQuery(this).is(':checked')){
                jQuery(this).closest('.form-check').find('.os-toggler-w').addClass('on');                
            } else {
                jQuery(this).closest('.form-check').find('.os-toggler-w').removeClass('on');
            }
        });
        

        function updateShowName(){
            $i = 0;
            jQuery('.option_val').each(function(){
                jQuery(this).find('input[type="checkbox"]').attr('name', 'show['+$i+']');
                $i++;
            });
        }

        function addRow($this){
            cloned = jQuery('fieldset .main-row:first').clone();
            cloned.find('input[type="time"], select').val('');
            
            cloned.find('.os-toggler-w').addClass('on');
            // cloned.find()
            cloned.appendTo('fieldset');
            return false;
        }

        function removeRow($this){
            jQuery($this).closest('.main-row').remove();
            // cloned = jQuery('fieldset .main-row:first').clone();
            // cloned.find('input[type="time"], select').val('');
            // cloned.find('.os-toggler-w').addClass('on');
            // // cloned.find()
            // cloned.appendTo('fieldset');
            return false;
        }

    </script>

    
<script>
document.addEventListener('DOMContentLoaded', function () {
    const themeSwitch = document.getElementById('theme-switch');
    
    // Check if dark mode is already set in local storage
    const isDarkMode = localStorage.getItem('dark-mode') === 'true';
    if (isDarkMode) {
        document.body.classList.add('color-scheme-dark'); // Add the new class
        $('#theme-switch > div').addClass('on'); // Add 'on' class if dark mode is active
    }

    themeSwitch.addEventListener('click', function () {
        // Check if dark mode is currently enabled
        const darkModeEnabled = document.body.classList.contains('color-scheme-dark');

        if (darkModeEnabled) {
            // If dark mode is currently enabled, remove the classes
            document.body.classList.remove('color-scheme-dark'); // Remove the new class
            $('#theme-switch > div').removeClass('on'); // Remove 'on' class
            // Remove from local storage
            localStorage.removeItem('dark-mode'); // Clear the entry in local storage
        } else {
            // If dark mode is not enabled, add the classes
            document.body.classList.add('color-scheme-dark'); // Add the new class
            $('#theme-switch > div').addClass('on'); // Add 'on' class
            
            // Set in local storage
            localStorage.setItem('dark-mode', 'true'); // Update local storage
        }
    });
});


document.addEventListener('DOMContentLoaded', function () {
    const themeSwitch = document.getElementById('theme-switch');
    
    // Check if dark mode is already set in local storage
    const isDarkMode = localStorage.getItem('dark-mode') === 'true';
    if (isDarkMode) {
        document.body.classList.add('dark-mode');
        document.body.classList.add('color-scheme-dark'); // Add the new class
    }

    themeSwitch.addEventListener('click', function () {
        // Toggle dark mode
        document.body.classList.toggle('dark-mode');
        document.body.classList.toggle('color-scheme-dark'); // Toggle the new class
        
        // Save the user's preference in local storage
        const darkModeEnabled = document.body.classList.contains('dark-mode');
        localStorage.setItem('dark-mode', darkModeEnabled);
    });
});


</script>
@endpush
<!DOCTYPE html>
<html>
    <head>
        @include('layout.admin.head')
        @stack('asset-top')
    </head>
    <body cz-shortcut-listen="true" class="@yield('body-class')">
        @if(session()->has('alert-msg'))
            <div class="flash-msg alert {{session('alert-class')}}">{{session('alert-msg')}}</div>
        @endif
        @if($selfLink != 'login')
            @include('layout.admin.header')
            @include('layout.admin.sidebar')
            <div class="content-w">
                @include('layout.admin.topbar')
        @endif
            @if(session()->has('error'))
                {{--session()->get('error')--}}
            @endif
            <div class="content-i">
                <div class="content-box">
                    @yield('content')
                </div>
            </div>
        @if($selfLink != 'login')
            @include('layout.admin.footer')
        </div>
        @endif
        @stack('asset-bottom')
    </body> 
</html>