.form-group
  legend.option-title
    span.hint(popover-trigger='mouseenter', popover-title=env.t('repeatHelpTitle'),
      popover='{{env.t(task._edit.frequency + "RepeatHelpContent")}}')=env.t('repeatEvery')
  ng-form.form-group(name='everyX')
    .input-group
      input.form-control(type='number', ng-model='task._edit.everyX', min='0', ng-disabled='!canEdit(task)', required)
      span.input-group-addon {{repeatSuffix}}

.form-group(ng-if='task._edit.frequency=="weekly"')
  legend.option-title=env.t('onDays')
  ul.repeat-days
    // note, does not use data-toggle="buttons-checkbox" - it would interfere with our own click binding
    mixin dayOfWeek(day, num)
      li
        button(type='button', ng-class='{active: task._edit.repeat.#{day}}',
          ng-disabled='!canEdit(task)', ng-click='task._edit.repeat.#{day} = !task._edit.repeat.#{day}',
          tooltip='{{env.t((task._edit.repeat.#{day}) ? "due" : "notDue")}}')
          | {{::moment.weekdaysMin(#{num})}}

    +dayOfWeek('su', 0)
    +dayOfWeek('m', 1)
    +dayOfWeek('t', 2)
    +dayOfWeek('w', 3)
    +dayOfWeek('th', 4)
    +dayOfWeek('f', 5)
    +dayOfWeek('s', 6)