@model VberAdmin.Web.Views.Shared.Components.Breadcrumb.BreadcrumbViewModel
@if (Model != null)
{
   
    <!--begin::Page title-->
    <div data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#vber_content_container', 'lg': '#vber_header_nav'}" class="page-title d-flex align-items-center flex-wrap me-3 mb-5 mb-lg-0">
        <!--begin::Title-->
        <h1 class="d-flex align-items-center text-dark fw-bolder fs-3 my-1">@(Model.Name)</h1>
        <!--end::Title-->
           
           
        @if (Model.Breadcrumbs.Any())
        { 
            <!--begin::Separator-->
            <span class="h-20px border-gray-200 border-start mx-4"></span>
            <!--end::Separator-->
            <!--begin::Breadcrumb-->
            <ul class="breadcrumb breadcrumb-separatorless fw-bolder fs-7 my-1">
                <!--begin::Item-->
                <li class="breadcrumb-item text-muted">
                    <a href="@Url.Action("Index","Home")" class="text-muted text-hover-primary">主页</a>
                </li>
                <!--end::Item-->
                    
                @foreach (var breadcrumb in Model.Breadcrumbs)
                {
                    <!--begin::Item-->
                    <li class="breadcrumb-item">
                        <span class="bullet  w-5px h-2px"></span>
                    </li>
                  
                    <li class="breadcrumb-item text-dark">@(breadcrumb)</li>

                    <!--end::Item-->
                }
            </ul>
            <!--end::Breadcrumb-->

        }
    </div>
    <!--end::Page title-->
}