<form id="modal-alterar-ativacao-rota" name="formAlterarAtivacaoRota"
      ng-submit="formAlterarAtivacaoRota.$valid && vm.alterarAtivacaoRota(true)"
      novalidate form-validation-directive>

    <div class="content-modal-alterar-ativacao-rota">
        <div id="modalNotificationOuter" class="notification-modal"></div>

        <!-- <h3 class="title-info-rota">
            <span>Selecione a nova data de ativação:</span>
            <hr>
        </h3> -->

        <p class="txt-default">Selecione abaixo a data de ativação para a rota. Ao final do período indicado a rota será
            ativada automaticamente.</p>

        <fieldset ng-class="{'invalid': !formAlterarAtivacaoRota.dataAgendamento.customValidation}"
                  class="field-data-ativacao custom-datepicker">
            <label for="data-agendamento" class="label-default">Data de ativação da rota:</label>
            <input type="text" class="input-icon-sufix" id="data-agendamento" name="dataAgendamento"
                   ng-model="vm.rotaAtivacao.dataAgendamento"
                   date-picker data-min-date="0" data-max-date="" ui-date-mask placeholder="Informe a data de Ativação"
                   ng-required="">
            <span class="message">{{formAlterarAtivacaoRota.dataAgendamento.serverMsg || 'Informe uma data válida para a ativação da rota'}}</span>
        </fieldset>
    </div>

    <footer class="modal-footer">
        <a href="#" class="link-cancel" ng-click="vm.fecharModalAlterarAtivacaoRota()">
            <i class="icon-cross"></i> Cancelar
        </a>

        <button class="btn-base btn-size-s btn-color-default btn-action"
                ng-disabled="formAlterarAtivacaoRota.custom_status != null">
            {{formAlterarAtivacaoRota.custom_status == 'SENDING' ? 'Confirmando...' :
            (formAlterarAtivacaoRota.custom_status == 'SEND_SUCCESS' ? 'Confirmado' : 'Confirmar')}}
        </button>
    </footer>
</form>
