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

{% block title %}Patrimoine Roses | Jardins{% endblock %}

{% block body %}
    <section class="container" style="margin-top: 150px; margin-bottom: 150px;">
        <h1 class="text-center mb-5 text-uppercase">Jardins à visiter</h1>

        <p>Total : {{ gardens|length }}</p>

        <a href="{{ path('admin_garden_new') }}" class="btn btn-sm btn-success mb-3">Ajouter</a>
        <table class="table">
            <thead>
            <tr>
                <th>Ordre</th>
                <th>Nom</th>
                <th>Photo</th>
                <th>Ville</th>
                <th>Actions</th>
            </tr>
            </thead>
            <tbody>
            {% for garden in gardens %}
                <tr>
                    <td>{{ garden.orderIndex }}</td>
                    <td>{{ garden.title }}</td>
                    <td>
                        {% if garden.photos is not empty %}
                            <a href="{{ asset(garden.photos[0].filePath) }}" target="_blank">
                                <img src="{{ asset(garden.photos[0].filePath) }}" height="100" style="width: 100%; object-fit: cover;">
                            </a>
                        {% endif %}
                    </td>
                    <td>{{ garden.city }}</td>
                    <td>
                        <a href="{{ path('admin_garden_edit', {id: garden.id}) }}" class="btn btn-sm btn-outline-warning">✏️</a>
                        <form method="post" action="{{ path('admin_garden_delete', {id: garden.id}) }}" style="display: inline-block;">
                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ garden.id) }}">
                            <button class="btn btn-sm btn-outline-danger">🗑</button>
                        </form>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </section>
{% endblock %}