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

{% block title %}Hello !{% endblock %}

{% block body %}
    <div class="container">
        <div class="example-wrapper">
            <h1>Caisse de convention Qzine</h1>
            <fieldset>

                <div class="row">
                    <div class="col-xs-6">
                        <h2>
                            Catégories
                        </h2>
                        {% for c in categories %}
                            <h3>{{ c.name }}</h3>
                            <div class="row-fluid">
                                {% for p in c.products %}
                                    <div class="col-xs-6">

                                        <button class="btn btn-default btn-block">
                                            {{ p.name }}
                                            <input type="number" value="{{ p.price }}">
                                            € x

                                            <span class="badge badge-info">0</span>
                                        </button>

                                    </div>
                                {% endfor %}
                            </div>

                        {% endfor %}
                    </div>
                    <div class="col-xs-6">
                        <fieldset class="sell">
                            <div class="event-name">
                                <strong>évènement:</strong>
                                <input type="text" value="le salon du livre">
                            </div>
                            <div class="well">
                                <h2>Commentaire</h2>
                                <input type="text" value="le comm">

                            </div>
                            <h2>Prix</h2>
                            <strong>
                                <span class="price"></span>
                                €</strong>
                            <button class="btn btn-primary">
                                Enregistrer
                            </button>
                        </fieldset>
                        <fieldset>
                            <h2>Historique</h2>
                            <ul>
                                <li class="one-sell">
                                    12€ - commentaire
                                    <button>
                                        <i class="fa fa-pencil"></i>
                                    </button>
                                </li>
                            </ul>
                        </fieldset>
                    </div>
                </div>


            </fieldset>
            <footer>
                made by Tykayn -
                <a href="www.cipherbliss.com">
                    Cipher Bliss
                </a>
            </footer>
        </div>
    </div>
{% endblock %}