{% extends "YOUCommercantBundle:Livraison:index.html.twig" %}

{%  block content %}
    <form action="" method="post" {{ form_enctype(form) }} class="">
        <div class="padded separate-sections">
            {{ form_errors(form) }}
            <div class="headname">
                <p class="dest">Destination</p>
                <p class="livreur">Livraison</p>
                <p class="frais">Tarif TTC</p>
                <p class="frais2">Tarif secondaire<sup>*</sup></p>
            </div>
            <div id="liste-livreurs">{{ form_widget(form.choix) }}</div>

            <div id="ajouterBtn"></div>
            <p class="explication"><sup>*</sup> Tarif TTC à appliquer si l'article est en supplément d'un autre article (commande à plusieurs articles)</p>

        </div>
        <div id="save_add" class="form-actions">
            <div class="formName">
                {{ form_label(form.name) }}
                {{ form_errors(form.name) }}
                {{ form_widget(form.name) }}
            </div>
            <input type="submit" value="Sauvegarder ce groupe" id="submittarifs" class="btn btn-default">
        </div>
        <div id="hidden_form">
            {{ form_rest(form) }}
        </div>


    </form>
{%  endblock %}
    {% block append_javascript %}

        {{ parent() }}

        <script type="text/javascript">
        $(document).ready(function() {

            formCollection({
                'container':'you_commercantbundle_livraisontype_choix',
                'allow_rm':true,
                'allow_add':true,
                'noname':true,
                'text_ajouter':'Ajouter un livreur',
                'text_retirer':'<i class="icon-trash"></i>',
                'btn_add_dest':'#ajouterBtn',
                'add_callback':addSelectSeparator
            });

            $('.selectDuPaysForUpdate').on('change',function(){
                var url = "{{ path('you_commercant_livraison_list',{id:'__value__'}) }}";
                var _self = this;
                console.log(this.value);
                $.ajax({url:url.replace(/__value__/g,_self.value),success:function(data){
                    $(_self).parent().parent().find('.selectDesLivreursForUpdate').html(data);
                }})
            });
            addSelectSeparator();
        });
        function addSelectSeparator(){
            console.log($('select.mettreSeparator'));
            $('select.mettreSeparator').each(function(){
                var separator = '<optgroup label="----------"></optgroup>';
                $(separator).insertAfter("#"+$(this).attr('id')+' option[value="1"]');
                $(separator).insertAfter("#"+$(this).attr('id')+' option[value="11"]');
                $(separator).insertAfter("#"+$(this).attr('id')+' option[value="17"]');
                $(this).removeClass('mettreSeparator');
            });
        }
    </script>
{%  endblock %}