<tal:sticker define="portal_state context/@@plone_portal_state;
                     portal_url portal_state/portal_url;
                     item python:view.current_item;
                     sample_id item/getId;
                     client_sample_id item/getClientSampleID;
                     hazardous item/getHazardous|nothing;">

  <!-- Sample ID -->
  <div class="sample-id">
    <img tal:condition="hazardous | nothing"
         height="16"
         tal:attributes="src string:${portal_url}/senaite_theme/icon/hazardous"/>
  </div>

  <!-- Barcode -->
  <div class="barcode"
       tal:attributes="data-id sample_id;"
       data-code="code39"
       data-barHeight="14"
       data-addQuietZone="true"
       data-showHRI="false">
  </div>

  <!-- Some additional info about the sample -->
  <div class="sample-info">
    <table cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td class="client-sample-id">
          <span i18n:translate="">CSID</span>
          <span tal:content="python:client_sample_id or default">&mdash;</span>
        </td>
      </tr>
    </table>
  </div>
</tal:sticker>
