@include('components.frontend.sites.' . $page->template)

@push('css')
<style>
    {!! $page->custom_css !!}
</style>
@endpush

@push('js')

@if ($isCustomizeMode())
    <!-- Scripts -->
    {{--<script src="{{ url(asset('js/frontend.js')) }}"></script>
    <script src="{{ url(asset('js/app.js')) }}"></script>--}}
    @include('vendor.lara-izitoast.toast')
    <script>

        function reset_setting(e) {

            e.preventDefault();

            Swal.fire({
                title: 'Are you sure?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, reset it'
            }).then((result) => {
                if (result.value) {
                    let data = {
                        pageId: '{{ $page->id }}',
                        templateId: '{{ $getTemplateId() }}',
                        menuItems: {}
                    };

                    axios({
                        url: "{{ route('control_menu_view') }}",
                        method: 'POST',
                        data: data
                    }).then((response) => {
                        iziToast.success({
                            title: 'Success',
                            message: 'Successfully updated.',
                        });
                        setTimeout(function(){
                            window.location.replace("{{ url()->current() }}")
                        }, 500);
                    });
                }
            })
        }

        function update_settings(){

            let data = {
                pageId: '{{ $page->id }}',
                templateId: '{{ $getTemplateId() }}',
                menuItems: {}
            };

            $.each($('.switch > input[type=checkbox]'), function(i, o) {
                data.menuItems['a' + $(o).data('id')] = $(o).is(':checked') ? 1 : 0;
            });

            axios({
                url: "{{ route('control_menu_view') }}",
                method: 'POST',
                data: data
            }).then((response) => {
                iziToast.success({
                    title: 'Success',
                    message: 'Successfully updated.',
                });
            });

            return true;
        }

        $('.switch > input[type=checkbox]').on('change', function (e) {
            update_settings();
        });

        function update_template_settings(e){
            e.preventDefault();
            if(update_settings()){
                setTimeout(() => {
                    window.location.href = "{{ url()->current() }}";
                }, 700);
            }
        }

        @if (request()->has('menu'))
        //$('#save-and-exit').click();
        @endif
    </script>
@endif
@endpush