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

{% block title %}Dupliquer 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">
        Dupliquer le composant
        <span class="composant">{{ composant.nom }}</span>
        <span class="type">({{ composant.idTypeComposant.libelle }})</span>
        et ses enfants ?
    </div>
    <ul>
        {% for enfant in enfants %}
            <li>{{ enfant.nom }} <span class="type">({{ enfant.idTypeComposant.libelle }})</span></li>
        {% endfor %}
    </ul>

    <form action="{{ path('composants_dupliquer', {'id': composant.id}) }}" method="post">
        <paper-button id="btn-formule-dupliquer" onclick="soumettreFormulaire(this)">
                <iron-icon icon="icons:create"></iron-icon>
                Dupliquer
        </paper-button>
        <paper-spinner id="spinner"></paper-spinner>
    </form>
{% endblock %}