{{define "core_sidebar"}}


<aside id="left-col-icons" class="uk-light uk-hidden@m">
    <div class="left-content-box  content-box-dark">
        <img src="/static/images/admin.png" alt="" class="uk-border-circle profile-img">
    </div>

    <!-- MANAGE MENU-->
    <div class="left-nav-wrap">
        <ul class="uk-nav uk-nav-default uk-nav-parent-icon" data-uk-nav>
            <li class="uk-nav-divider"></li>
            <li><a href="/admin"><span data-uk-icon="icon: rss"></a></li>
            <li><a href="/admin/volunteers"><span data-uk-icon="icon: users"></span></li>
            <li><a href="/admin/walklists"><span data-uk-icon="icon:  location"></span></li>
            <li class="uk-nav-header"></li>
            <li class="uk-nav-divider"></li>
            <li class="uk-nav-header"></li>
        </ul>

    </div>
</aside>


<aside id="left-col" class="uk-light uk-visible@m">
    <!-- SIDEBAR LOGO -->
    <div class="uk-flex uk-flex-middle" style="text-align-last: center;" >
        <select class="uk-select" aria-label="Select" id="campaign">
            <option value="23in23">Main</option>
        </select>
    </div>

    <!-- SIDEBAR USER INFOP -->
    <div class="left-content-box  content-box-dark">
        <img src="/static/images/admin.png" alt="" class="uk-border-circle profile-img">
        <h4 class="uk-text-center uk-margin-remove-vertical text-light">{{ .User }} </h4>

        <div class="uk-position-relative uk-text-center uk-display-block">
            <a href="#" class="uk-text-small uk-text-muted uk-display-block uk-text-center" data-uk-icon="icon: triangle-down; ratio: 0.7">Admin</a>
            <!-- user dropdown -->
            <div class="uk-dropdown user-drop" data-uk-dropdown="mode: click; pos: bottom-center; animation: uk-animation-slide-bottom-small; duration: 150">
                <ul class="uk-nav uk-dropdown-nav uk-text-left">
                    <li><a href="/v"><span data-uk-icon="icon: image"></span>View App</a></li>
                    <li class="uk-nav-divider"></li>
                    <li><a href="/auth/logout"><span data-uk-icon="icon: sign-out"></span> Sign Out</a></li>
                </ul>
            </div>
            <!-- /user dropdown -->
        </div>
    </div>

    <!-- MANAGE MENU-->
    <div class="left-nav-wrap">
        <ul class="uk-nav uk-nav-default uk-nav-parent-icon" data-uk-nav>
            <li class="uk-nav-divider"></li>
            <li class="uk-nav-header">MANAGE</li>
            <li><a href="/ui/machines/"><span data-uk-icon="icon: rss"></span>VMs</a></li>
            <li><a href="/ui/zones/"><span data-uk-icon="icon: users"></span>Zones</a></li>

            <li class="uk-nav-header"></li>
            <li class="uk-nav-divider"></li>
            <li class="uk-nav-header"></li>
        </ul>

        <ul class="uk-nav uk-nav-default uk-nav-parent-icon" data-uk-nav>
            <li class="uk-nav-header"></li>
        </ul>
    </div>

    <div class="bar-bottom">
        <ul class="uk-subnav uk-flex uk-flex-center uk-child-width-1-5" data-uk-grid>
            <li>
                <a href="/auth/logout" class="uk-icon-link" data-uk-icon="icon:sign-out" title="Logout" data-uk-tooltip></a>
            </li>
        </ul>
    </div>
</aside>
{{end}}