{% extends "lara_base.html" %}
{% load static %}
{% block title %}Substances-Overview{% endblock %}

{% block top %}
  <h1> LARA Substances</h1>
  <p> </p>
{% endblock %}

{% block main_content %}
{% if substance_list %}
   <table class="report">
   <caption>{{ table_caption }}</caption>
   <thead>
       <tr>
          <th rowspan=2 > Name </th>
          <th rowspan=2 > GHS-Symbols </th>
          <th rowspan=2 > Hazard Statements ( H ) </th>
          <th rowspan=2 > Location in Lab </th>
          <th rowspan=2 > Amount [ml] </th>
          <th rowspan=2 > Safety Sheet </th>
       </tr>
   </thead>
   <tbody>
    {% for item in substance_list %}
       <tr>
           <td><a href="{% url 'lara_substances:substance-detail' item.substance_id %}" title="{{ item.name }} ({{ item.acronym }})" > {{ item.name }}   </a> </td>
           <td> {{ hazard_symbols}} </td>
           <td> {{ item.hazard_statements }} </td>
           <td> {{ item.location.location.name }} </td>
           <td> {{ item.amount_vol }} / {{ item.amount_mass }}  </td>
           <td>
               <a href="https://pubchem.ncbi.nlm.nih.gov/compound/{{item.PubChemID}}#datasheet=lcss&section=GHS-Classification" alt="{{ item.name }}">
                {{ item.name }}
                </a>
           </td>
       </tr>
    {% endfor %}
   </tbody>
   </table>

{% else %}
    <p>No substances are available.</p>
{% endif %}

{% endblock %}