{% extends 'base.html' %}

{% block title %}
Your shifts | {{ block.super }}
{% endblock %}

{% block content %}

<h3>Your shifts</h3>

<table class="table table-condensed">
    <tbody>
    {% for shift in user_shifts %}
    {% ifchanged shift.shift_range.lower|date:'d' %}
    <tr>
        <td colspan=4>
            <h4>
                {{ shift.shift_range.lower|date:'Y-m-d l' }}
            </h4>
    <tr>
        <th>Team</th>
        <th>Start</th>
        <th>End</th>
        <th>Actions</th>
    {% endifchanged %}

    <tr>
        <td>
            {{ shift.team.name }}
        </td>
        <td>
            {{ shift.shift_range.lower|date:'H:i' }}
        </td>
        <td>
            {{ shift.shift_range.upper|date:'H:i' }}
        </td>
	<td>
          <a class="btn btn-warning"
             href="{% url 'teams:shift_member_sell' camp_slug=camp.slug team_slug=shift.team.slug pk=shift.pk %}">
              <i class="fas fa-thumbs-down"></i> Sell shift
        <td>
          <a class="btn btn-danger"
             href="{% url 'teams:shift_member_drop' camp_slug=camp.slug team_slug=shift.team.slug pk=shift.pk %}">
              <i class="fas fa-thumbs-down"></i> Unassign me
          </a>
        </td>
    </tr>
    {% endfor %}
    </tbody>
</table>

{% endblock %}