@js('vendor/jquery/jquery-3.4.1.min.js')
@js('vendor/popper/js/popper.min.js')
@js('vendor/bootstrap/js/bootstrap.min.js')
@js('vendor/counter/js/jquery.countTo.js')
@js('vendor/owl-carousel/js/owl-carousel.min.js')
@js('vendor/magnific-popup/js/jquery.magnific-popup.min.js')
@js('vendor/select2-v4.0/js/select2.full.js')
@js('vendor/lazyload/js/lazyload.min.js')
@js('vendor/jquery.toast/jquery.toast.js')
@js('vendor/jquery-validation/1.19.5-jquery.validate.min.js')

@livewireScripts

@if (config('app.env') == 'production')
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
@endif

<script src="//code.tidio.co/qqtsxiidbnvzqcmotptkqatuq5nerpu2.js" async></script>

@js('frontend/js/validate.js?ver=' . config('app.asset_ver'))
@js('frontend/js/custom.js?ver=' . config('app.asset_ver'))

@stack('inline-scripts')

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-89806417-1"></script>
<script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
        dataLayer.push(arguments);
    }

    gtag('js', new Date());
    gtag('config', 'UA-89806417-1');
</script>

<script>
    (function () {
        let ALERTS = JSON.parse('{!! json_encode(session('alert'), JSON_HEX_TAG) !!}') || {};

        Object.entries(ALERTS).forEach(([key, value]) => {
            switch (typeof value) {
                case 'string':
                    $.toast(value);
                    break;

                case 'object':
                    Object.entries(value).forEach(([key2, value2]) => $.toast(value2));
                    break;
            }
        });
    })();
</script>

<script>
    window.addEventListener('alert.success', function (ev) {
        const {message} = ev.detail;

        $.toast(message, {
            icon: 'success',
            text: message
        })
    });
</script>

<script>
    $('[data-toggle=form-submit-confirm]').on('click', function (event) {
        event.preventDefault();

        const $this = $(this);
        const $modal = $('#confirm-modal');
        const $form = $(this).closest('form');

        const {
            confirmTitle = 'Confirmation',
            confirmMessage = 'Are you sure?',
            confirmBtnNo = 'Cancel',
            confirmBtnYes = 'Confirm',
        } = $this.data();

        $modal.find('[data-confirm-title]').text(confirmTitle);
        $modal.find('[data-confirm-message]').text(confirmMessage);
        $modal.find('[data-confirm-btn-no]').text(confirmBtnNo);
        $modal.find('[data-confirm-btn-yes]').text(confirmBtnYes);

        console.log($this.data())

        $modal.find('#confirm-modal-yes').one('click', () => $form.submit());
        $modal.modal({show: true, backdrop: false});
    });
</script>

<script>
    $('[data-toggle="collapse-menu"]').on('click', function (event) {
        const $this = $(this);
        const {width = 1200, target} = $this.data();
        const $target = $(target);

        const $body = $('body');

        if (window.innerWidth <= width && $target.length) {
            event.preventDefault();

            $target.toggleClass('open');
            $body.toggleClass('sidebar-account-open');

            $('.sidebar-account-backdrop')
                .off('click')
                .click(function () {
                    $target.toggleClass('open');
                    $body.toggleClass('sidebar-account-open');
                });
        }

    });

    setTimeout(() => $('*[data-field-empty]').val(''), 1000);
</script>