<!-- Hide the labels instead of trying to wrangle things in across all the templates -->
<style>label{display:none!important;}</style>


{% extends "new_base.html" %}

{% block subtitle %}Registration{% endblock subtitle %}


{% block main %}

<div class="clearfix">
    <h1>
        {{ term }} Registration for Class of {{ graduating_class }}
    </h1>

    <p>
        Hello M{{ graduating_class }}!
    </p>

    <p>
        This form will collect your course registration for {{ term }}. Before
        filling out this form you should:
    </p>

    <ol>
        <li>
            Carefully review the major and minor information posted on the Hub
            and the course descriptions available on the Minerva Schools
            Website.
        </li>
        <li>
            Use the Degree Planner to create a plan and review it with your
            current academic advisor.
        </li>
    </ol>

    <p>
        You may register for up to {{ total_courses }} courses in the fall.
    </p>

    <p>
        Thanks!
        <br />
        The Scheduling Team
    </p>
</div>
<div class="clearfix mt4 border-top">
    <div class="md-col md-col-7">
        <form method="POST" action="">
            {{ csrf() }}
            <div class="hide">
                <h2>
                  Timezone
                </h2>
                <select class="js-timezone">
                    {% for timezone_choice in timezones %}
                      <option value="{{ timezone_choice[0] }}">{{ timezone_choice[1] }}</option>
                    {% endfor %}
                </select>
            </div>

            {% for error in form.errors['__all__'] %}
              <h2 class="red">{{ error }}</h2>
            {% endfor %}

                <h3 class="mb0 compact-leading mt4">Section 1</h3>
                <div class="clearfix p2 bg-white mt2">
                    <h4 class="mb0">What course section would you like?</h4>
                    <div class="clearfix">{{ render_select(form.slot_1_choice_1) }}<h6 class="mt0">Your preferred course section might not be available.  Pick at least one alternate below.</h6></div>
                    <h4 class="mt3">Alternates</h4>
                    <div class="clearfix">{{ render_select(form.slot_1_choice_2) }}</div>
                    <div class="clearfix">{{ render_select(form.slot_1_choice_3) }}</div>
                    <div class="clearfix">{{ render_select(form.slot_1_choice_4) }}<h6 class="mt0">List alternates in order of preference.</h6></div>
                    <h6 class="mt3 mb0"><input class="left mr1" type="checkbox">I have permission to skip this section</h6>
                </div>
                <h3 class="mb0 compact-leading mt4">Section 2</h3>
                <div class="clearfix p2 bg-white mt2">
                    <h4 class="mb0">What course section would you like?</h4>
                    <div class="clearfix">{{ render_select(form.slot_2_choice_1) }}<h6 class="mt0">Your preferred course section might not be available.  Pick at least one alternate below.</h6></div>
                    <h4 class="mt3">Alternates</h4>
                    <div class="clearfix">{{ render_select(form.slot_2_choice_2) }}</div>
                    <div class="clearfix">{{ render_select(form.slot_2_choice_3) }}</div>
                    <div class="clearfix">{{ render_select(form.slot_2_choice_4) }}<h6 class="mt0">List alternates in order of preference.</h6></div>
                    <h6 class="mt3 mb0"><input class="left mr1" type="checkbox">I have permission to skip this section</h6>
                </div>
                <h3 class="mb0 compact-leading mt4">Section 3</h3>
                <div class="clearfix p2 bg-white mt2">
                    <h4 class="mb0">What course section would you like?</h4>
                    <div class="clearfix">{{ render_select(form.slot_3_choice_1) }}<h6 class="mt0">Your preferred course section might not be available.  Pick at least one alternate below.</h6></div>
                    <h4 class="mt3">Alternates</h4>
                    <div class="clearfix">{{ render_select(form.slot_3_choice_2) }}</div>
                    <div class="clearfix">{{ render_select(form.slot_3_choice_3) }}</div>
                    <div class="clearfix">{{ render_select(form.slot_3_choice_4) }}<h6 class="mt0">List alternates in order of preference.</h6></div>
                    <h6 class="mt3 mb0"><input class="left mr1" type="checkbox">I have permission to skip this section</h6>
                </div>



            {% if total_courses == 4 %}
                <h3 class="mb0 compact-leading mt4">Section 4</h3>
                <div class="clearfix p2 bg-white mt2">
                    <h4 class="mb0">What course section would you like?</h4>
                    <div class="clearfix">{{ render_select(form.slot_4_choice_1) }}<h6 class="mt0">Your preferred course section might not be available.  Pick at least one alternate below.</h6></div>
                    <h4 class="mt3">Alternates</h4>
                    <div class="clearfix">{{ render_select(form.slot_4_choice_2) }}</div>
                    <div class="clearfix">{{ render_select(form.slot_4_choice_3) }}</div>
                    <div class="clearfix">{{ render_select(form.slot_4_choice_4) }}<h6 class="mt0">List alternates in order of preference.</h6></div>
                    <h6 class="mt3 mb0"><input class="left mr1" type="checkbox">I have permission to skip this section</h6>
            {% endif %}

            <div class="clearfix py4 mb4">
                <input type=submit class="right next button bg-orange-gradient white mt2" value="Submit Preferences">
            </div>
        </form>
    </div>
    <div class="md-col md-col-1 undo-collapse"></div>
    <div class="mt4 md-col md-col-4 border-left">
        <div class="ml2">
            <h2 class="mt0">Instructions</h2>

            <h5>Preferred Choice</h5>
                <p class="compact-leading mb3">
                For each section indicate your preferred choice.  Consider day of week and time when doing this.</p>
            </p>
            <h5>Alternates</h5>
            <p class="compact-leading mb3">
                You might not get your preferred choice.  Enter as many as three alternates for each section.
            </p>
            <h5>Tips</h5>
                <ul class="h6 list-reset compact-leading">
                <li class="mb1"><span class="bold">Do</span> list 3 alternates. Leaving these blank doesn't help you in any way.</li>
                <li class="mb1"> <span class="bold">Do</span> choose day of week or time of day variations of the same course as your alternates.</li>
                <li class="mb1"><span class="bold">Do</span> choose duplicates.  Duplicate course listings with the exact same day of week, and time are taught by different professors (we keep that info hidden).</li>
                <li class="mb1"><span class="bold">Don't</span> list variations of the same course in two different sections. You might end up taking the same course at two different times.</li>
                <li class="mb1"><span class="bold">Don't</span> worry about section order.  Each section is equally weighted.  Adding a particular course to section #1 (rather than section #3) won't improve your chances of getting it.<li>

            </p>

            <p>
                It's okay to choose different courses at the same time.  If you want to take an elective at a specific time and you are
                flexible about which course can serve as your elective, choose sections
                of different courses offered at that time as your alternates.
            </p>
        </div>

    </div>
</div>
{% endblock main %}

{% block javascripts %}
  {{ webpack_bundle('sis_registration') }}
{% endblock javascripts %}