{{-- <script> e </script> vengono rimossi da routes/web, li lasciamo per formattare il codice  --}}
<script>
    (function ($) {
        myVanityFair = {
            showLoginBox: function(options) {
                var defaults = {
                    containerSelector: '[myvanityfair-loginbox]',
                    mobileContainerSelector: '[myvanityfair-loginbox-mobile]',
                    afterShow: function (response) {},
                    afterLogout: function() { location.reload(); }
                };
                options = $.extend(defaults, options);
                var container = $(options.containerSelector);
                var mobileContainer = $(options.mobileContainerSelector);

                if (!container.length && !mobileContainer.length) {
                    return;
                }

                //manage auth
                $.ajax({
                    method: 'GET',
                    url: '{{ route("api_user") }}',
                    xhrFields: { withCredentials: true },
                    crossDomain: true,
                    dataType: 'json',
                    success: function (data) {
                        var box;
                        var mobileBox;
                        if (data.status == 'OK') {
                            box =
                                '<li class="dropdown dropdown-user">' +
                                '    <button id="header-user-dropdown" class="btn link dropdown-toggle js-myvf-loggedmenu-dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
                                '        <span>' +
                                '            <span class="visible-lg-inline">' + data.data.firstName + '</span>' +
                                '            <img class="img-circle" src="' + data.data.avatar + '" />' +
                                '            <i class="icon icon-caret-down"></i>' +
                                '        </span>' +
                                '    </button>' +
                                '    <div class="dropdown-menu" aria-labelledby="header-user-dropdown">' +
                                '        <ul class="menu">' +
                                '            <li><a href="{{ config('app.site_url') }}/profilo/' + data.data.username + '/">Profilo</a></li>' +
                                '            <li><a href="{{ config('app.site_url') }}/profilo/' + data.data.username + '/impostazioni/">Impostazioni</a></li>' +
                                '            <li><a href="#" class="myvanityfair-js-logout"><strong>Esci</strong></a></li>' +
                                '        </ul>' +
                                '    </div>' +
                                '</li>';
                            mobileBox =
                                '<div class="nav-user-logged">' +
                                '    <button class="btn collapse-toggle js-myvf-loggedmenu-collapse-toggle">' +
                                '        <img class="img-circle" src="' + data.data.avatar + '" /> ' + data.data.firstName +
                                '        <i class="icon icon-caret-down pull-right"></i>' +
                                '    </button>' +
                                '    <div class="js-myvf-loggedmenu-collapse" style="display:none">' +
                                '        <ul class="menu">' +
                                '            <li><a style="display:block" href="{{ config('app.site_url') }}/profilo/' + data.data.username + '/">Profilo</a></li>' +
                                '            <li><a style="display:block" href="{{ config('app.site_url') }}/profilo/' + data.data.username + '/impostazioni/">Impostazioni</a></li>' +
                                '            <li><a style="display:block" href="#" class="myvanityfair-js-logout"><strong>Esci</strong></a></li>' +
                                '        </ul>' +
                                '    </div>' +
                                '</div>';
                        } else {
                            box =
                                //'<li><a href="{{ route("home") }}" class="btn">Registrati</a></li>' +
                                '<li><a href="#" class="btn myvanityfair-js-register">Registrati</a></li>' +
                                '<li><a href="#" class="btn myvanityfair-js-login">Accedi <span class="icon icon-login"></span></a></li>';
                            mobileBox =
                                '<ul class="nav-user">' +
                                //'  <li><a href="{{ route("home") }}">Registrati</a></li>' +
                                '  <li><a href="#" class="myvanityfair-js-register">Registrati</a></li>' +
                                '  <li><a href="#" class="myvanityfair-js-login">Accedi</a></li>' +
                                '</ul>';
                        }
                        container.append(box);
                        mobileContainer.append(mobileBox);

                        $('.js-myvf-loggedmenu-dropdown-toggle').click(function (e) {
                            //e.preventDefault();
                            $(this).parent().toggleClass('open');
                        });

                        $('.js-myvf-loggedmenu-collapse-toggle').click(function (e) {
                            //e.preventDefault();
                            $(this).next('.js-myvf-loggedmenu-collapse').toggle();
                        });
                        
                        //bind events
                        $(".myvanityfair-js-login").click(function (e) {
                            e.preventDefault();
                            myVanityFair.openLoginPopup();
                        });
                        $(".myvanityfair-js-register").click(function (e) {
                            e.preventDefault();
                            myVanityFair.openRegisterPopup();
                        });
                        $(".myvanityfair-js-logout").click(function (e) {
                            e.preventDefault();
                            //myVanityFair.logout(options);
                            myVanityFair.logout((({ afterLogout }) => ({ afterLogout }))(options)); //get only afterLogout option
                        });

                        //trigger events
                        if (options.afterShow !== undefined) {
                            //options.afterShow(data.status == "OK" ? "isLoggedIn" : "isLoggedOut");
                            if (data.status == "OK") {
                                options.afterShow({logged: true, user: data.data});
                            } else {
                                options.afterShow({logged: false, user: null});
                            }
                        }
                    },
                    error: function (request, status, error) {
                        console.error('get user api:');
                        console.error(request);
                    }
                });
            },

            openLoginPopup: function(qs, allowClose = true) {
                var url = '{{ route('login') }}?site={{ $site }}&t=login&ref=' + encodeURIComponent(window.location.href);
                if (qs !== undefined && qs.length > 0) {
                    url += "&" + qs;
                }
                return this.openModalPopup(url, allowClose);
            },

            openRegisterPopup: function(qs, allowClose = true) {
                var url = '{{ route('login') }}?site={{ $site }}&t=register&ref=' + encodeURIComponent(window.location.href);
                if (qs !== undefined && qs.length > 0) {
                    url += "&" + qs;
                }
                return this.openModalPopup(url, allowClose);
            },

            openModalPopup: function(href, allowClose = true) {
                var options = {'show': true};
                if (!allowClose) {
                    //{'show': true, backdrop: 'static', keyboard: false}
                    options['backdrop'] = 'static';
                    options['keyboard'] = false;
                }
                myvanityfairModalIframeContent.attr({'src': href});
                myvanityfairModalIframe.modal(options);
            },

            closeModalPopup: function() {
                myvanityfairModalIframeContent.attr({'src': ''});
                myvanityfairModalIframe.modal('hide');
                //return false;
            },

            logout: function(options) {
                var defaults = {
                    afterLogout: function() { location.reload(); }
                };
                options = $.extend(defaults, options);

                $.ajax({
                    method: 'GET',
                    url: '{{ route("api_logout") }}',
                    xhrFields: {
                        withCredentials: true
                    },
                    crossDomain: true,
                    success: function (data) {
                        if (options.afterLogout !== undefined) {
                            options.afterLogout();
                        }
                    },
                    error: function (request, status, error) {
                        console.error(request);
                    }
                });
            },
        };

        //#region modal
        //append modal container
        $('body').append('<div id="myvanityfairModalIframe" class="modal-iframe modal fade in">' +
            '	<div class="modal-dialog modal-small">' +
            '		<div class="modal-content">' +
            '			<button type="button" class="btn close" data-dismiss="modal"><span class="icon-close"></span></button>' +
            '			<iframe id="myvanityfairModalIframeContent" class="iframe-content" src="" allowtransparency="true" scrolling="no"></iframe>' +
            '		</div>' +
            '	</div>' +
            '</div>');
        var myvanityfairModalIframe = $('#myvanityfairModalIframe');
        var myvanityfairModalIframeContent = $('#myvanityfairModalIframeContent');
        myvanityfairModalIframe.on('hidden.bs.modal', function () {
            myvanityfairModalIframeContent.attr({'src': ''});
        });
        myvanityfairModalIframeContent.on('load', function () {
            iFrameResize({checkOrigin: false, log: false});
        });
        $(document).on('click', '[myvanityfair-modal]', function (e) {
            e.preventDefault();
            myVanityFair.openModalPopup($(this).attr('myvanityfair-modal'));
            return false;
        });
        //#endregion modal

        //#region send message event listener
        if (window.addEventListener) {
            addEventListener("message", myvanityfairModalExecuteMessage, false);
        } else {
            attachEvent("onmessage", myvanityfairModalExecuteMessage);
        }
        function myvanityfairModalExecuteMessage(event) {
            var prefix = "[myVanityFair]";
            if (!event || !event.data || typeof event.data !== 'string' || event.data.substr(0, prefix.length) !== prefix) {
                return;
            }
            var fn = event.data.substr(prefix.length, event.data.length);
            if (fn === "userLoggedIn") {
                myVanityFair.closeModalPopup();
                location.reload();
            } else if (fn === "close") {
                myVanityFair.closeModalPopup();
            } else if (fn === "reload") {
                location.reload();
            } else if (fn.indexOf(':') > -1) {
                var k = fn.substr(0, fn.indexOf(':'));
                var v = fn.substr(fn.indexOf(':') + 1);
                if (k === "redirect") {
                    window.location.href = v;
                } else if (k === "error") {
                    $('.myvanityfairModalError').html(v).show();
                } else if (k === "registerLoginEvent") {
                    if (typeof registerLoginEvent !== "undefined") {
                        registerLoginEvent(v);
                    }
                } else if (k === "socialUserStored") {
                    //console.log(v);
                }
            }
        }
        //#endregion send message event listener
    }( jQuery ));

    // {{ implode(' - ', gethostbynamel(php_uname('n'))) }}
</script>