<form id="modal-criar-rota" name="formCriarRota" ng-submit="formCriarRotaManualmente.$valid && vm.criarRota()" novalidate
      form-validation-directive>

    <div class="content-modal-nova-rota content-rotas-setor">
        <div id="modalNotificationOuter" class="notification-modal"></div>

        <h3 class="title-info-rota">
            <span>Informações da rota</span>
            <hr>
        </h3>

        <fieldset class="field-descricao" ng-class="{'invalid': !formCriarRotaManualmente.descricaoRota.customValidation}">
            <label for="descricao-rota" class="label-default">Descrição:</label>
            <input type="text" class="input-default" id="descricao-rota" name="descricaoRota"
                   ng-model="vm.novaRota.Descricao" maxlength="250"
                   required>
            <span
                class="message">{{formCriarRotaManualmente.descricaoRota.serverMsg || 'Informe uma descrição para a rota'}}</span>
        </fieldset>

        <fieldset class="field-apelido" ng-class="{'invalid': !formCriarRotaManualmente.apelidoRota.customValidation}">
            <label for="apelido-rota" class="label-default">Apelido:</label>
            <input type="text" class="input-default" id="apelido-rota" name="apelidoRota" ng-model="vm.novaRota.Apelido"
                   maxlength="10"
                   required>
            <span class="message">{{formCriarRotaManualmente.apelidoRota.serverMsg || 'Informe um apelido para a rota'}}</span>
        </fieldset>
    </div>

    <footer class="modal-footer">
        <a href="#" class="link-cancel" ng-click="vm.fecharModalCriarRotaManualmente(vm.formCriarRotaManualmente)">
            <i class="icon-cross"></i> Cancelar
        </a>
        <button class="btn-base btn-size-s btn-color-default btn-action"
                ng-disabled="formCriarRotaManualmente.custom_status != null">
            {{formCriarRotaManualmente.custom_status == 'SENDING' ? 'Salvando...' :
            (formCriarRotaManualmente.custom_status == 'SEND_SUCCESS'
            ? 'Salvo' : 'Salvar')}}
        </button>
    </footer>
</form>
