{% extends 'v2_base.html' %}

{% block title %}Services{% endblock %}

{% block content %}
    <h2>Services list</h2>
    <table class="table">
        <thead>
        <tr>
            <th scope="col">Service id</th>
            <th scope="col">Service name</th>
            <th scope="col">Service code</th>
            <th scope="col">Service description</th>
        </tr>
        </thead>
        <tbody>
        {% for service in services %}
            <tr>
                <td>{{ service.id }}</td>
                <td>{{ service.verbose_name }}</td>
                <td>{{ service.service_code }}</td>
                <td>{{ service.description }}</td>
            </tr>
            {% empty %}
            <tr>
                <td colspan="4">No services found</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

{% endblock %}