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

{% block title %}Locations{% endblock %}

{% block content %}
    <h1>Locations</h1>

    <a href="{{ path('locations_new') }}" class="btn btn-primary">Neue Location hinzufügen</a>

    <table class="table mt-4">
        <thead>
        <tr>
            <th>Name</th>
            <th>Koordinaten X</th>
            <th>Koordinaten Y</th>
            <th>Koordinaten Z</th>
            <th>Auf der Karte anzeigen</th>
            <th>Aktionen</th>
        </tr>
        </thead>
        <tbody>
        {% for location in locations %}
            <tr>
                <td>{{ location.name }}</td>
                <td>{{ location.x }}</td>
                <td>{{ location.y }}</td>
                <td>{{ location.z }}</td>
                <td>
                    {% if location.showOnMap %}
                        <span class="text-success" title="Auf der Karte anzeigen">
                                <i class="bi bi-arrow-up-right-circle"></i> <!-- Grüner Pfeil -->
                            </span>
                    {% else %}
                        <span class="text-danger" title="Nicht auf der Karte anzeigen">
                                <i class="bi bi-x-circle"></i> <!-- Rotes Kreuz -->
                            </span>
                    {% endif %}
                </td>
                <td>
                    <a href="{{ path('locations_edit', {'id': location.id}) }}" class="btn btn-warning btn-sm">Bearbeiten</a>
                    <a href="{{ path('locations_delete', {'id': location.id}) }}" class="btn btn-danger btn-sm" onclick="return confirm('Bist du sicher, dass du diese Location löschen möchtest?')">Löschen</a>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}