%div
  %a.btn.btn-xs.btn-default{:href => to('/predict'), :style=>"margin-bottom:1em;"}
    %span.glyphicon.glyphicon-chevron-left
    New Prediction

  %h3.help-block
    Similar particles
  
  %hr  
  :javascript 
    $(document).ready(function(){
      $("table#neighbors").tablesorter({
        debug: false,
        theme: "bootstrap",
        headerTemplate: '{content} {icon}',
        widgets: ['uitheme', 'staticRow'],
        widgetOptions: {
        },
        sortList: [[1,1]],
        widthFixed: false,
      });
    });

  #results.table-responsive
    %table.tablesorter{:id=>"neighbors"}
      %thead
        %tr
          %th
            ID  
          %th
            Similarity
          %th
            Composition  
          %th
            Tox
          - @input.each do |key|
            %th.physchem
              = key[0].gsub(/\sMean/, '')
      %tbody
        / query and match combined
        %tr.static
          / id
          %td
            - if @prediction[:match]
              %h5= @prediction[:match].keys[0]
            - else
              %h5 Query
          / similarity
          %td
            - if @prediction[:match]
              %h5 1
            - else
              %h5 x
          / composition
          %td
            - if @prediction[:match]
              - @prediction[:match].values[0]["composition"].each do |k,v|
                %h5= k
                %p= v
            - else
              %h5 x
          / tox
          %td.tox
            - if @prediction[:prediction]
              - @prediction[:prediction].each do |k,v|
                %h5 Prediction
                %p= k
                - if v == nil
                  %p 0
                - else
                  %p= v.round(5)
            - if @prediction[:match]
              - @prediction[:match].values[0]["tox"].each do |k,v|
                %h5 Measurement
                %p= k
                %p= v.round(3)
            - if !@prediction[:prediction] && !@prediction[:match]
              %h5 x
          / physchem
          - if @prediction[:match]
            - sorted = {}
            - @input.each{|i| sorted[i[0]]=@prediction[:match].values[0]["physchem"][i[0]]}
            - sorted.each do |k,v|
              %td.physchem
                %div{:style=>"display:inline-block;padding-right:20px;"}
                  /= k.gsub(/\sMean/, '')
                  %p= v.round(3)
          - else
            - @input.each do |v|
              %td.physchem
                %div{:style=>"display:inline-block;padding-right:20px;"}
                  //= v[0].gsub(/\sMean/, '')
                  - if v[1].nil?
                    %p x
                  - else
                    %p= v[1].round(3)

        / neighbors
        - if @prediction[:neighbors]
          - @prediction[:neighbors].each_with_index do |neighbor,idx|
            %tr
              / ID
              %td
                %h5= neighbor["id"]
              / Similarity
              %td
                %h5= neighbor["similarity"].round(3)
              / Composition
              %td
                - neighbor["composition"].each do |k,v|
                  %h5= k
                  %p= v
              / Tox
              %td
                - neighbor["tox"].each do |k,v|
                  %h5 Measurement
                  %p= k
                  %p= v.round(3)
              / Physchem
              - sorted = {}
              - @input.each{|i| sorted[i[0]]=neighbor["physchem"][i[0]]}
              - sorted.each do |k,v|
                %td.physchem
                  %div
                    %div{:style=>"display:inline-block;padding-right:20px;"}
                      /= k.gsub(/\sMean/, '')
                      %p= v.round(3)