<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>

        <fieldset
            ng-class="{'disabled': vm.rotaAtivacao.cancelarAgendamento, '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-disabled="vm.rotaAtivacao.cancelarAgendamento"
                   ng-required="!vm.rotaAtivacao.cancelarAgendamento">
            <span class="message">{{formAlterarAtivacaoRota.dataAgendamento.serverMsg || 'Informe uma data válida para a ativação da rota'}}</span>
        </fieldset>

        <fieldset class="field-cancelar-agendamento">
        <span class="checkbox">
            <span>
                <input type="checkbox" name="cancelarAgendamento" id="cancelar-agendamento"
                       ng-model="vm.rotaAtivacao.cancelarAgendamento">
                <label for="cancelar-agendamento">Cancelar agendamento</label>
            </span>
        </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>
