@model CustomerNavigationModel
<div class="block block-account-navigation card">
    <div class="card-header title">
        <h4 class="card-title">@T("Account.Navigation")</h4>
    </div>
    <div class="listbox">
        <ul class="list-group list-group-flush">
            @await Component.InvokeAsync(typeof(WidgetViewComponent), new { widgetZone = PublicWidgetZones.AccountNavigationBefore, additionalData = Model })
            @foreach (var item in Model.CustomerNavigationItems)
            {
                <li class="list-group-item @item.ItemClass @(Model.SelectedTab == item.Tab ? "active" : "inactive")">
                    <a href="@Url.RouteUrl(item.RouteName)"><i class="fa fa-angle-double-right" aria-hidden="true"></i> @(item.Title)</a>
                </li>
            }
            @await Component.InvokeAsync(typeof(WidgetViewComponent), new { widgetZone = PublicWidgetZones.AccountNavigationAfter, additionalData = Model })
        </ul>
    </div>
</div>
