{% if app.session.get('_application') == 0 %}
    {% set extendedTemplate = '@AdminLTE/layout/mesodd-layout.html.twig' %}
{% endif %}
{% if app.session.get('_application') == 1 %}
    {% set extendedTemplate = '@AdminLTE/layout/suiodd-layout.html.twig' %}
{% endif %}
{% if app.session.get('_application') == 2 %}
    {% set extendedTemplate = '@AdminLTE/layout/cfgodd-layout.html.twig' %}
{% endif %}

{% extends extendedTemplate %}

{% block page_title %}Gestion des désagrégations{% endblock %}


{% block page_content %}

    {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            {{ form_start(form) }}
                {{ form_widget(form) }}

                <div class="form-group row">
                    <div class="col-sm-2">
                        <label class="col-form-label">Modalités</label>
                    </div>
                    <div class="col-sm-10">
                        <div class="modalite-repeater form-group">
                            <div data-repeater-list="modalites">
                                {% if desagregation and desagregation.modalites | length > 0 %}
                                {% for modalite in desagregation.modalites %}
                                <div data-repeater-item="" class="row mb-3">
                                            <div class="col-md-10">
                                                <label>Libellé</label>
                                                <input type="text"  name="name" required="required" class="form-control" value="{{modalite.name}}">
                                            
                                            </div>
                                            <div class="col-md-2" style="margin-top:30px;">
                                            <button data-repeater-delete="" class="btn btn-danger waves-effect waves-light" type="button">
                                                <i class="ti-close">Supprimer</i>
                                            </button>
                                            
                                            </div>
                                </div>
                                {% endfor %}
                                {% else %}
                                <div data-repeater-item="" class="row mb-3">
                                            <div class="col-md-10">
                                                <label>Nom</label>
                                                <input type="text"  name="name" required="required" class="form-control">
                                            
                                            </div>
                                            <div class="col-md-2" style="margin-top:30px;">
                                            <button data-repeater-delete="" class="btn btn-danger waves-effect waves-light" type="button">
                                                <i class="ti-close">Supprimer</i>
                                            </button>
                                            
                                            </div>
                                </div>
                                {% endif %}
                            </div>
                            <button type="button" data-repeater-create="" class="btn btn-info waves-effect waves-light">Ajouter une modalité
                            </button>
                        </div>
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-sm-2"><a href="{{ path('app_desagregations') }}" class="btn btn-block btn-default">{% trans %}basics.cancel{% endtrans %}</a></div>
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-block btn-primary">{% trans %}basics.save{% endtrans %}</button>
                    </div>
                </div>
            {{ form_end(form) }}
        {% endblock %}
    {% endembed %}

{% endblock %}

{% block javascripts %}
	<script type="text/javascript" src="{{asset('assets/js/jquery.repeater/jquery.repeater.min.js')}}"></script>
	<script type="text/javascript" src="{{asset('assets/js/jquery.repeater/repeater-init.js')}}"></script>
{% endblock %}