{% if reminders %}
    <div class="col-sm-12">
        <div id="reminders" class="card card-outline card-danger">
            <ul class="todo-list">
                {% for reminder in reminders %}
                    <li>
                        <label class="big form-check-label">
                            <input type="checkbox" name="" value="1"
                                   class="form-check-input checkbox-reminder"
                                   data-url="{{ path('sov_admin_reminder_done') }}" data-id="{{ reminder.id }}"/>
                            <span class="checkmark"></span>
                        </label>
                        <div class="text">
                            {% if reminder.dateReminder %}
                                <small class="badge badge-info badge-date">
                                    <i class="far fa-clock"></i>
                                    {{ reminder.dateReminder|date('d/m/Y') }}
                                </small>
                            {% endif %}
                            {{ reminder.title }}
                        </div>
                        <div class="tools">
                            <a href="#" class="btn-sm btn-success" data-toggle="modal"
                               data-target="#modal-reminder-{{ reminder.id }}">
                                <i class="fas fa-eye"></i>
                            </a>&nbsp;
                            <a href="{{ path(sov_parameter('app.reminder.route_render_modal')) }}"
                               class="btn-sm btn-info btn-reminder" data-id="{{ reminder.id }}">
                                <i class="fas fa-edit"></i>
                            </a>
                        </div>

                        {% embed '@LcSov/adminlte/embed/modal.twig' %}
                            {% block id %}modal-reminder-{{ reminder.id }}{% endblock %}
                            {% block title %}
                                Pense-bête #{{ reminder.id }}
                            {% endblock %}
                            {% block body %}
                                <div class="row">
                                    <div class="col-1 align-center">
                                        <i class="fa fa-thumbtack"></i>
                                    </div>
                                    <div class="col-11">
                                        <h5><strong>{{ reminder.title }}</strong></h5>
                                    </div>

                                    {% if reminder.dateReminder %}
                                        <div class="col-1  align-center">
                                            <i class="fa fa-calendar"></i>
                                        </div>
                                        <div class="col-11">
                                            <p>{{ reminder.dateReminder|date('d/m/Y') }}</p>
                                        </div>
                                    {% endif %}
                                    {% if reminder.description %}
                                        <div class="col-1  align-center">
                                            <i class="fa fa-align-left"></i>
                                        </div>
                                        <div class="col-11">
                                            <p>{{ reminder.description|nl2br }}</p>
                                        </div>
                                    {% endif %}

                                    {# {% if reminder.relatedPage %}
                                        <div class="col-1 align-center">
                                            <i class="fa fa-link"></i>
                                        </div>
                                        <div class="col-11">
                                            <a href="{{ path('easyadmin', {"action" : reminder.entityAction, 'entity' : reminder.entityName, 'id': reminder.entityId }) }}">{{ reminder.relatedPage }}</a>
                                        </div>
                                    {% endif %} #}
                                </div>
                            {% endblock %}
                            {% block footer %}
                                <button type="button" class="btn btn-default float-right" data-dismiss="modal">Fermer
                                </button>
                            {% endblock %}
                        {% endembed %}
                    </li>
                {% endfor %}
            </ul>
        </div>
    </div>
{% endif %}