.row.qi_pannel.qi_plain.padding.price_line_form.col-12.field{:style =>"border-left:4px solid gray;margin-bottom:10px;padding-left:5px;"}
  .take 
    =ic :arrows
  .col-3     
    = form.input :ct_title, :label => "Designation personnalisée : " if @avoir
    %div{:class => ("error has-error" if form.object.errors[:p_product_ref_id].size > 0 )}
      %label Produit :
  
    %input.p_product_ref_autocomplete_input.form-control{:type => "text", tabindex: 1, autofocus: true, :value => ("#{form.object.p_product_ref.ref} #{form.object.p_product_ref.cc_name}" if form.object.p_product_ref)}
    = form.hidden_field :p_product_ref_id, :class => "p_product_ref_id"
        
  :javascript
    $('.p_product_ref_autocomplete_input').focus()
    $( function() {
        
        $('.p_product_ref_autocomplete_input').autocomplete({
            source: function( request, response ) {
                    $.ajax( {
                      url: "/admin/p_product_refs/autocomplete.json",
                      dataType: "json",
                      data: {
                        search: request.term,
                        p_customer_id: $(".p_customer_id").val()
                      },
                      success: function(data){
                      
                        arr = jQuery.map( data, function( item ) {
                                            return {
                                                label: item.member_label,
                                                value: item.member_label,
                                                id: item.id
                                            }
                        });
                        
                        response(arr)
              
                      }
                      
                    } );
                  },
            minLength: 2,
            select: function( event, ui ) {
      
              $(this).next(".p_product_ref_id").val(ui.item.id)
              
              form = $(this).closest(".price_line_form")
              
              
              
              $.ajax( {
                url: "/admin/p_product_refs/"+ui.item.id+"/get_infos.json",
                dataType: "json",
                data: {
                  type: "price",
                  qte: form.find(".input_price_line_qte").val(),
                  p_customer_id: $(".p_customer_id").val()
                },
                success: function (data) {
                  form.find(".input_price_line_price_u_ht").val(data.price);
                  form.find(".input_price_line_tva_account_id").val(data.tva_account_id);
                  form.find(".input_price_line_tva_account_value").val(data.tva_account_value);
                  form.find(".input_price_line_weight_u").val(data.weight);
                  
                
                  
              }
              } );   
              //return false
            }
        });
      } );
            
    


  .col-3
    = form.input :qte, :label => "Quantité :", :input_html => {:class => "input_price_line_qte form-control p_product_ref_qte", tabindex: 1}
  .col-3
    = form.input :ct_u_price_ht, :label => "Prix Unitaire HT :", :input_html => { class: "mx-2"}

  -# .col-3
  -#   =form.input :ct_tva_account_id, :collection => options_from_collection_for_select(TvaRate.where(:accounting_zone_id => (@p_customer ? @p_customer.accounting_zone_id : nil)).all, "id", "member_label", form.object.tva_account_id), :as => :select ,:label => false, :include_blank => false , :input_html => {:class => "input_price_line_tva_account_id form-control custom-select"}
  .col-1.text-center.my-auto
    %span.destroy{style: "font-size: 2rem;"}=link_to_remove_fields ic(:"trash-o"), form
    = qi_js_field(form, :price_line, :tva_account_value, :hidden => true)
    = form.hidden_field :position, :class => "price_line_position_input"