<form id="modal-renomear-rota" name="formRenomearRota" ng-submit="formRenomearRota.$valid && vm.renomearRota()" novalidate
    form-validation-directive>

    <div class="content-modal-renomear-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': !formRenomearRota.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.rotaRenomear.Descricao" maxlength="250"
                required>
            <span class="message">{{formRenomearRota.descricaoRota.serverMsg || 'Informe uma descrição para a rota'}}</span>
        </fieldset>

        <fieldset class="field-apelido" ng-class="{'invalid': !formRenomearRota.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.rotaRenomear.Apelido" maxlength="10"
                required>
            <span class="message">{{formRenomearRota.apelidoRota.serverMsg || 'Informe um apelido para a rota'}}</span>
        </fieldset>
    </div>

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