{% extends '_include/base.html.twig' %}

{% block title %}WMS Transactions{% endblock %}

{% block breadcrumbs %}
    <nav aria-label="Breadcrumb">
        <ul class="breadcrumb__list">
            <li class="breadcrumb__item"><a href="{{ path('dashboard') }}">Home</a></li>
            <li class="breadcrumb__item" aria-current="page">WMS Transactions</li>
        </ul>
    </nav>
{% endblock %}

{% block page_title %}WMS Transactions{% endblock %}

{% block page_actions %}
    <a href="{{ path('dashboard') }}" class="btn btn--primary"><i class="fa fa-reply" aria-hidden="true"></i> Back to Dashboard</a>
{% endblock %}

{% block content %}
    <div class="card">
        <div class="card__body">
            {% if transactions is empty %}
                <div class="alert alert--info">
                    No WMS transactions found.
                </div>
            {% else %}
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Type</th>
                            <th>License Plate</th>
                            <th>Source Location</th>
                            <th>Target Location</th>
                            <th>Quantity</th>
                            <th>Performed By</th>
                            <th>Correlation ID</th>
                            <th>Created At</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for transaction in transactions %}
                            <tr>
                                <td>{{ transaction.id }}</td>
                                <td>
                                    <span class="label label-{% if transaction.type == 'INBOUND_RECEIPT' %}info{% elseif transaction.type == 'MOVE' %}primary{% elseif transaction.type == 'OUTBOUND_CONFIRM' %}success{% elseif transaction.type == 'ADJUSTMENT' %}warning{% endif %}">
                                        {{ transaction.type }}
                                    </span>
                                </td>
                                <td>{{ transaction.licensePlate.lpnNumber|default('N/A') }}</td>
                                <td>{{ transaction.sourceLocation.name|default('N/A') }}</td>
                                <td>{{ transaction.targetLocation.name|default('N/A') }}</td>
                                <td>{{ transaction.quantity|default('N/A') }}</td>
                                <td>{{ transaction.performedBy.email|default('N/A') }}</td>
                                <td><code>{{ transaction.correlationId|default('N/A')|slice(0, 20) }}{% if transaction.correlationId|default('')|length > 20 %}...{% endif %}</code></td>
                                <td>{{ transaction.created_at|date('Y-m-d H:i')|default('N/A') }}</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            {% endif %}
        </div>

        {% if pagination is defined %}
            {% include '_include/_pagination.html.twig' %}
        {% endif %}
    </div>
{% endblock %}