{% extends 'layout.html.twig' %}

{% set seo_entity = page %}
{% set body_class = 'stock-update' %}

{% block content %}
    <div class="container">
        <h1>{{ page.title }}</h1>

        <div class="stock-update-content">
            {{ page.content|raw }}
        </div>

        {% if page.currentStockUpdates is not empty %}
            <table class="stock-update-table">
                <thead class="stock-update-table-head">
                    <tr class="stock-update-table-head-row">
                        <th class="stock-update-table-head-cell">Part Number</th>
                        <th class="stock-update-table-head-cell">Description</th>
                        <th class="stock-update-table-head-cell">Pack size</th>
                        <th class="stock-update-table-head-cell">Date available</th>
                        <th class="stock-update-table-head-cell">Notes</th>
                    </tr>
                </thead>
                <tbody class="stock-update-table-body">
                    {% for update in page.currentStockUpdates %}
                        <tr class="stock-update-table-body-row">
                            <td class="stock-update-table-body-cell">
                                <div class="stock-update-table-body-cell-title">Part Number</div>
                                <div class="stock-update-table-body-cell-content">{{ update.part.code }}</div>
                            </td>
                            <td class="stock-update-table-body-cell">
                                <div class="stock-update-table-body-cell-title">Description</div>
                                <div class="stock-update-table-body-cell-content">{{ update.part.description }}</div>
                            </td>
                            <td class="stock-update-table-body-cell">
                                <div class="stock-update-table-body-cell-title">Pack size</div>
                                <div class="stock-update-table-body-cell-content">{{ update.part.product.packSize }}</div>
                            </td>
                            <td class="stock-update-table-body-cell">
                                <div class="stock-update-table-body-cell-title">Date available</div>
                                <div class="stock-update-table-body-cell-content">{{ update.dateAvailable|date('M jS') }}</div>
                            </td>
                            <td class="stock-update-table-body-cell">
                                <div class="stock-update-table-body-cell-title">Notes</div>
                                <div class="stock-update-table-body-cell-content">{{ update.notes|default('&ndash;')|raw }}</div>
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        {% endif %}

        {% include '_includes/visualiser-callout.html.twig' with {'block': true} %}
    </div>

    {% include '_includes/help-feature.html.twig' with {'articles': page.featuredHelp} %}
{% endblock %}