<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{title}}</title>
    <link type="text/css" rel="stylesheet" href="/dist/stylesheets/docx.css"/>
    <style type="text/css" class="docx-fixedstyle">
        .docx-submenu{
            height: 0;
            overflow: hidden;
        }
    </style>
</head>

<body>
<div class="docx-wrapper">
    <div class="docx-body clearfix">
        <nav class="navbar navbar-inverse navbar-fixed-top">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sidebar-collapse">
                        <span class="sr-only"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="/">{{headText}}</a>
                    {{#if links}}
                        <ul class="user-menu">
                            <li class="dropdown pull-right">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{label}}<span class="caret"></span></a>
                                <ul class="dropdown-menu" role="menu">
                                    {{#each links}}
                                        <li>
                                            <a href="{{url}}">{{name}}</a>
                                        </li>
                                    {{/each}}
                                </ul>
                            </li>
                        </ul>
                    {{/if}}
                </div>
            </div><!-- /.container-fluid -->
        </nav>

        <div id="sidebar-collapse" class="col-sm-3 col-lg-3 sidebar" role="navigation">
            <div>
                <form role="search" action="javascript:void(0);">
                    <div class="form-group docx-searchForm">
                        <input type="text" class="form-control docx-searchkey" placeholder="Search" name="key" autocomplete="off" >
                        <div class="docx-sug">
                            <ul class="docx-sugul">
                            </ul>
                        </div>
                    </div>

                </form>
                <ul class="nav menu metismenu docx-navs" id="docx-navs">
                    {{{navData}}}
                    <li role="presentation" class="divider"></li>
                    {{#if supportInfo}}
                        <li><a href="{{supportInfo}}"> 支持 </a></li>
                    {{/if}}
                </ul>
            </div>
        </div><!--/.sidebar-->

        <div class="col-sm-9 col-sm-offset-3 col-lg-9 col-lg-offset-3 main docx-marked-wrap container-fluid">
            <div>
                <div class="row">
                    <ol class="breadcrumb">
                        <li>{{headText}}</li>
                        {{#each brandData}}
                        <li class="active">{{this}}</li>
                        {{/each}}
                    </ol>
                </div><!--/.row-->

                <div class="row">
                    <div class="col-lg-12 docx-fade">
                        <div class="docx-panel docx-panel-default">
                            <div class="markdown-body">
                                <div class="docx-marked">
                                    {{#if editPath}}
                                        <a class="docx-editPath" href="{{editPath}}">
                                            <i class="fa fa-pencil fa-fw"></i>
                                            编辑
                                        </a>
                                    {{/if}}
                                    {{{mdData}}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!--/.row-->
            </div>
        </div>	<!--/.main-->
        <div class="docx-tips icon-list">
            <div class="docx-list"></div>
        </div>
    </div>
</div>
<script src="/dist/javascripts/docx.js"></script>
</body>
</html>
