{% extends 'base.html.twig' %}

{% block title %}{{ 'stations'|trans }}{% endblock %}

{% block body %}
<div class="page">
    {% if is_granted('ROLE_ADMIN') %}
        {% include '/partials/sidebar_admin.html.twig' %}
    {% else %}
        {% include '/partials/sidebar_user.html.twig' %}
    {% endif %}

    <main class="main-content">
        <header class="header">
            <h1>{{ 'stations'|trans }}</h1>
        </header>

        <section class="content">
            <table class="table">
                <thead>
                    <tr>
                        <th>{{ 'id'|trans }}</th>
                        <th>{{ 'name'|trans }}</th>
                        <th>{{ 'abbreviation'|trans }}</th>
                        <th>{{ 'latitude'|trans }}</th>
                        <th>{{ 'longitude'|trans }}</th>
                        <th>{{ 'station_type'|trans }}</th>
                        <th>{{ 'actions'|trans }}</th>
                    </tr>
                </thead>
                <tbody>
                {% for station in stations %}
                    <tr>
                        <td>{{ station.id }}</td>
                        <td>{{ station.name }}</td>
                        <td>{{ station.abbreviation }}</td>
                        <td>{{ station.latitude }}</td>
                        <td>{{ station.longitude }}</td>
                        <td>{{ station.stationType.value }}</td>
                        <td>
                            <a href="{{ path('app_station_show', {'id': station.id}) }}" class="button table-button-view">{{ 'show'|trans }}</a>
                            {% if is_granted('ROLE_ADMIN') %}
                                <a href="{{ path('app_station_edit', {'id': station.id}) }}" class="button button-edit">{{ 'edit'|trans }}</a>

                                {{ include('station/_delete_form.html.twig') }}
                            {% endif %}
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="6">{{ 'no_stations_found'|trans }}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>

            <a href="{{ path('app_station_new') }}" class="button table-button-new">{{ 'new'|trans }}</a>
        </section>
    </main>
</div>
{% endblock %}