{% embed "@LcShop/backend/default/block/embed_modal.twig" %}
    {% trans_default_domain 'lcshop' %}
    {% block size %}modal-lg{% endblock %}
    {% block id %}modal-order-status-histories{% endblock %}
    {% block title %}{{ "group.OrderShop.orderStatusHistories"|trans }}{% endblock %}

    {% block content %}
        <div class="col">
            <table class="table table-bordered">
                <thead>
                <th>Id</th>
                <th>Date</th>
                <th>Statut</th>
                <th>Utilisateur</th>
                <th>Origin</th>
                </thead>
                <tbody>
                <template v-for="(orderStatusHistory, i) in order.orderStatusHistories">
                    <tr>
                        <td>${orderStatusHistory.id}</td>
                        <td>${orderStatusHistory.createdAt}</td>
                        <td>${orderStatusHistory.orderStatus}</td>
                        <td>${orderStatusHistory.createdBy}</td>
                        <td>${orderStatusHistory.origin}</td>
                    </tr>
                </template>
                </tbody>
            </table>
        </div>
    {% endblock %}

    {% block footer %}
        <button type="button" class="btn btn-default float-right"
                data-dismiss="modal">{{ 'action.close'|trans }}</button>
    {% endblock %}

{% endembed %}
