{% import "components/ui/v1.html" as ui_v1 %}
{% if canEdit %}
<div class="section side ui-panel course-enroll-cleanup-side">
  <div class="section__header ui-panel__header">
    <h2 class="section__title ui-panel__title">{{ _('Enrollment Cleanup') }} {{ ui_v1.help(_('Removes course enrollment only. Course score analysis, subsections, and course statistics will no longer include these students.'), _('Enrollment Cleanup')) }}</h2>
  </div>
  <div class="section__body ui-panel__body">
    {% if handler.request.query.enrollCleanup %}
      <p class="ui-alert ui-alert--success course-enroll-cleanup-ok">{{ _('{0} enrolled students removed.').format(handler.request.query.enrollCleanup) }}</p>
    {% endif %}
    <form class="course-enroll-cleanup-form" action="{{ url('course_enroll_cleanup_user', cid=cdoc.docId) }}" method="POST" onsubmit="return confirm('{{ _('Confirm removing this student from the course?') }}\n{{ _('Removes course enrollment only. Course score analysis, subsections, and course statistics will no longer include these students.') }}');">
      <label class="ui-field__label course-enroll-cleanup-label" for="course-enroll-cleanup-user">{{ _('Individual Student') }}</label>
      <div class="ui-cluster course-enroll-cleanup-row">
        <input id="course-enroll-cleanup-user" class="textbox" name="uidOrName" placeholder="{{ _('UID / Username / Email') }}">
        <button class="button rounded" type="submit">{{ _('Remove') }}</button>
      </div>
    </form>
    <form class="course-enroll-cleanup-form" action="{{ url('course_enroll_cleanup_group', cid=cdoc.docId) }}" method="POST" onsubmit="return confirm('{{ _('Confirm removing all enrolled students in this group from the course?') }}\n{{ _('Removes course enrollment only. Course score analysis, subsections, and course statistics will no longer include these students.') }}');">
      <label class="ui-field__label course-enroll-cleanup-label" for="course-enroll-cleanup-group">{{ _('Remove by Group') }}</label>
      <div class="ui-cluster course-enroll-cleanup-row">
        <input id="course-enroll-cleanup-group" class="textbox" name="groupName" placeholder="{{ _('Group Name') }}">
        <button class="button rounded" type="submit">{{ _('Remove') }}</button>
      </div>
    </form>
  </div>
</div>
{% endif %}