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


@if (menu.Count > 0)
{
    <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>
}