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

{% block title %}{% trans %} My dashboard | Promotip {% endtrans %}{% endblock %}

{% block body %}
    <div class="container xs-mb10">
        <div class="mb-3">
            <div class="mb-3">
                {{ form_start(form) }}
                <div class="row align-items-end gap-1">
                    <div class="col-md-9">
                        {{ form_row(form.user) }}
                    </div>
                    <div class="col-md-3">
                        <button class="btn btn-pink btn-sm mb-2 w-75">Filter</button>
                    </div>
                </div>
                {{ form_end(form) }}
            </div>
        </div>
        {% if userSignature|length > 0 %}
            <table class="table styled-table">
                <thead>
                <tr>
                    <th>UUID</th>
                    <th>Datum</th>
                    <th style="width: 38.717%;"></th>
                </tr>
                </thead>
                <tbody>
                {% for signature in userSignature %}
                    <tr>
                        <td>{{ signature.user.id }}</td>
                        <td>{{ signature.createdAt|date("d-m-Y") }}</td>
                        <td style="word-break: normal;">
                            <a href="{{ path('admin_download_agreement', {'id' : signature.user.id}) }}">
                                <strong><span style="color:#8C4968">Overeenkomst downloaden</span> <i
                                            class="fas fa-file-pdf"></i></strong>
                            </a>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        {% else %}
            <div class="text-center text-black-50 font-italic">Geen Overeenkomst gevonden</div>
        {% endif %}
    </div>
{% endblock %}
    {% block javascripts %}
        {{ parent() }}
    {% endblock %}