caisse-bliss/app/Resources/views/logged/caisse-main.html.twig

<div class="caisse-main row"
        ng-app="caisse"
        ng-controller="CaisseCtrl"
>
    {% verbatim %}
        <div class="alert">
            test stuff: {{ stuff[0] }}.
            <br>compte: {{ stuff.length }}.
        </div>
        <div class="well">
        {{productsFromDB.length}}
</div>
    {% endverbatim %}
    <div class="listing-products col-xs-9">
        {% for c in categories %}
            <h2>
                {{ c.name }}
            </h2>
            {% for p in c.products %}
                <button class="btn btn-default"
                        ng-click="addProduct({{ p.id }})">
                    {{ p.name }}
                </button>
            {% endfor %}
        {% endfor %}
    </div>
    <div class="sellings col-xs-3">
        <div class="current-selling">
            <form action="">
                <ul >
                    {% verbatim %}

                    <li ng-repeat="p in activeSelling">
                     {{p.name}} x1 {{p.price}}€
                     </li>
                </ul>
                <h3>Total: {{CurrentSellingTotal}}€</h3>
                {% endverbatim %}
                    <input type="number" id="paid_amount">
                    <h3>Rendu: xxxx€</h3>
                    <div class="row">
                        <div class="col">
                            <button class="btn btn-primary" id="pause_selling">
                                <i class="fa fa-clock"></i>
                                Pause
                            </button>
                        </div>
                        <div class="col">
                            <button class="btn btn-primary" id="validate_selling">
                                <i class="fa fa-check"></i>
                                Valider
                            </button>
                        </div>
                    </div>


            </form>
            <hr>
        </div>
        <div class="selling-on-hold">
            <h4>
                Ventes en pause
            </h4>

            <ul>
                <li>h:m:s xxxx€</li>
            </ul>
            <hr>
        </div>
        <div class="selling-history">
            <h4>
                Ventes récentes
            </h4>
            {% if recentSells %}
                <ul>
                    {% for s in recentSells %}
                        <li>{{ s.date|date('Y/m/d H:i:s') }} {{ s.amount }}€</li>
                    {% endfor %}

                </ul>
            {% else %}
                aucune
            {% endif %}

        </div>
    </div>

</div>