<div class="popover-rotas-setor content-buttons-margin">
    <button class="btn-base btn-color-default btn-size-m" ng-click="vm.togglePopoverRotasSetor()">
        <i class="icon-menu btn-menu icon-float-buttons-top"></i>
    </button>

    <div class="tool-content">
        <header>
            <h1 class="title">Rotas do Setor</h1>
        </header>
        <ul class="lista-rotas">
            <li ng-repeat="rota in vm.rotasSetor" ng-class="{'selected' : rota.Selecionada}">
                <div class="text-popover" ng-click="vm.carregarSetorSelecionado(rota)">
                    <h6>{{rota.CodigoRotaAtiva == null ? rota.Descricao : rota.Descricao}}</h6>
                    {{vm.StatusEnum[rota.Status]}}
                </div>
                <div>
                    <button class="buttons-popover" ng-disabled="!(rota.CodigoRotaAtiva == null && !rota.Clonada)" ng-click="vm.abrirModalDuplicaRota(rota)" title="Duplicar Rota">
                        <i ng-class="(rota.CodigoRotaAtiva == null && !rota.Clonada) ? 'icon-copy' : 'icon-copy disabled'"></i>
                    </button>
                    <button class="buttons-popover" ng-disabled="!(rota.CodigoRotaAtiva == null)" ng-click="vm.abrirModalRenomearRota(rota)" title="Renomear Rota">
                        <i ng-class="rota.CodigoRotaAtiva == null ? 'icon-text' : 'icon-text disabled'"></i>
                    </button>
                    <button class="buttons-popover" ng-disabled="!(rota.Status == 1 || rota.Status == 2 || rota.Status == 4)" ng-click="vm.abrirModalExcluirRota(rota)" title="Excluir Rota">
                        <i ng-class="(rota.Status == 1 || rota.Status == 2 || rota.Status == 4) ? 'icon-cross' : 'icon-cross disabled'"></i>
                    </button>
                </div>
            </li>
        </ul>
        <footer>
            <span ng-click="vm.abrirModalCriarRotaManualmente()">
                <i class="icon-plus-cross"></i>Adicionar rota
            </span>
        </footer>
    </div>
</div>
