{{ block title }}
<h1> Shopping Day </h1> <br>
{{ endblock }}
{{ block content }}

<h4> <b> Shopping Day {{ shopping_day }}  and Month {{ month_number }}. </b> <br> </h4>
<h5> (There are 16 shopping days per month and 6 months total.) </h5> <br>

<h4> <b> Today you need to buy {{ good_to_buy }} </b> <br> </h4>
<h5> Please select the cheapest price for {{ good_to_buy }}. <br> &nbsp </h5>

<h3> IT IS NOW MONTH {{ month_number }} </h3> <br>

<style>
    table, th, td {
        border: 1px solid;
        width: 50%;
        padding: 15px;
        table-layout: fixed;
        text-align: left;
       }
</style>


<table>
  <tr>
    <th> Good</th>
    <th> Brand 1</th>
    <th> Brand 2 </th>
      <th> Brand 3</th>
  </tr>
  <tr>
    <td> A </td>
      {% for field in form %}
      {% for choice in field %}
         {% if forloop.counter <= 3 %}
        <td> {{ choice }} {{ choice.label }} </td>
        {% endif %}
      {% endfor %}
      {% endfor %}

  </tr>
  <tr>
    <td>B </td>
     {% for field in form %}
      {% for choice in field %}
         {% if forloop.counter > 3 and forloop.counter <= 6 %}
        <td> {{ choice }} {{ choice.label}} </td>
        {% endif %}
      {% endfor %}
      {% endfor %}

  </tr>
     <tr>
    <td> C </td>
    {% for field in form %}
      {% for choice in field %}
         {% if forloop.counter > 6 and forloop.counter <= 9 %}
        <td> {{ choice }} {{ choice.label}}</td>
        {% endif %}
      {% endfor %}
      {% endfor %}
  </tr>
     <tr>
         <td> D </td>
         {% for field in form %}
         {% for choice in field %}
            {% if forloop.counter > 9 and forloop.counter <= 12 %}
            <td> {{ choice }} {{ choice.label}} </td>
            {% endif %}
         {% endfor %}
         {% endfor %}
  </tr>

</table> <br>

    {{ next_button }}

<h4> <b> Your Total Points Earned: {{ payoff_points_rounds }} points </b> <br> </h4>

{{ endblock }}