{% extends "layout.html" %}
{% block content %}
<h2>
    {{ days[0].date.strftime("%h %d") }}
    &ndash;
    {{ days[-1].date.strftime("%h %d") }}
</h2>
<table>
    <thead>
      <tr>
        <th scope="col">Date</th>
        <th scope="col">Day</th>
        {% for m in ["am", "pm"]%}
            {% for t in [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11] %}
            {% if now.strftime("%P") == m and now.strftime("%l").strip() == "{}".format(t) %}
            <th scope="col" class="now">
                {% else %}
                <th scope="col">
                
                {% endif %}
                {{t}} {{m}}
            </th>
            {% endfor %}
        {% endfor %}
    </tr>
    </thead>
    <tbody hx-target="closest td" hx-swap="outerHTML swap:0.5s"> 
        {%for day in days%}
        <tr>
            {% if day.date.strftime("%x") == now.strftime("%x") %}
                <td class="now">
            {% else %}
                <td>
            {% endif %}
            {{day.date.strftime("%m/%d")}}
            </td>
            {% if day.date.strftime("%x") == now.strftime("%x") %}
                <td class="now">
            {% else %}
                <td>
            {% endif %}
            {{day.date.strftime("%a").upper()}}
            </td>
                {%for hour in day.hours%}
                <td class="activity-{{hour.activity.code}}"
                hx-get="/get-activity-form/{{hour.hour_id}}">
                    {% if hour.activity.code != -1 %}
                    {{hour.activity.code}}
                    {% endif %}
                </td>
                {% endfor %}
            <td class="day-note">{{day.note}}</td>
        </tr>
        {%endfor%}
    </tbody>
</table>
{% endblock %}