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

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

{% block buttons %}
    <a href="{{ path('client') }}" 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>{{'Firstname'|trans}}</th>
                    <th>{{'Lastname'|trans}}</th>
                    <th>{{'Email'|trans}}</th>
                    <th>{{'Fidelity'|trans}}</th>
                    <th width="20%">{{'Actions'|trans}}</th>
                </tr>
            </thead>
            <tbody>
                {% for client in clients %}
                    <tr>
                        <td>{{ client.id }}</td>
                        <td>{{ client.firstname }}</td>
                        <td>{{ client.lastname }}</td>
                        <td><a href="{{ path('client', {'id': client.id}) }}">{{ client.email }}</a></td>
                        <td>{{ client.fidelity }}</td>
                        <td>
                            <a href="{{ path('client', {'id': client.id}) }}" class="btn btn-sm btn-primary"><i class="bi bi-pen"></i> {{'Edit'|trans}}</a>
                            <a href="{{ path('delete_client', {'id': client.id}) }}" class="btn btn-sm btn-danger"><i class="bi bi-trash"></i> {{'Delete'|trans}}</a>
                        </td>                
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}