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

{% block title %}{{'Magasins'|trans}}{% endblock %}
{% block page_title %}{{'Magasins'|trans}}{% endblock %}
{% block breadcrumb %}
    <li class="breadcrumb-item active" aria-current="page">{{'Magasins'|trans}}</li>
{% endblock %}

{% block buttons %}
    <a href="{{ path('magasin') }}" class="btn btn-outline-primary"><i class="bi bi-plus-square"></i> {{'Add'|trans}}</a>
{% endblock %}

{% block body %}

{% for label, messages in app.flashes %}
    <div class="alert alert-{{ label }}">
        {% for message in messages %}
            <p>{{ message }}</p>
        {% endfor %}
    </div>
{% endfor %}

<div class="card bg-white border-0 rounded-3 mb-4">
    <div class="card-body p-4">
        <table class="table">
            <thead>
                <tr>
                    <th>#</th>
                    <th>{{'Name'|trans}}</th>
                    <th>{{'Address'|trans}}</th>
                    <th class="text-right" width="20%">{{'Actions'|trans}}</th>
                </tr>
            </thead>
            <tbody>
                {% for magasin in magasins %}
                    <tr>
                        <td>{{ magasin.id }}</td>
                        <td><a href="{{ path('magasin', {'id': magasin.id}) }}">{{ magasin.name }}</a></td>
                        <td>{{ magasin.address }}<br />{{ magasin.cp }} {{ magasin.city }}</td>
                        <td class="text-right">
                            <a href="{{ path('magasin', {'id': magasin.id}) }}" class="btn btn-sm btn-primary"><i class="bi bi-pen"></i> {{'Edit'|trans}}</a>
                            <a href="{{ path('delete_magasin', {'id': magasin.id}) }}" class="btn btn-sm btn-danger"><i class="bi bi-trash"></i> {{'Delete'|trans}}</a>
                        </td>                
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>    
</div>
{% endblock %}