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

{% block title %}Contacts{% endblock %}

{% block body %}
<h1 class="mt-5">Contacts</h1>
{# Create new Contact-Row Button #}
    <a href="{{ path('app_contact_new') }}" class="btn btn-success my-3">Create new promoter</a>
    {# Show Contacts as Cards: #}
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3">
    {% for contact in contacts %}
    <div class="col my-3">
        <div class="card h-100">
            <div class="card-body">
                <div class="d-flex justify-content-between"><b>Promoter:</b> {{ contact.promoter }}</div>
                <div class="d-flex justify-content-between"><b>E-Mail:</b>
                        {{ contact.email }}
                </div>
                <div class="d-flex justify-content-between"><b>Phone Number:</b>{{ contact.phone }}</div>
                {# Details-Button #}
                <a href="{{ path('app_contact_show', { id: contact.id }) }}"
                    class="btn btn-primary">
                    Details
                </a>
            </div>
        </div>
    </div>
    {% else %}
    <div>No record found</div>
    {% endfor %}
</div>
{% endblock %}