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

{% block title %}Notifications{% endblock %}

{% block header %}
{{ parent() }}
{% endblock %}
{% block stylesheets %}
{{ parent() }}
{% endblock %}

{% block body %}
    <div class="content-page">
        <div class="content">
            <!-- Start Content-->
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">
                            <h1>Notifications</h1>       
                                <div class="col-12">
                                <div class="card">
                                <form action="{{ path('supprimer_notifications_multiples') }}" method="post">
                                    {% if notificationsVM is defined %}
                                        <h3>Notifications échéance Visites Médicales</h3>
                                        {% for notification in notificationsVM %}
                                            <div class="notification-item">
                                               <p> 
                                                   <input type="checkbox" name="notifications[]" value="{{ notification.id }}">
                                                   <a href="{{ path('details_salarie', {'id': notification.salarie.id}) }}">{{ notification.message }}</a>
                                                   <a href="{{ path('supprimer_notification', {'id': notification.id}) }}"><i class="ri-delete-bin-line "></i></a>
                                               </p>
                                            </div>
                                        {% endfor %}
                                        <button class="btn btn-warning" type="submit">Supprimer sélection</button>
                                    {% endif %}
                                </form>
                                </div>
                        </div> 
                    </div>
                </div> 
            </div>
        </div>
    </div>
{% endblock %}