{% extends 'base.html.twig' %}
{% block body %}
    <div class="container mt-4">
        {% for message in app.flashes('error') %}
            <div class="alert alert-danger">
                {{message}}
            </div>
        {% endfor %}  

        {% for message in app.flashes('warning') %}
            <div class="alert alert-warning">
                {{message}}
            </div>
        {% endfor %}      

        {% for message in app.flashes('success') %}
            <div class="alert alert-success">
                {{message}}
            </div>
        {% endfor %}
        {{ form_start(form)}}
            <div class="row">
                <div class="col-12">
                    <div class="title-red">
                        Choix produit
                    </div>
                </div>
            </div>
            <div class="row">
                        <div class="col-md-9">
        {{ form_rest(form) }}
        </div>
                <div class="col-md-3"><button type="submit" class="btn mt-4 btn-primary">Ajouter le produit</button></div>
                    </div>
            
        {{ form_end(form) }}
        
        
            <div class="row">
                <div class="col-12">
                    <div class="title-black">
                        Produits actuelmement dans le bon de commande
                    </div>
                </div>
            </div>
        
        <table class="table table-striped">
                <thead>
                    <tr>
                        <th class="text-center" width="120">N°</th>
                        <th>Nom du produit</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    {% for orderline in orderlines%}
                        <tr>
                            <td>{{orderline.id}}</td>
                            <td>{{orderline.nameProduct}}</td>
                            <td><a href="{{ path('order.product.editFeatures', {id: orderline.id}) }}" class="btn btn-secondary"><i class="fas fa-edit"></i></a>
                            <a href="{{ path('order.product.deleteFeatures', {id: orderline.id}) }}" class="btn btn-danger"><i class="fas fa-trash"></i></a></td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
                
            <div class="row title-black">
                <div class="col-6 text-right">
                    <a href="{{ path('order.coords') }}" type="submit" class="btn btn-next"><i class="fas fa-caret-left"></i> Précédent</a>
                </div>
                <div class="col-6">
                    <a href="{{ path('order.recap') }}" type="submit" class="btn btn-next">Suivant <i class="fas fa-caret-right"></i></a>
                </div>
            </div>
    </div>
{% endblock %}
{% block javascripts %}{% endblock %}