{% extends estXHR ? 'page-xhr.html.twig' : 'page.html.twig' %}

{% block title %}Supprimer composant{% endblock %}

{% block style %}
    <link rel="stylesheet" type="text/css" is="custom-style"
          href="{{ app.request.getBaseURL() }}/assets/css/composants/delete.css">
{% endblock %}

{% block page %}
    <div class="subhead-2">
        Voulez-vous supprimer le composant
        <span class="composant">{{ composant.nom }}</span>
        <span class="type">({{ composant.idTypeComposant.libelle }})</span>
        et ses enfants ?
    </div>
    {{ include('composants/_delete_form.html.twig') }}
    <ul>
        {% for enfant in enfants %}
            <li>{{ enfant.nom }} <span class="type">({{ enfant.idTypeComposant.libelle }})</span></li>
        {% endfor %}
    </ul>
{% endblock %}