{% extends "base.html" %}
{% block title %}My bookings{% endblock %}
{% block body %}
<section class="narrow wide">
  <h1>My bookings</h1>
  <p class="lede">Open a booking to read any note the TA left you. Need the same list on another computer? Use the device link at the bottom.</p>
  {% if not bookings %}
    <p class="lede">Nothing held yet. <a href="{{ url_for('home') }}">Grab a slot</a>.</p>
  {% else %}
    <ul class="list">
      {% for booking in bookings %}
        <li>
          <a href="{{ url_for('booking_detail', booking_id=booking.id) }}">
            <strong>{{ booking.starts_at }}</strong>
            <span>{{ booking.topic }} · {{ booking.ta_name }}</span>
          </a>
        </li>
      {% endfor %}
    </ul>
  {% endif %}
  <p class="help">
    Device handoff:
    <a href="{{ url_for('mine', sid=sid) }}">open my bookings on this browser</a>
  </p>
</section>
{% endblock %}