{% extends "base.html" %}

{% block content %}

<div class="section-title">

    <span class="eyebrow">
        REPORTS
    </span>

    <h2>
        Items
    </h2>

</div>


<div class="panel">

    <table>

        <thead>

            <tr>

                <th>
                    Section
                </th>

                <th>
                    Item Code
                </th>

                <th>
                    Item Name
                </th>

                <th>
                    Type
                </th>

            </tr>

        </thead>


        <tbody>

            {% for item in items %}

            <tr>

                <td>
                    {{ item.section }}
                </td>

                <td>
                    {{ item.code }}
                </td>

                <td>
                    {{ item.name }}
                </td>

                <td>

                    {% if item.participation_type == "G" %}
                        Group
                    {% else %}
                        Individual
                    {% endif %}

                </td>

            </tr>

            {% empty %}

            <tr>

                <td
                    colspan="4"
                    class="text-center"
                >
                    No items found.
                </td>

            </tr>

            {% endfor %}

        </tbody>

    </table>

</div>

{% endblock %}