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

{% extends extendedTemplate %}

{% block page_title %}{% trans %}norme.title{% endtrans %} - {{commune.name}}{% endblock %}


{% block page_content %}

    {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            {{ form_start(form) }}
                <div class="form-group row">
                    <label class="col-form-label col-sm-2">Cible</label>
                    <div class="col-sm-10">
                        {{form_widget(form.target)}}
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-sm-2">
                        <label class="col-form-label">Normes d'action</label>
                    </div>
                    <div class="col-sm-10">
                        <div class="norme-repeater form-group">
                            <div data-repeater-list="normes">
                                {% if actions | length >0 %}
                                    {% for action in actions %}
                                        <div data-repeater-item="" class="row mb-3">
                                            <div class="col-md-12">
                                                        <label>Désignation</label>
                                                        <textarea name="name" required="required" class="form-control" style="margin-bottom: 10px;">{{action.name}} </textarea>
                                                    <button data-repeater-delete="" class="btn btn-danger waves-effect waves-light" type="button">
                                                        <i class="ti-close">Supprimer cette norme d'action</i>
                                                    </button>
                                                <hr>
                                            </div>
                                        </div>
                                    {% endfor %}
                                {% else %}
                                    <div data-repeater-item="" class="row mb-3">
                                        <div class="col-md-12">
                                                <label>Désignation</label>
                                                <textarea name="name" required="required" class="form-control" style="margin-bottom: 10px;"> </textarea>
                                            <button data-repeater-delete="" class="btn btn-danger waves-effect waves-light" type="button">
                                                <i class="ti-close">Supprimer cette norme d'action</i>
                                            </button>
                                            <hr>
                                        </div>
                                    </div>
                                {% endif %}
                            </div>
                            <button type="button" data-repeater-create="" class="btn btn-info waves-effect waves-light">Ajouter une norme d'action
                            </button>
                        </div>
                    </div>
                </div>
                
                <div class="form-group row">
                    <div class="col-sm-2"><a href="{{ path('app_normes_actions', { 'id': commune.id }) }}" class="btn btn-block btn-default">{% trans %}basics.cancel{% endtrans %}</a></div>
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" name='save' value="save" class="btn btn-block btn-primary">{% trans %}basics.save{% endtrans %}</button>
                    </div>
                </div>
            {{ form_end(form) }}
        {% endblock %}
    {% endembed %}

{% endblock %}

{% block javascripts %}
 <script src="{{ asset('assets/js/select2.min.js') }}"></script>
<script>
$(document).ready(function() {
    $('.select2').select2();
});
</script>
	<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 %}