{% if matrix is defined and matrix is not null%}
<!-- Modal -->
<div class="modal fade" id="matrixModal" tabindex="-1" role="dialog">
<div class="modal-dialog hugeModal modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header text-center">
<h5 class="modal-title font-light w-100"> {{ "matrix.title"|trans }} </h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-center">
<div class="row">
{% if user.isAdminCustomer %}
<div class="col">
<label for="selectCustomer">Client:  </label>
<select name="selectCustomer" id="selectCustomer">
{% for customer in customers %}
<option value="{{ customer.customerId }}"> {{ customer.customerName }} </option>
{% endfor %}
</select>
</div>
{% endif %}
<div class="col">
<label for="deliveryDateMatrix">Date de livraison:</label>
<input type="date" id="deliveryDateMatrix" value="{{ "now"|date("Y-m-d") }}">
</div>
</div>
<hr>
<div class="row">
<div class="col-12">
<table id="matrixMovementDatatable" style="width:100%"
class="table table-striped table-light text-center">
<thead>
<tr>
<th scope="col">{{ "article.name" | trans }}</th>
<th scope="col">{{ "order.qty" | trans }}</th>
<th scope="col">{{ "order.unitPrice" | trans }}</th>
<th scope="col">{{ "order.amount" | trans }}</th>
</tr>
</thead>
</table>
</div>
</div>
<div class="row">
<div class="col-12">
<h3>{{ "order.total" | trans }}: <span id="totalMatrix"></span> €</h3>
<input id="matrixId" type="hidden" value="{{ matrix.id }}">
</div>
</div>
<div class="row">
<div class="col-12 text-center mt-3">
<button type="button" class='btn-lg btn-primary' data-toggle="popover"
data-trigger="hover" id="addToCartButton"
data-content="{{ "matrix.admin.addToCart" | trans }}"
onclick='addMatrixToCart()'>
<i class="fas fa-cart-plus"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
{% endif %}