{% extends "rota/base.html" %}
{% block title %}My shifts{% endblock %}
{% block content %}
<h1>Shifts for {{ employee.name }}</h1>
<p>Subscribe in your calendar app: <a href="{% url 'ical' employee.token %}">{{ request.scheme }}://{{ request.get_host }}{% url 'ical' employee.token %}</a></p>
<table class="table">
  <thead><tr><th>Date</th><th>Shift</th><th>Time</th><th>Role</th><th>Location</th><th>Status</th></tr></thead>
  <tbody>
  {% for a in assignments %}
    <tr><td>{{ a.date|date:"D j M" }}</td><td>{{ a.template.name }}</td>
      <td>{{ a.template.start_time|time:"H:i" }}-{{ a.template.end_time|time:"H:i" }}</td>
      <td>{{ a.skill.name }}</td>
      <td><span class="dot" style="background: {{ a.template.location.color }}"></span>{{ a.template.location.name }}</td>
      <td><span class="badge {{ a.schedule.status }}">{{ a.schedule.get_status_display }}</span></td></tr>
  {% empty %}
    <tr><td colspan="6" class="muted">No upcoming shifts.</td></tr>
  {% endfor %}
  </tbody>
</table>
{% endblock %}