{#
<link rel="stylesheet" href="{{ asset('build/css/example.css') }}">
#}

{{ form_start(form) }}
    {{ form_widget(form._token) }}
    {{ form_row(form.nombre) }}
    {{ form_row(form.descripcion) }}
    {{ form_row(form.modelo) }}
    
    
   <div class='row'>
        <div class='col'>
          <h4>Campos de Cliente</h4>                         
          <div id='left' class='container well'>
           {% for field in form.clienteFields.vars.choices %}  
                <div>  
                    <span id="<valor>{{ field.value }}</valor>" draggable="true" ondragstart="drag(event)" style="cursor: pointer" 
                          class="badge badge-primary">{{ field.value }}</span>
                </div>  
            {% endfor  %}

          </div>
          
                     
        </div> 
        <div class='col'>
          <h4>Campos de Caso</h4>                         
          <div id='left' class='container well'>
           {% for field in form.casoFields.vars.choices %}  
                <div>  
                    <span id="<valor>{{ field.value }}</valor>" draggable="true" ondragstart="drag(event)" style="cursor: pointer"                           
                          class="badge badge-danger">{{ field.value }}</span>
                </div>  
            {% endfor  %}

          </div>
          
                     
        </div> 
    </div> 
    
    
    
    <button class="btn btn-success">{{ button_label|default('Guardar') }}</button>

    {{ form_end(form) }}

    <script>                     
        function allowDrop(ev) {
            ev.preventDefault();
            console.log('allowDrop');
        }

        function drag(ev) {
            ev.dataTransfer.setData("Text", ev.target.id );            
            console.log(ev.target.id);
        }

        function drop(ev) {                        
            var data = ev.dataTransfer.getData("Text");
            console.log(data);
            
            ev.target.appendChild(document.getElementById(data));
            ev.preventDefault();
        }
    </script>