<html>
    <head>
        {{head}}
    </head>

    <body>
        <div id="wrapper">
            <!-- Sidebar -->
            <!-- Sidebar -->
            <nav id="sidebar-wrapper">
                <div class="logo" style="">
                    <img src='/media/logo_white.png' alt="logo" />
                </div>
                <!-- <div class="search-nav" style="">
                    <input class="form-control" type="text" placeholder="Busca"/>
                </div> -->

                <hr />

                {{elements}}
                <ul id="side-second-menu" class="hidden nav">
                </ul>
            </nav>
            <!-- /#sidebar-wrapper -->
            <!-- /#sidebar-wrapper -->

            <!-- Page Content -->
            <div id="main-page-wrapper">

                <header style='min-height: 50px; background-color: #000;'>
                    <ul class="nav navbar-nav navbar-left">
                        <li class="tooltip-sidebar-toggle">
                            <a href="" id="menu-toggle">
                                <i class="fa fa-th-list" aria-hidden="true"></i>
                            </a>
                        </li>
                    </ul>
                    <!-- <ul id='menu-usuario' class="nav navbar-nav navbar-right nav-dropdown">
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" data-method="reload">
                                <i class="fa fa-user" aria-hidden="true"></i> <span class="caret"></span>
                            </a>
                            {{usermenu}}
                        </li>
                    </ul> -->
                </header>

                <div id="progress" class="progress hidden" >
                    <div class="progress-bar progress-bar-striped progress-bar-animated active" style="width: 100%;"></div>
                </div>
                <!-- BreadCrumbs -->

                <!-- /BreadCrumbs -->

                <div id="page-content-wrapper">
                    <div class="container-fluid" style="height: 1024px;">

                        <div class="row">
                            <div id="content" class="col-lg-12">
                                {{>content}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /#page-content-wrapper -->
        </div>
        <div id="modal" class="modal fade" role="dialog">  </div>
        {{footer}}
    </body>
</html>    