@model HeaderBarModel
<!--header start-->
<header class="header white-bg">
    <a id="navbar" href="#" class="sidebar-toggle-box">
        <i class="fa fa-bars"></i>
        <!--logo start-->
        <span id="websiteTitle">@Model.Title</span>
    </a>
    <!--logo end-->
    @if (Model.Menus.Count() > 0 && Model.ShowMenu)
    {
        <ul id="menu" class="dropdown-menu menu">
            <div class="arrow-up"></div>
            <li>
                <div id="submenu" class="menu-submenu">
                    @foreach (var menu in Model.Menus)
                    {
                        @Html.Partial("SubMenu", menu)
                    }
                </div>
            </li>
        </ul>
    }
    @if (!Model.ShowMenu && (LgbPrincipal.IsAdmin(User.Identity.Name) || User.IsInRole("Administrators")))
    {
        <!--  notification start -->
        <ul class="notify-row">
            <!-- tasks start -->
            <li class="dropdown">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                    <i class="fa fa-tasks"></i>
                    <span id="msgHeaderTaskBadge" class="badge bg-success"></span>
                </a>
                <ul class="dropdown-menu tasks-bar">
                    <div class="notify-arrow notify-arrow-green"></div>
                    <li id="msgHeaderTaskContent">
                        <p>您有 <span id="msgHeaderTask">0</span> 个未完成的任务</p>
                    </li>
                    <li>
                        <a href="~/Admin/Tasks">查看所有任务</a>
                    </li>
                </ul>
            </li>
            <!-- tasks end -->
            <!-- message dropdown start-->
            <li class="dropdown">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                    <i class="fa fa-envelope"></i>
                    <span id="msgHeaderMsgBadge" class="badge bg-important"></span>
                </a>
                <ul class="dropdown-menu inbox">
                    <div class="notify-arrow notify-arrow-red"></div>
                    <li id="msgHeaderMsgContent">
                        <p>您有 <span id="msgHeaderMsg">0</span> 个未读的消息</p>
                    </li>
                    <li>
                        <a href="~/Admin/Messages">查看所有消息</a>
                    </li>
                </ul>
            </li>
            <!-- message dropdown end -->
            <!-- users dropdown start-->
            <li class="dropdown">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                    <i class="fa fa-user-plus"></i>
                    <span id="msgHeaderUserBadge" class="badge bg-user"></span>
                </a>
                <ul class="dropdown-menu users">
                    <div class="notify-arrow notify-arrow-user"></div>
                    <li id="msgHeaderUserContent">
                        <p>您有 <span id="msgHeaderUser">0</span> 条新用户通知</p>
                    </li>
                    <li>
                        <a href="~/Admin/Notifications">查看所有通知</a>
                    </li>
                </ul>
            </li>
            <!-- users dropdown end -->
            <!-- apps dropdown start-->
            <li class="dropdown">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                    <i class="fa fa-bug"></i>
                    <span id="msgHeaderAppBadge" class="badge bg-warning"></span>
                </a>
                <ul class="dropdown-menu notification">
                    <div class="notify-arrow notify-arrow-yellow"></div>
                    <li id="msgHeaderAppContent">
                        <p>您有 <span id="msgHeaderApp">0</span> 条程序异常通知</p>
                    </li>
                    <li>
                        <a href="~/Admin/Exceptions">查看所有异常</a>
                    </li>
                </ul>
            </li>
            <!-- apps dropdown end -->
            <!-- db dropdown start-->
            <li class="dropdown">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                    <i class="fa fa-database"></i>
                    <span id="msgHeaderDbBadge" class="badge bg-db"></span>
                </a>
                <ul class="dropdown-menu dbs">
                    <div class="notify-arrow notify-arrow-db"></div>
                    <li id="msgHeaderDbContent">
                        <p>您有 <span id="msgHeaderDb">0</span> 条数据库异常通知</p>
                    </li>
                    <li>
                        <a href="~/Admin/Exceptions">查看所有异常</a>
                    </li>
                </ul>
            </li>
            <!-- db dropdown end -->
        </ul>
        <!--  notification end -->
    }
    <!--search & user info start-->
    <ul class="pull-right top-menu">
        <!-- user login dropdown start-->
        <li class="dropdown">
            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                <img id="headerIcon" alt="" src="@Url.Content(Model.Icon)">
                <span id="userDisplayName" class="username">@Model.DisplayName</span>
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu logout">
                <div class="arrow-up"></div>
                <li><a href="~/Admin/Infos"><i class=" fa fa-suitcase"></i>个人中心</a></li>
                <li><a href="~/Admin/Index"><i class="fa fa-cog"></i>设置</a></li>
                <li><a href="~/Admin/Notifications"><i class="fa fa-bell"></i>通知<span id="logoutNoti" class="badge"></span></a></li>
                <li><a href="~/Home/Logout"><i class="fa fa-key"></i>注销</a></li>
            </ul>
        </li>
        <!-- user login dropdown end -->
    </ul>
    <!--search & user info end-->
    <!--breadcrumbs start -->
    <ul class="breadcrumb">
        <li><a href="@Url.Content(Model.HomeUrl)"><i class="fa fa-home"></i>首页</a></li>
        <li id="breadNav"></li>
    </ul>
    <!--breadcrumbs end -->
    <input id="footer" type="text" class="hidden" value="@Model.Footer" />
</header>
<!--header end-->