{% extends "liste_course/layout.html" %}



{% block error %}
    {%if error_item %}
    <div class="py5 alert alert-info" role="alert">
        l'item {{ error_item }} est déjà dans la liste
    </div>
    {% endif %}
{% endblock %}

{% block content %}
    <div class="container">
            <div class="py-5 text-center">
                <h1>Votre liste de course</h1>
            </div>

            <div class="py-5 text-center">                
                <form method="post" action="">
                    <input type="text" name="item" id="item">
                    <input type="hidden" value="{{ list_csv }}" name="liste_csv" id="liste_csv">
                    <input type="submit" value="Ajouter" name="add" class="btn btn-primary">
                    <input type="submit" value="Tout supprimer" name="clear" class="btn btn-danger">
                </form>

            </div>
        
            <div class="py-5">
                <ul class="list-group">
                    {% for item in liste_course %}
                    <li class="list-group-item">
                        {{ item }}
                        <form method="post" action="" style="display: inline-block; float: right" >
                            <input type="submit" value="supprimer" name="remove" class="btn btn-danger" >
                            <input type="hidden" value={{ loop.index0 }} name="item_id" >
                            <input type="hidden" value="{{ list_csv }}" name="liste_csv" id="liste_csv_id" >
                        </form >
                    </li >
                    {% endfor %}
                </ul>
            </div>
    </div>
{% endblock %}