<?php
$user = \app\classes\AdminUser::getLoggedUser();
$t = app\classes\Translator::getInstance();
?>
<div class="nav-side-menu">    

    <div class="brand">
        <strong>
            <i class="glyphicon glyphicon-user"></i> <b><?php echo $user->_get("first_name") . " " . $user->_get("last_name"); ?></b>
        </strong>
        <i onclick="toggleMenuVisibility(true)" id="menu-toggle-button" data-toggle="tooltip" data-placement="left" title="skryť/zobraziť menu" style="float: right; top: 15px; font-size: 25px; cursor: pointer" class="glyphicon glyphicon-menu-left hidden-xs"></i>
        <div style="display: block; padding: 5px; border-radius: 0px;" class="label text-uppercase label-<?php echo app\constants\UserType::getLabelClass($user->_get("type")); ?>"><?php echo $t->_get(app\constants\UserType::getStateMessage($user->_get("type"))); ?></div>
    </div>

    <i class="glyphicon glyphicon-menu-hamburger toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>
    <div class="menu-list">
        <ul id="menu-content" class="menu-content collapse out">
            <a href="/admin/dashboard/">
                <li>
                    <i class="glyphicon glyphicon-dashboard"></i> Dashboard
                </li>
            </a>

            <?php
            $modules = app\classes\AdminModules::getInstance();
            $modules->renderLeftMenu();
            ?>

            <li onclick="logout();" class="logout">
                <a>
                    <i class="glyphicon glyphicon-off"></i> Odhlásiť sa
                </a>
            </li>
        </ul>
    </div>

    <?php
    $t = \app\classes\Translator::getInstance();
    $supportContact = $t->_get("VAR_SUPPORT_CONTACT");
    if ($supportContact !== "VAR_SUPPORT_CONTACT" && strlen(trim($supportContact)) > 10) {
        ?>
        <div class="text-center" style="padding: 15px;">    
            <div style="display: block; color: #aaa;">
                <i class="fa fa-life-ring" style="font-size: 36px; margin-bottom: 10px;"></i>
            </div>
            <div style="color: #aaa;">
                Ak ste našli chybu alebo máte nejaký iný problém, kontaktuje:
            </div>
            <?php echo toHtml($supportContact); ?>               
            <style>
                .nav-side-menu a.contact-link:hover{
                    text-decoration: underline !important;
                }
            </style>
        </div>
    <?php } ?>  

</div>

<script>
    function isMobileMenuViewport() {
        return window.matchMedia('(max-width: 767px)').matches;
    }

    function resetMenuInlineStylesForMobile() {
        $(".nav-side-menu").css({'margin-left': ''});
        $(".main-container").css({'padding-left': ''});
    }

    function applyDesktopMenuVisibility(collapsed) {
        var button = $("#menu-toggle-button");
        var menu = $(".nav-side-menu");
        var container = $(".main-container");
        if (collapsed) {
            menu.css({'margin-left': '-275px'});
            container.css({'padding-left': '40px'});
            button.removeClass("glyphicon-menu-left").addClass("glyphicon-menu-right");
        } else {
            menu.css({'margin-left': '0px'});
            container.css({'padding-left': '315px'});
            button.removeClass("glyphicon-menu-right").addClass("glyphicon-menu-left");
        }
    }

    function toggleMenuVisibility(save) {
        if (isMobileMenuViewport()) {
            resetMenuInlineStylesForMobile();
            return;
        }

        var button = $("#menu-toggle-button");
        var collapsing = !button.hasClass("glyphicon-menu-right");
        applyDesktopMenuVisibility(collapsing);

        if (save === true) {
            $.ajax({url: "/admin/api/loggedUsers/toggleMenuVisibility/"});
        }
    }

    function syncMenuVisibilityForViewport() {
        if (isMobileMenuViewport()) {
            resetMenuInlineStylesForMobile();
            return;
        }

        var shouldHide = <?php echo (isset($_COOKIE["admin_hide_menu"]) && $_COOKIE["admin_hide_menu"] == true) ? 'true' : 'false'; ?>;
        var button = $("#menu-toggle-button");
        if (shouldHide || button.hasClass("glyphicon-menu-right")) {
            applyDesktopMenuVisibility(true);
        } else {
            applyDesktopMenuVisibility(false);
        }
    }

<?php
if (isset($_COOKIE["admin_hide_menu"]) && $_COOKIE["admin_hide_menu"] == true) {
    ?>
        $(document).ready(function () {
            if (!isMobileMenuViewport()) {
                toggleMenuVisibility();
            } else {
                resetMenuInlineStylesForMobile();
            }
        });
    <?php
}
?>
    $(window).on('resize', function () {
        syncMenuVisibilityForViewport();
    });
</script>
<style>
    .nav-side-menu, .main-container{
        /*transition: 0.65s;*/
    }
</style>