.row
  .col-sm-12
    .box
      .box-header.dark-background
      .box-content
        = form_for [:user, @registration], html: { multipart: true, class: 'form form-horizontal'} do |f|
          = form_group(@registration, :product_id) do
            %label.col-md-2.control-label{for: :product_id} Printer*
            .col-md-5
              = f.collection_select :product_id, Product.where(:active => true).order('is_sawgrass_product desc'), :id, :name, { prompt: true }, class: 'form-control'

          .product-options
            = f.hidden_field :options_array, multiple: true, value: nil

            - unless @registration.new_record?
              = form_group(@registration, :options_array) do
                %label.col-md-2.control-label{for: :product_options} Options
                .col-md-10
                  - @registration.product_options.each do |opt|
                    %label.checkbox-inline
                      = f.check_box :options_array, { multiple: true }, opt, nil
                      = opt

          = form_group(@registration, :serial_number) do
            #help_sn.icon-question-sign.left{ "data-featherlight" => "image", :href => "../../assets/snhelp.jpg"}
            %label.col-md-2.control-label{for: :serial_number} Serial Number*
            .col-md-5
              = f.text_field :serial_number, class: 'form-control'

          #sawgrassable-dep
            = form_group(@registration, :date_of_purchase) do
              %label.col-md-2.control-label{for: :date_of_purchase} Date of Printer Purchase
              .col-md-5.datepicker.input-group
                = f.text_field :date_of_purchase, class: 'form-control', :id => 'purchase_date', :readonly => "readonly"
                %span.input-group-addon
                  %span.icon-calendar{ data: { 'date-icon' => 'icon-calendar', 'time-icon' => 'icon-time'}, id: 'cal_icon' }

            = form_group(@registration, :proof_of_purchase) do
              %label.col-md-2.control-label{for: :proof_of_purchase} Proof of Printer Purchase
              .col-md-5
                - unless @registration.has_proof_of_purchase?
                  %small  jpg, png, pdf or tiff up to 10MB
                  = f.file_field :proof_of_purchase, class: 'form-control'
                - else
                  = f.file_field :proof_of_purchase, class: 'form-control'
                  = link_to("Proof of Purchase", @registration.proof_of_purchase.url)

            =form_group(@registration, :has_warranty) do
              = f.hidden_field :has_warranty, value: true

            .warranty{:id => "warranty"}
              = form_group(@registration, :reseller_warranty_code) do
                %label.col-md-2.control-label{for: :reseller_warranty_code} Warranty Code
                .col-md-5
                  = f.text_field :reseller_warranty_code, class: 'form-control'

          .form-actions.form-actions-padding-sm
            .row
              .col-md-10.col-md-offset-2
                = f.submit "Save", class: 'btn btn-primary'

:javascript
  $(document).ready(function(){
    $('#purchase_date').datepicker({format: 'dd/mm/yyyy'})
    $('#product_registration_variation_id').change(function(){
      $.getJSON("/user/product_variations/" + $('#product_registration_variation_id').val() + ".json", function(data){
        console.log(data.force_new_registration);
        if(data.force_new_registration == true){
          console.log("Force new registration");
          $('#product_registration_registration_reason').val("new_registration");
          $('#product_registration_registration_reason').hide();
          $('#reg_label').hide();
        }
      })
    });

    $('#cal_icon').click(function(){
      $('#product_registration_date_of_purchase').focus();
    })

  })