<div class="tool">
    <i class="icon-filter" ng-click="vm.toggleTool()"></i>
    <span class="tool-label">Filtro</span>
    <div class="tool-content filtro-dds">
        <header>
            <h1 class="title">Filtro</h1>
            <i class="close icon-close" ng-click="vm.toggleTool()"></i>
        </header>

        <div class="main float-footer">
            <div class="area-esquerda">
                <div class="menu-filtro">
                    <!-- Menu com itens que podem ser arrastados para a área de filtro -->
                    <!-- O atributo data-item corresponde ao formulário que será mostrado -->
                    <ul id="lista-a" class="lista-a listas">
                        <li ng-repeat="item in vm.itensFiltro" data-template="{{item.Template}}"
                        data-item="{{item.Nome}}" id="{{item.Nome}}">{{item.Titulo}}</li>
                    </ul>
                    <!-- /Menu com itens que podem ser arrastados para a área de filtro -->
                </div>
            </div>

            <div class="area-direita">
                <div class="area-filtro">
                    <!-- Área para onde os itens serão arrastados de maneira hierárquica -->
                    <p class="legend">Arraste suas opções aqui:</p>
                    <div class="area-menu-filtro">
                        <ul id="lista-b" class="lista-b listas"></ul>
                    </div>
                    <!-- /Área para onde os itens serão arrastados de maneira hierárquica -->

                    <!-- Formulários -->
                    <div class="conteudo-filtro" ng-include src="vm.currentPathTemplate">
                        <!-- Cada item corresponde a um item de menu que foi arrastado para a área de filtro -->
                    </div>
                    <!-- /Formulários -->
                </div>
            </div>
        </div>

        <footer>
            <a href="#" class="clear-filter" ng-click="vm.limparFiltro()"><i class="icon-delete" ></i> Limpar filtro</a>
            <input type="button" class="btn-blue-small action-filter" value="Filtrar" ng-click="vm.filterToGrid()">
        </footer>
    </div>
</div>
