#schedule-dialog
  .text-normal.margin-bottom-30.text-center
    %span{ "ng-hide": 'schedule.id' }
      {{ 'js.admin.order_cycles.schedules.adding_a_new_schedule' | t }}
    %span{ "ng-show": 'schedule.id' }
      {{ 'js.admin.order_cycles.schedules.updating_a_schedule' | t }}

  %form{ name: 'schedule_form', novalidate: true, "ng-submit": "submit()" }

    .text-center.margin-bottom-20
      %input.fullwidth{ type: 'text', name: 'name', required: true, placeholder: "{{ 'js.admin.order_cycles.schedules.schedule_name_placeholder' | t }}", "ng-model": "schedule.name" }
      %div{ "ng-show": "submitted && schedule_form.$pristine" }
        .error{ "ng-show": "(schedule_form.name.$error.required)" }
          {{ 'js.admin.order_cycles.schedules.name_required_error' | t }}

    .order-cycles-selector.text-center.margin-bottom-30

    .text-center

      %input.button{ type: 'submit', value: "{{ 'js.admin.order_cycles.schedules.create_schedule' | t }}", "ng-hide": 'schedule.id' }
      %input.button{ type: 'submit', value: "{{ 'js.admin.order_cycles.schedules.update_schedule' | t }}", "ng-show": 'schedule.id' }
      %span{ "ng-show": 'schedule.id' } or
      %input.button.red{ type: 'button', value: "{{ 'js.admin.order_cycles.schedules.delete_schedule' | t }}", "ng-show": 'schedule.id', "ng-click": 'delete()' }
      %input.button{ type: 'button', value: "{{ 'actions.cancel' | t }}", "ng-click": 'close()' }