{% extends 'App/_include/_layout.main.html.twig' %}
{% block page_content %}
    <div class="cell small-12">
        {{ form_start(form_clone_edit, {'attr':{'id':'form_clone_edit'}}) }}
        <div class="cell small-12  medium-auto header_title">
            <h1>{{ 'etiquette_colis.clone.title.label'|trans }}</h1>
        </div>
        <div class="grid-x grid-padding-x">
            <div class="cell small-12 medium-6">
                <fieldset>
                    <div class="grid-x grid-padding-x">
                        <div class="cell">
                            <h6 class="underlined text_primary_light">{{ 'etiquette_colis.infos'|trans }}</h6>
                        </div>
                        <div class="cell small-12 large-6">
                            {{ form_label(form_clone_edit.etat) }}
                            <div class="input-group">
                                {{ form_widget(form_clone_edit.etat, {'attr':{'class': 'input-group-field'}}) }}
                            </div>
                        </div>
                        <div class="cell small-12 large-6">
                            {{ form_label(form_clone_edit.statutEC) }}
                            <div class="input-group">
                                {{ form_widget(form_clone_edit.statutEC, {'attr':{'class': 'input-group-field'}}) }}
                            </div>
                        </div>
                        <div class="cell medium-12 large-6">
                            {{ form_label(form_clone_edit.quantite) }}
                            <div class="input-group">
                                {{ form_widget(form_clone_edit.quantite, {'attr':{'class': 'input-group-field'}}) }}
                            </div>
                        </div>
                        <div class="cell medium-12 large-6">
                            {{ form_label(form_clone_edit.quantitePrevue) }}
                            {{ form_widget(form_clone_edit.quantitePrevue) }}
                        </div>
                        <div class="cell medium-12 large-6">
                            {{ form_label(form_clone_edit.cmj) }}
                            {{ form_widget(form_clone_edit.cmj) }}
                        </div>
                        <div class="cell medium-12 large-6">
                            {{ form_label(form_clone_edit.valeurKanban) }}
                            {{ form_widget(form_clone_edit.valeurKanban) }}
                        </div>
                        <div class="cell medium-12 large-6">
                            {{ form_label(form_clone_edit.delaiTotal) }}
                            {{ form_widget(form_clone_edit.delaiTotal) }}
                        </div>
                        <div class="cell medium-12 large-6">
                            {{ form_label(form_clone_edit.stockMiniJours) }}
                            {{ form_widget(form_clone_edit.stockMiniJours) }}
                        </div>
                        <div class="cell medium-12 large-6">
                            {{ form_label(form_clone_edit.leKanban) }}
                            {{ form_widget(form_clone_edit.leKanban) }}
                        </div>
                        <div class="cell medium-12 large-6">
                            {{ form_label(form_clone_edit.nombreKanbanDecide) }}
                            {{ form_widget(form_clone_edit.nombreKanbanDecide) }}
                        </div>
                    </div>
                </fieldset>
            </div>
            <div class="cell small-12 medium-6">
                <fieldset>
                    <div class="grid-x grid-padding-x">
                        <div class="cell">
                            <h6 class="underlined text_primary_light">{{ 'etiquette_colis.infos_text'|trans }}</h6>
                        </div>
                        <div class="cell medium-12 large-6">
                            {{ form_label(form_clone_edit.text01) }}
                            {{ form_widget(form_clone_edit.text01) }}
                        </div>
                        <div class="cell medium-12 large-6">
                            {{ form_label(form_clone_edit.text02) }}
                            {{ form_widget(form_clone_edit.text02) }}
                        </div>
                        <div class="cell medium-12 large-6">
                            {{ form_label(form_clone_edit.text03) }}
                            {{ form_widget(form_clone_edit.text03) }}
                        </div>
                        <div class="cell medium-12 large-6">
                            {{ form_label(form_clone_edit.text04) }}
                            {{ form_widget(form_clone_edit.text04) }}
                        </div>
                        <div class="cell medium-12 large-6">
                            {{ form_label(form_clone_edit.text05) }}
                            {{ form_widget(form_clone_edit.text05) }}
                        </div>
                    </div>
                </fieldset>
            </div>
        </div>
        <div class="cell small-12 text-right">
            <a href="{{ url('app_kanban_etiquette_colis_edit',{'etiquette' : etiquette.id })}}" class="button small cancel">{{ 'cancel'|trans }}</a>
            <button type="submit" id="btn_submit_etiquette_colis" class="button small save">{{ 'save'|trans }}</button>
        </div>
        {{ form_end(form_clone_edit) }}
    </div>
{% endblock %}

{% block javascript_footer %}
    {{ parent() }}
    <script>

        let form_clone_edit_etiq_colis = $('#form_clone_edit');
        let btn_submit = $('#btn_submit_etiquette_colis');

        $(document).ready(function() {
            let form_parsley = $(form_clone_edit_etiq_colis).parsley(parsley_options);
            $(btn_submit).click(function () {
                form_parsley.validate();
                form_parsley.whenValid().then(function () {
                    $(btn_submit).html(btn_spin);
                    $(form_clone_edit_etiq_colis).submit();
                });
            });
        });
    </script>

{% endblock %}