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

{% block title %}{{'Orders'|trans}}{% endblock %}
{% block page_title %}{{'Orders'|trans}}{% endblock %}
{% block breadcrumb %}
    <li class="breadcrumb-item active" aria-current="page">{{'Orders'|trans}}</li>
{% endblock %}

{% block buttons %}
    <a href="{{ path('order') }}" class="btn btn-outline-primary"><i class="bi bi-plus-square"></i> {{'Add'|trans}}</a>
{% endblock %}

{% block body %}

<div class="card bg-white border-0 rounded-3 mb-4">
    <div class="card-body p-4">

        {% block alert %}
            {% for label, messages in app.flashes %}
                <div class="alert alert-{{ label }}">
                    {% for message in messages %}
                        <p>{{ message }}</p>
                    {% endfor %}
                </div>
            {% endfor %}
        {% endblock %}

        <table class="table">
            <thead>
                <tr>
                    <th>{{'Référence'|trans}}</th>
                    <th>{{'Status'|trans}}</th>                    
                    <th class="text-right" width="20%">{{'Actions'|trans}}</th>
                </tr>
            </thead>
            <tbody>
                {% for order in orders %}
                    <tr>
                        <td>{{ order.reference }}</td>
                        <td>{{ order.status | raw }}</td>
                        <td class="text-right">
                            <a href="{{ path('order', {'id': order.id}) }}" class="btn btn-sm btn-primary"><i class="bi bi-pen"></i> {{'Edit'|trans}}</a>
                            <a href="{{ path('delete_order', {'id': order.id}) }}" class="btn btn-sm btn-danger"><i class="bi bi-trash"></i> {{'Delete'|trans}}</a>
                        </td>                
                    </tr>
                {% endfor %}
            </tbody>
        </table>

        <nav class="text-center" aria-label="Page navigation example">
            <div class="pagination justify-content-center"> 
                {% if currentPage > 1 %}
                    <li class="page-item"><a class="page-link" href="?page={{ currentPage - 1 }}">Précédent</a></li>
                {% endif %}

                {% if totalPages > 0 %}
                    {% for i in 1..totalPages %}
                        <li class="page-item {{currentPage == i ? 'active"  aria-current="page"' : '"' }}><a class="page-link" href="?page={{ i }}">{{ i }}</a></li>
                    {% endfor %}
                {% endif %}

                {% if currentPage < totalPages %}
                    <li class="page-item"><a class="page-link" href="?page={{ currentPage + 1 }}">Suivant</a></li>
                {% endif %}
            </div>
        </nav>

    </div>
</div>
{% endblock %}