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

{% block title %}{{ 'sign.sendReminder'|trans }}{% endblock %}
{% block footer %}{% endblock %}

{% block styles %}
    {{ parent() }}
    {{ encore_entry_link_tags('sign') }}
{% endblock %}

{% block body %}
<div class="sign-page">
    <div class="container sign-container" style="max-width: 560px;">
        <a class="sign-link-btn" href="{{ path('app_sign_show', {id: document.id}) }}">← {{ 'sign.back'|trans }}</a>
        <h1 class="sign-header__title mt-3">{{ 'sign.sendReminder'|trans }}</h1>
        <p class="sign-help">{{ 'sign.reminderHelp'|trans }}</p>

        {% if pending is empty %}
            <div class="alert alert-info">{{ 'sign.noOpenSigners'|trans }}</div>
        {% else %}
            <form method="post" class="sign-review-card">
                <label class="sign-label" for="signer_id">{{ 'sign.selectOpenSigner'|trans }}</label>
                <select class="form-select sign-input" name="signer_id" id="signer_id" required>
                    {% for signer in pending %}
                        <option value="{{ signer.id }}">
                            {{ signer.displayName }} &lt;{{ signer.email }}&gt;
                            {% if signer.lastReminderAt %}
                                — {{ 'sign.lastReminder'|trans }}: {{ signer.lastReminderAt|date('d.m.Y H:i') }}
                            {% endif %}
                        </option>
                    {% endfor %}
                </select>
                <label class="sign-label mt-3" for="note">{{ 'sign.optionalMessage'|trans }}</label>
                <textarea class="form-control sign-input" id="note" name="note" rows="3" placeholder="{{ 'sign.reminderPlaceholder'|trans }}"></textarea>
                <button type="submit" class="button button-blue mt-4 w-100">{{ 'sign.sendReminderNow'|trans }}</button>
            </form>
        {% endif %}
    </div>
</div>
{% endblock %}