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

<div class="caisse-main row">
    <div class="listing-products col-9">
        {% for c in categories %}
            <h2>

                {{ c.name }}
            </h2>
            {% for p in c.products %}
                <button class="btn btn-default">
                    {{ p.name }}
                </button>
            {% endfor %}
        {% endfor %}
    </div>
    <div class="sellings col-3">
        <div class="current-selling">
            <form action="">
                <ul>
                    <li>title x1 xxx€</li>
                </ul>
                <h3>Total: xxx€</h3>

                <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>
            <ul>
                <li>h:m:s xxxx€</li>
            </ul>
        </div>
    </div>

</div>