{% extends '@SyliusShop/layout.html.twig' %}

{% block title %}Choisissez votre établissement{% endblock %}

{% block content %}
    <div class="container my-5">
        <div class="card shadow-sm p-4">
            <h2 class="mb-4 text-center">Choisissez votre établissement</h2>

            <p class="text-muted text-center mb-4">
                Votre adresse email est associée à plusieurs établissements.<br>
                Sélectionnez celui avec lequel vous souhaitez continuer.
            </p>

            <form method="post" action="{{ path('app_choose_establishment_select') }}">
                <div class="list-group">
                    {% for account in accounts %}
                        <label class="list-group-item d-flex justify-content-between align-items-center">
                            <div>
                                <strong>{{ account.companyName|default('Établissement #' ~ account.id) }}</strong><br>
                                <small class="text-muted">
                                    Code client : {{ account.codeCustomer|default('—') }}<br>
{#                                    Contact : {{ account.lastName|default('—') }}<br>#}
                                    Email : {{ account.email|default('—') }}
                                </small>
                            </div>
                            <input type="radio" name="user_id" value="{{ account.id }}" required>
                        </label>
                    {% endfor %}
                </div>

                <div class="text-center mt-4">
                    <button type="submit" class="btn btn-primary btn-lg">
                        Continuer
                    </button>
                </div>
            </form>

            <div class="text-center mt-3">
                <a href="{{ path('sylius_shop_logout') }}" class="text-decoration-none text-muted">
                    <i class="fa fa-arrow-left me-1"></i> Revenir à la page de connexion
                </a>
            </div>
        </div>
    </div>
{% endblock %}