{{!

 Alternate sitepage template with vertical navigation layout

  Copyright 2014 ÃÛ¶¹ÊÓƵ Systems Incorporated
  All Rights Reserved.

 NOTICE:  All information contained herein is, and remains
 the property of ÃÛ¶¹ÊÓƵ Systems Incorporated and its suppliers,
 if any.  The intellectual and technical concepts contained
 herein are proprietary to ÃÛ¶¹ÊÓƵ Systems Incorporated and its
 suppliers and are protected by trade secret or copyright law.
 Dissemination of this information or reproduction of this material
 is strictly forbidden unless prior written permission is obtained
 from ÃÛ¶¹ÊÓƵ Systems Incorporated.

}}

<style>.vertical-nav .nav-pills > li {float:none;}</style>
<nav class="scf-site-header navbar navbar-default hidden-xs" role="navigation">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <a class="navbar-brand scf-js-site-title" data-id="{{siteId}}" href="/docs/experience-manager-64/assets/{{siteUrl}}.html">{{i18n siteTitle}}</a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse">
            {{#if loggedInUser.loggedIn}}
                <ul class="nav navbar-nav">
                    <li><a href="/docs/experience-manager-64/assets/{{siteUrl}}/profile.html">{{i18n "Profile"}}</a></li>
                    {{#if messagingAllowed}}
                        <li>
                            <script>
                                var data = {};
                                data["messageFolder"] = "inbox";
                                var messagecount;
                                $.ajax({
                                    type: "GET",
                                    url: "{{siteUrl}}" + "/messaging/jcr:content/content/primary/messagebox_5ab3.social.0.0.json",
                                    async: true,
                                    data: data,
                                    success: function(json) {
                                        messagecount = json["messageCounts"].nonDeletedUnreadCount;
                                        $("a.messageBoxPrimaryLink").html($("a.messageBoxPrimaryLink").html() + " <span class=\"badge\">" + messagecount + "</span>");
                                    }
                                });

                            </script>
                            <a href="/docs/experience-manager-64/assets/{{siteUrl}}/messaging.html" class="messageBoxPrimaryLink">{{i18n "Messages"}}</a>
                        </li>
                    {{/if}}
                </ul>

            {{/if}}


            <div class="nav navbar-right">
                <form data-paths="{{this.ugcPath}}" class="scf-js-searchform navbar-form navbar-left" role="search">
                    <div class="form-group">
                        <input type="text" name="input_value" placeholder="{{i18n "Search..."}}" class="form-control scf-search-value, scf-js-search-value">
                        <input style="display:none" type="checkbox" class="scf-js-search-jcrtitle" value="jcr:title" checked></input>
                        <input style="display:none" type="checkbox" class="scf-js-search-jcrdescription" value="jcr:description" checked></input>
                        <input style="display:none" type="checkbox" class="scf-js-search-tag" value="tag" checked></input>
                        <input style="display:none" type="checkbox" class="scf-js-search-userIdentifier" value="userIdentifier" checked></input>
                        <input type="hidden" name="resultPage" class="scf-js-seach-resultPage" value="{{searchPagePath}}"></input>
                    </div>
                </form>
                <ul class="nav navbar-nav navbar-right">
                    {{#unless loggedInUser.loggedIn}}
                        <li><a href="/docs/experience-manager-64/assets/{{siteUrl}}/signin.html">{{i18n "Log In"}}</a></li>
                        {{else}}
                            <li><a href="/system/sling/logout.html?resource={{siteUrl}}.html">{{i18n "Log Out"}}</a></li>
                    {{/unless}}
                </ul>
            </div>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
</nav>

{{#if bannerImage}}
    <div class="scf-site-brand-img hidden-xs" style="background-image:url('/docs/experience-manager-64/assets/{{bannerImage}}');"></div>
{{/if}}

<div class="container-fluid">
    <div class="row">    <div class="col-md-2 vertical-nav">
{{#include this.id path="sitenav" resourceType="social/console/components/hbs/sitenavbar" }}
    {"searchPath":"{{ugcPath}}","searchPage":"{{searchPagePath}}"}
        {{/include}} </div>
        <div class="col-md-10">
{{include this.id path="groupnav" resourceType="social/console/components/hbs/groupnavbar"}}


    <div class="row scf-breadcrumbs-box">
        <div class="col-md-12">
            {{include this.id path="content/breadcrumbs"}}
        </div>
    </div>
    {{include this.id path="content"}}
        </div></div>
</div>
{{include this.id path="clientcontext" resourceType="cq/personalization/components/clientcontext"}} {{include this.id path="cloudservices" resourceType="cq/cloudserviceconfigs/components/servicecomponents"}}