<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:tal="http://xml.zope.org/namespaces/tal"
      xmlns:metal="http://xml.zope.org/namespaces/metal"
      xmlns:i18n="http://xml.zope.org/namespaces/i18n"
      metal:use-macro="here/main_template/macros/master"
      i18n:domain="senaite.core">

  <body>
    <metal:content-title fill-slot="content-title">
      <h1>
        <!-- Icon -->
        <i class="referencesample-icon" title="Reference Sample" i18n:attributes="title">
          <svg tal:replace="structure senaite_theme/icon_data/referencesample" />
        </i>
        <span class="documentFirstHeading"
              tal:content="context/title"></span>
      </h1>
      <h2 tal:content="view/title"></h2>
    </metal:content-title>

    <metal:content-description fill-slot="content-description">
    </metal:content-description>

    <metal:content-core fill-slot="content-core">

      <div class="row">
        <!-- Chart container -->
        <div class="col-sm-12 chart-container">
          <div class="chart-options">
            <label for="selanalyses" i18n:translate="">Analysis</label>
            <select id="selanalyses" name="selanalyses">
            </select>
            <label for="selqcsample" i18n:translate="">Reference Sample</label>
            <select id="selqcsample" name="selqcsample">
            </select>
            <label for="interpolation" i18n:translate="">Interpolation</label>
            <select id="interpolation" name="interpolation">
              <option value="basis" i18n:translate="" selected>Basis</option>
              <option value="cardinal" i18n:translate="">Cardinal</option>
              <option value="linear" i18n:translate="">Linear</option>
            </select>
            <a id="printgraph" class="print-16" href="#" i18n:translate="">Print</a>
          </div>
          <div id="chart"></div>
        </div>
      </div>

      <!-- Reference Analyses table -->
      <div class="row">
        <div class="col-sm-12">
          <tal:referenceanalyses define="table view/get_analyses_table_view">
            <span tal:replace="structure python:table.ajax_contents_table()"/>
            <input type="hidden" id="graphdata" tal:attributes="value python:table.chart.get_json()"/>
          </tal:referenceanalyses>
        </div>
      </div>

    </metal:content-core>
  </body>
</html>
