{% extends 'room_calendar_app/navs/calendar-nav.html' %}

{% load django_bootstrap5 i18n %}


{% block title %}{% translate 'Week View' %}{% endblock title %}

{% block content %}

    <div id="page-wrapper">
        <!-- Partial def  week calendar -->

        <div id="calendar-table-wrapper">
            {% partialdef calendar-view-partial inline %}
                <table class="table table-secondary table-striped-columns table-sm mb-0 pb-0"
                       id="week-view-table">

                <!-- navigation caption -->
                    {% include 'room_calendar_app/navs/cal-caption.html' with inner_url="room_calendar_app:week_view" %}

                    <thead>
                    <tr>
                        <th scope="col">#</th>
                        {% for day in calendar.week_days %}

                            <th scope="col"
                                style="font-size:.8rem;"
                            >{{ day|date:'d-m-y' }}</th>
                        {% endfor %}
                    </tr>
                    </thead>
                    <tbody class="mb-0 pb-0">

                    {% for slot,data in calendar.week_dict.items %}
                        <tr> <!-- row for time -->
                        <th scope="row"
                            style="font-size:.6rem;"
                        >{{ slot|time:"H:i" }}</th>

                        {% for weekday,occurrence in data.items %}
                            {% if occurrence.in_display %}
                                <td class="table-info {% if occurrence.end_datetime_adjusted.time == slot %}border-warning-subtle border-bottom
                                    {% endif %}"
                                    hx-get="{% url 'session_client:session_hx_item' occurrence.uuid %}"
                                    hx-target="#modal-wrapper"
                                    style="font-size:.6rem;max-width:5rem;"
                                    id="{{ slot }}"
                                >{% if occurrence.start_time == slot %}
                                {{ occurrence.display }}
                                    {% else %}
                                    ***
                                    {% endif %}
                                    </td>
                            {% else %}
                                <td
                                        style="font-size:.6rem;">
                                    <i
                                                hx-get="{% url 'session_client:week_view_add_session_client' calendar.year_ref calendar.week_ref weekday slot|time:"H:i" %}"
                                                hx-target="#modal-wrapper" class="bi bi-patch-plus"></i></a>
                                </td>
                            {% endif %}
                        {% endfor %}<!-- end of for weekday -->
                    {% endfor %}<!-- end of for slot -->
                    </tr>
                    </tbody>
                </table>
            {% endpartialdef %}
        </div>
        <!-- End partial def -->

        <div id="modal-wrapper"></div>

    </div>
{% endblock content %}