{% extends "YOUUserBundle::layout.html.twig" %}
{% block title %} Inscription - {{ parent() }} {% endblock %}
{% form_theme form 'YOUUserBundle:Form:fields.html.twig' %}

{% block fos_user_content %}
{% include "YOUUserBundle:Registration:register_content_customer.html.twig" %}
{% endblock fos_user_content %}

{% block append_javascript %}

    {{ parent() }}

    <script type="text/javascript"> 
        $(document).ready(function() {
            
          formCollection({
              'container':'fos_user_registration_form_customer_enterprise_boutiques',
              'allow_rm':false,
              'allow_add':false,
              'noname':true,
          });


          
          $('#fos_user_registration_form_customer_enterprise_boutiques_0_domaine').bind('change',function(){
              
             updateForm(
                     'http://commercant.consommez-en-france.com/'+$(this).val()+'/activity_liste.xml',
                     'fos_user_registration_form_customer_enterprise_boutiques_0_activity',
                     selectMultyToCheckbox
             );

          });
          
          $('fieldset[focus_text] input').each(function(){
              var fieldset = $(this).parent();
              $(fieldset).append('<p class="form-tips" style="display:none;">'+$(fieldset).attr('focus_text')+'</p>');
          })
          $('fieldset[focus_text] input').bind('focus',function(){
              $('p.form-tips',$(this).parent()).fadeIn();
          });
          $('fieldset[focus_text] input').bind('blur',function(){
              $('p.form-tips',$(this).parent()).fadeOut();
          });



        });

        function setSelectActivity(){
            var list = [];
            $('#checkboxListActivity input[type="checkbox"]:checked').each(function(){
                list.push($(this).attr('value'));
            });
            $('#fos_user_registration_form_customer_enterprise_boutiques_0_activity').val(list);
        }
        function selectMultyToCheckbox(){

            var list = [];

            $('#fos_user_registration_form_customer_enterprise_boutiques_0_activity option').each(function(){
               list[$(this).attr('value')] = $(this).text();
            });
            $('#checkboxListActivity').html('');
            for(index in list){
                $('#checkboxListActivity').append('<input onchange="setSelectActivity()" type="checkbox" value="'+index+'" id="id-check-'+index+'"><label for="id-check-'+index+'">'+list[index]+'</label>');
            }

            console.log(list);
        }
        function startLoadCheck(){
            if(($('#fos_user_registration_form_customer_enterprise_boutiques_0_activity option')).length > 0){
                $('#fos_user_registration_form_customer_enterprise_boutiques_0_activity').after('<div id="checkboxListActivity"></div>')
                selectMultyToCheckbox();
            }else{
                setTimeout(startLoadCheck,100);
            }
        }
        setTimeout(startLoadCheck,100);


    </script>

{% endblock append_javascript %}