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

{% block title %}Supprimer un enfant du salarié{% endblock %}

{% block stylesheets %}
{{ parent() }}
<style>
    .button-group {
        display: flex;
        justify-content: center;
        gap: 10px; /* Espace entre les boutons */
    }
</style>
{% 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>Supprimer un enfant de {{ salarie.prenom }} {{ salarie.nom }}</h1>
                        <p>Êtes-vous sûr de vouloir supprimer cet enfant ?</p>
                    </div>
                    <div class="col-12 text-center button-group">
                        <form method="post" action="{{ path('supprimer_enfant_salarie', {'idEnfant': enfant.id}) }}">
                            <input type="hidden" name="confirmation" value="1">
                            <button type="submit">Oui, supprimer</button>
                        </form>
                        <button class="retour-custom" onclick="retourPage(event);">
                            <i class="ri-reply-line font-14"></i> Retour
                        </button>
                    </div>    
                </div>
            </div>    
        </div>   
    </div>
</div> 
{% endblock %}

{% block javascripts %}
{{ parent() }}
{% endblock %}