{# documentation.twig #}

{% extends "/skeleton/base.twig" %}

{% block content %}
<div class="container my-5">
    <div class="bg-secondary text-white mb-4 p-2">
      <h1>{{ page_title }}</h1>
    </div>

    <!-- News Table -->
    <table class="table align-middle">
			<thead>
					<tr>
					<th style="width: 35%;" class="text-primary">PRODUCT SERIES</th>
					<th style="width: 65%;" class="text-primary">NAME</th>
					</tr>
			</thead>
      <tbody>
        {% for product in productList %}
          <tr>
            <td style="width: 35%;" >{{ product.series }}</td>
            <td style="width: 65%;"><a class="text-primary" href="{{ product.link }}">{{ product.name }}</a></td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
{% endblock %}