{% extends 'base.html' %}

{% load bootstrap3 %}

{% block content %}
<div class="panel panel-primary">
    <div class="panel-heading">
        <a class="btn btn-success pull-right" href="{% url 'service-add' %}">Ajouter un service</a>
        <h1>Services</h1>
    </div>
    {% for service in object_list %}
    {% if forloop.first %}
    <table class="table">
        <tr>
            <th>#</th>
            <th>Type</th>
            <th>Label</th>
            <th>Adhérent</th>
            <th></th>
        </tr>
    {% endif %}
        <tr class="{{ service.active|yesno:"success,danger" }}">
            <td><a href="{% url 'service-detail' service.pk %}">#{{ service.pk }}</a></td>
            <td>{{ service.service_type }}</td>
            <td>{{ service.label }}</td>
            <td>
                <a href="{% url 'adhesion-detail' service.adhesion.id %}">ADT{{ service.adhesion.pk }}</a>
                –
                <a href="{{ service.adhesion.get_adherent_detail_url }}">{{ service.adhesion.get_adherent_name }}</a>
            </td>
            <td class="text-right">
                <a href="{% url 'service-edit' service.pk %}"><span class="glyphicon glyphicon-pencil"></span>&nbsp;Modifier</a>
            </td>
        </tr>
    {% if forloop.last %}
    </table>
    {% endif %}
    {% empty %}
    <div class="panel-body">
        <em>Aucun service.</em>
    </div>
    {% endfor %}
</div>
{% endblock %}