{% if guestslug == null %}
<h1>The Schedule</h1>
{% else %}
<h1>{{guestname | safe}}'s Schedule</h1>
<a class="back-home" href="/">👈 back to full schedule</a>
{% endif %}

<ul id="key">
    <li>
        <h2>KEY</h2>
    </li>
    <li>
        <span class="category day">AM</span>
    </li>
    <li>
        <span class="category night">PM</span>
    </li>
</ul>

<ul id="menu">
    {% for guest in guests | sort(false, true, 'name') %}
    <li><a href="/guest/{{guest.slug}}">{{guest.name}}</a></li>
    {% endfor %}
</ul>

<ul id="calendar">
    {% for date in dates %}
    <li>
        <span class="date">{{date}}</span>
        {% if guestslug == null %}
            <ul class="locations">
                {% for loc in locations %}
                    <li class="location">
                        <div>{{loc.name}}</div>
                        {% if guests | day(date,loc.abbr) | length > 0 %}
                        <div class="time-window">
                            <a class="category day hover">{{ guests | day(date,loc.abbr) | total }}</a>
                            <ul class="list">
                                {% for guest in guests | day(date,loc.abbr) | sort(false, true, 'name') %}
                                <li>
                                    {{guest.name}}
                                </li>
                                {% endfor %}
                            </ul>
                        </div>
                        {% endif %}
                        {% if guests | night(date,loc.abbr) | length > 0 %}
                        <div>
                            <div class="category night hover">{{ guests | night(date,loc.abbr) | total }}</div>
                            <ul class="list">
                                {% for guest in guests | night(date,loc.abbr) | sort(false, true, 'name') %}
                                <li>
                                    {{guest.name}}
                                </li>
                                {% endfor %}
                            </ul>
                        </div>
                        {% endif %}
                    </li>
                {% endfor %}
            </ul>
        {% else %}
            <ul class="locations">
                {% for guest in guests | byGuest(guestslug) %}
                    {% for date in guest.dates | byDate(date) %}
                    <li class="location" style="flex-direction: column; align-items: flex-start">
                        <div class="category day">
                            {% for loc in locations | byAbbr(date.day) %}
                                {{loc.name}}
                            {% endfor%}
                        </div>
                        <div class="category night">
                            {% for loc in locations | byAbbr(date.night) %}
                                {{loc.name}}
                            {% endfor%}
                        </div>
                    </li>
                    {% endfor %}
                {% endfor %}
            </ul>
        {% endif %}
    </li>
    {% endfor %}
</ul>