@using BlueWest.Views.Utils
@{
    Layout = null;
    var menu = LayoutCache.GetDefaultFooterMenu(ViewData);
}

<footer class="q-footer q-layout__section--marginal absolute-bottom q-footer--bordered text-secondary">
    <div class="q-tabs row no-wrap items-center q-tabs--not-scrollable q-tabs--horizontal q-tabs__arrows--inside text-white">
        <div class="q-tabs__content row no-wrap items-center self-stretch hide-scrollbar relative-position q-tabs__content--align-center">

            <div style="margin-right: 1rem;">
                <a href="/geo" class="router-link-active router-link-exact-active">
                    <i class="q-icon text-white notranslate material-icons" style="font-size: 24px;">data_usage</i>
                </a>
            </div>
            @if (menu is {Count: > 0 })
            {
                @foreach (var record in menu)
                {
                    <a href="@record.Location" class="q-tab relative-position self-stretch flex flex-center text-center q-tab--inactive q-tab--no-caps q-focusable q-hoverable cursor-pointer">
                        <div class="q-tab__content self-stretch flex-center relative-position q-anchor--skip non-selectable column">
                            <div class="q-tab__label">@record.Name</div>
                        </div>
                        <div class="q-tab__indicator absolute-bottom text-transparent"></div>
                    </a>
                }
            }

        </div>
    </div>
</footer>