@model Qusion.WebApp.Areas.Qusion.Models.AppModel

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
        <title>Qusion - {{page.title}}</title>
        <link href="~/Areas/Qusion/Style/index.css" rel="stylesheet" />
          <script type="text/javascript">
              (function (i, s, o, g, r, a, m) {
                  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {

                      (i[r].q = i[r].q || []).push(arguments)
                  }, i[r].l = 1 * new Date(); a = s.createElement(o),
                  m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
              })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

              ga('create', 'UA-7073157-2', 'laktasi.net');
              ga('send', 'pageview');
    </script>
       
    </head>
<body data-ng:controller="AppController">
    <div id="header" class="cfix">
        <ul class="cfix" ng:controller="NavigationMainController">
            <li ng:repeat="item in menu" ng:class="{active: isActive(item)}">
                <a ng:click="navigate(item)" class="{{item.cssClass}}">
                    <i></i>
                    <span class="title">{{item.title}}</span>
                    @*<i class="icon-angle-down"></i>*@
                </a>

                <ul class="subnavigation" qn:popover="{position: {my: 'left top', at: 'left bottom', offset: '0 0'}}">
                    <li ng:repeat="subitem in item.items" data-name="{{subitem.name}}" class="{{subitem.cssClass}}">
                        <a ng:click="navigate(subitem)">
                            <i class="icon-angle-right"></i>
                            <span class="title">{{subitem.title}}</span>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
        <ul class="cfix" ng:controller="AppController">
            <li ng:repeat="jezik in jezicine" ng:class="{active: isActive(jezik)}">
                <a ng:click="setLang({Culture:jezik.name},jezik.name)" class="{{jezik.cssClass}}">
                    <i></i>
                    <span class="title">{{jezik.title}}</span>
                    @*<i class="icon-angle-down"></i>*@
                </a>
            </li>
        </ul>

        <ul class="sec cfix">
            <li class="profile">
                <a class="cfix">
                    <span class="thumb">
                        @if (Model.User.AvatarID.HasValue)
                        {
                            <img src="/qusion/image/thumb/@Model.User.AvatarID.Value?width=40" />
                        }
                        else
                        {
                            <img src="~/Areas/Qusion/Style/no-photo-60x60.png" />
                        }

                    </span>
                    <span class="title">
                        @Model.User.FirstName @Model.User.LastName
                        <span class="email">@Model.User.UserName</span>
                    </span>
                </a>
                <div qn:popover>
                    <ul class="nav">
                        <li>@Html.ActionLink("Logout", "LogOff", "Account")</li>
                    </ul>
                </div>
            </li>
            <li class="apps">
                <a><span class="icon li_star"></span></a>
            </li>
        </ul>
    </div>
    <div id="body-wrap">
        <div id="page-main" ng:view></div>
    </div>
    <!-- Alert dialog -->
    <div ng:show="ui.alert" class="alert alert-{{ui.alert.type}} page-alert">
        <span class="close" ng:click="ui.alert=null"><i class="icon-remove"></i></span>
        {{ui.alert.text}}
    </div>
    <!-- Loader dialog -->
    <div ng:show="ui.loader" class="loader">
        <i class="icon-spinner icon-spin"></i>
    </div>


    @Scripts.Render("~/bundles/vendor/js")
    @Scripts.Render("~/bundles/core/js")
    @Scripts.Render("~/bundles/app/js")
</body>
</html>