<!-- SIDEMENU -->

<div class="tas-sidemenu" id="sidemenu" uk-offcanvas="overlay: true;">

    <div class="uk-offcanvas-bar uk-flex uk-flex-column">

            <div class="uk-width-1-1 uk-flex uk-flex-middle uk-flex-center">
                <a href="<?php echo $urlPath->home(); ?>">
                <img class="uk-logo" src="<?php echo $urlPath->image($theme['th_logo']); ?>" alt="<?php echo $translation['tr_1']; ?>">
                </a>
            </div>

<hr>

        <?php if (!isLogged()): ?>
        <a href="<?php echo $urlPath->signin(); ?>" class="tas-signin uk-button uk-button-primary uk-border-rounded">
        <i class="fas fa-user-circle"></i> Login/Register
        </a>
        <?php endif; ?>


        <?php if (isLogged()): ?>

            <div class="uk-flex uk-flex-center">
                <article class="uk-comment tas-profile-header">
                <header class="uk-comment-header">
                    <div class="uk-grid-small uk-flex-middle" uk-grid>
                        <div class="uk-width-auto">

                        <div class="uk-cover-container uk-border-circle">
                            <img src="<?php echo $urlPath->image($userInfo['user_avatar']); ?>" alt="<?php echo echoOutput($userInfo['user_name']); ?>" class="uk-comment-avatar" uk-cover>
                            <canvas width="50" height="50"></canvas>
                        </div>

                        </div>
                        <a class="uk-link-reset" href="<?php echo $urlPath->profile(); ?>">
                            <div class="uk-width-expand">
                            <h5 class="uk-comment-title uk-margin-remove uk-text-truncate"><?php echo echoOutput(textTruncate($userInfo['user_name'], 10)); ?></h5>
                            <p class="sub-text uk-text-truncate"><?php echo $translation['tr_10']; ?></p>
                        </div>
                    </a>
                    </div>
                </header>
            </article>
        </div>
        <?php endif; ?>


<hr>

        <ul class="tas-main-menu uk-nav-default uk-margin-small-bottom" uk-nav>
        <?php foreach($navigationSidebar as $item): ?>
        <?php if ($item['navigation_type'] == 'custom') { ?>
        <?php if($item['navigation_url'] == '/'){ ?>
        <li><a href="<?php echo $urlPath->home(); ?>" target="<?php echo $item['navigation_target']; ?>"><i class="ti ti-home"></i> <?php echo echoOutput($item['navigation_label']); ?></a></li>
        <?php }else{ ?>
        <li><a href="<?php echo $item['navigation_url']; ?>" target="<?php echo $item['navigation_target']; ?>"><?php echo echoOutput($item['navigation_label']); ?></a></li>
        <?php } ?>
        <?php } else { ?>
        <li><a href="<?php echo $urlPath->page($item['navigation_url']); ?>" target="<?php echo $item['navigation_target']; ?>"><?php echo echoOutput($item['navigation_label']); ?></a></li>
        <?php } ?>
        <?php endforeach; ?>
        </ul>

        <?php if (count($menuCategories) > 0): ?>
        <hr>
        <h5 class="uk-margin-small-bottom uk-margin-small-top uk-text-bold uk-text-muted" style="padding-left: 15px; font-size: 12px; text-transform: uppercase;">Categories</h5>
        
        <ul class="tas-categories-menu uk-nav-default uk-margin-small-bottom" uk-nav>
        <?php foreach($menuCategories as $category): ?>
            <li>
                <a href="<?php echo $urlPath->category($category['category_slug']); ?>">
                    <div class="category-menu-image">
                        <img src="<?php echo getImageUrl($category['category_image_cdn_url'], $category['category_use_cdn'], $category['category_image']); ?>" alt="<?php echo htmlspecialchars($category['category_title']); ?>">
                    </div>
                    <span class="category-menu-title"><?php echo echoOutput($category['category_title']); ?></span>
                </a>
            </li>
        <?php endforeach; ?>
        </ul>
        <?php endif; ?>

        <div class="uk-width-1-1 uk-flex uk-flex-center">
        <ul class="tas-followus uk-iconnav uk-margin-small-top uk-margin-small-bottom">
        <?php foreach($socialMedia as $item): ?>
        <?php if (!empty($item['st_facebook'])): ?>
        <li><a href="<?php echo $item['st_facebook'] ?>" uk-icon="icon: facebook" style="color: #3b5998"></a></li>
        <?php endif;?>
        <?php if (!empty($item['st_twitter'])): ?>
        <li><a href="<?php echo $item['st_twitter'] ?>" uk-icon="icon: twitter" style="color: #1da1f2"></a></li>
        <?php endif;?>
        <?php if (!empty($item['st_youtube'])): ?>
        <li><a href="<?php echo $item['st_youtube'] ?>" uk-icon="icon: youtube" style="color: #ff0000"></a></li>
        <?php endif;?>
        <?php if (!empty($item['st_linkedin'])): ?>
        <li><a href="<?php echo $item['st_linkedin'] ?>" uk-icon="icon: linkedin" style="color: #0077b5"></a></li>
        <?php endif;?>
        <?php if (!empty($item['st_instagram'])): ?>
        <li><a href="<?php echo $item['st_instagram'] ?>" uk-icon="icon: instagram" style="color: #c13584"></a></li>
        <?php endif;?>
        <?php if (!empty($item['st_whatsapp'])): ?>
        <li><a href="<?php echo $item['st_whatsapp'] ?>" uk-icon="icon: whatsapp" style="color: #25d366"></a></li>
        <?php endif;?>
        <?php endforeach; ?>
        </ul>
        </div>

    </div>

</div>

<!-- END SIDEMENU -->