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

{%  block content %}
    <form action="" method="post" {{ form_enctype(form) }} class="">
        <div class="padded separate-sections">
            {{ form_errors(form) }}
            <p class="info">Pour ajouter une tranche horaire, cliquez sur +. Vous pouvez ajouter plusieurs tranches par jour.</p>
            <table class="table">
                <tbody>

                <tr>
                    <td class="jour">Lundi : </td>
                    <td id="day1"></td>
                </tr>

                <tr>
                    <td class="jour">Mardi : </td>
                    <td id="day2"></td>
                </tr>

                <tr>
                    <td class="jour">Mercredi : </td>
                    <td id="day3"></td>
                </tr>

                <tr>
                    <td class="jour">Jeudi : </td>
                    <td id="day4"></td>
                </tr>

                <tr>
                    <td class="jour">Vendredi : </td>
                    <td id="day5"></td>
                </tr>

                <tr>
                    <td class="jour">Samedi : </td>
                    <td id="day6"></td>
                </tr>

                <tr>
                    <td class="jour">Dimanche : </td>
                    <td id="day7"></td>
                </tr>

                </tbody>
            </table>


        </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 ces horaires" id="submittarifs" class="btn btn-default">
        </div>
        <div id="hidden_form">
            {{ form_rest(form) }}
        </div>
    </form>
    {% endblock %}
{% block append_javascript %}
    <script type="text/javascript">
        $(document).ready(function() {

            function monCallBack(params,current){


                var btn = $('<a href="#" class="btn_ajout_tranche btn btn-default">'+params.text_ajouter+'</a>');

                $(current.dest).append(btn);

                btn.click(function(e) {
                    e.preventDefault();
                    data = formCollectionAjouter($('#'+params.container),params);
                    console.log(data);
                    $().append(data);

                    $(data).insertBefore(current.dest+' .btn_ajout_tranche');

                    $('input[type="hidden"]',current.dest).val(current.value);
                    removeClosedtime(current.value);
                    $('#horaire .btn.btn-danger').click(checkClosedtime);
                    return false;
                });


            }

            btnAjouter = [];
            btnAjouter.push({dest:"#day1",value:1,callback:monCallBack});
            btnAjouter.push({dest:"#day2",value:2,callback:monCallBack});
            btnAjouter.push({dest:"#day3",value:3,callback:monCallBack});
            btnAjouter.push({dest:"#day4",value:4,callback:monCallBack});
            btnAjouter.push({dest:"#day5",value:5,callback:monCallBack});
            btnAjouter.push({dest:"#day6",value:6,callback:monCallBack});
            btnAjouter.push({dest:"#day7",value:7,callback:monCallBack});
            formCollection({
                'container':'you_commercantbundle_horairetype_tranches_tranches',
                'allow_rm':true,
                'allow_add':true,
                'noname':true,
                'one_min': false,
                'text_ajouter':'<i class="icon-plus"></i>',
                'text_retirer':'<i class="icon-trash"></i>',
                multy_add:btnAjouter
            });

            $('#hidden_form .tranchehoraire input[type="hidden"]').each(function(){
                var parentNode = this.parentNode.parentNode;
                parentNode.firstChild.remove()
                $(parentNode).insertBefore('#day'+this.value+' .btn_ajout_tranche');
            });

            function checkClosedtime(){
                for(i=1;i!=8;i++){
                    if(($('#day'+i+' div')).length === 0 && ($('#day'+i+' p.ferme')).length === 0){  addClosedtime(i); }
                }
            }
            function addClosedtime(id){
                $('<p class="ferme">Fermé</p>').insertBefore('#day'+id+' .btn_ajout_tranche');
            }
            function removeClosedtime(id){
                $('#day'+id+' p.ferme').remove();
            }
            checkClosedtime();

            $('#horaire .btn.btn-danger').click(checkClosedtime);
        });
    </script>

{%  endblock %}