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

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

{% block body %}
<h1 class="mt-5">Locations</h1>
{# Create Button on Top for easier access #}
    <a href="{{ path('app_location_new') }}" class="btn btn-success my-3">Create new Location</a>
    {# Shown as cards for nicer Layout #}
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3">
    {% for location in locations %}
    <div class="col my-3">
        <div class="card h-100">
            <div class="card-body">
                <div class="d-flex justify-content-between"><b>Place:</b> {{ location.streetname }} {{ location.housenumber }}</div>
                <div class="d-flex justify-content-between"><b>City:</b>
                        {{ location.cityname }} {{ location.zipcode }}
                </div>
                <div class="d-flex justify-content-between"><b>Capacity:</b>{{ location.capacity }}</div>
                {# Details-Button #}
                <a href="{{ path('app_location_show', { id: location.id }) }}"
                    class="btn btn-primary">
                    Details
                </a>
            </div>
        </div>
    </div>
    {% else %}
    <div>No record found</div>
    {% endfor %}
</div>
{% endblock %}