{% extends 'base.html.twig' %}
{% block body %}
    {% verbatim %}
    <div id="caisse-now" class="tab-pane fade in active">
        <div class="caisse-main row-fluid"
                ng-app="caisse"
                ng-controller="CaisseCtrl as MainCtrl"
        >
            <div class="row marged-v">
                <div class="col-xs-12 col-md-6">
                    <button
                            title="la vente express vous permet d'enregistrer une vente pour un seul article sans remplir le formulaire de détail"
                            class="btn"
                            ng-class="{'btn-success': expressSelling, 'btn-disabled':!expressSelling}"
                            ng-click="expressSelling = !expressSelling">
                        <i class="fa fa-shopping-cart"></i>
                        mode vente express
                        <span ng-if=expressSelling>
                                    <i class="fa fa-check-circle"></i></span>
                    </button>
                    <button
                            title="montrer le nombre d'objets restants dans les stocks"
                            class="btn"
                            ng-class="{'btn-success': show_config.stock_count, 'btn-disabled':!show_config.stock_count}"
                            ng-click="show_config.stock_count = !show_config.stock_count">
                        <i class="fa fa-shopping-cart"></i>
                        stocks
                        <span ng-if=show_config.stock_count>
                                    <i class="fa fa-check-circle"></i></span>
                    </button>
                    <button
                            title="montrer le nombre d'objets restants dans les stocks"
                            class="btn"
                            ng-class="{'btn-success': show_config.sold, 'btn-disabled':!show_config.sold}"
                            ng-click="show_config.sold = !show_config.sold">
                        <i class="fa fa-shopping-cart"></i>
                        vendus
                        <span ng-if=show_config.sold>
                                    <i class="fa fa-check-circle"></i>
                                </span>
                    </button>
                </div>
                <div class="col-xs-12 col-md-6">
                        <div class="client-now padded">
                                <i class="fa fa-user"></i>
                                Client actuel:
                                  <input type="text" class="form-control" aria-label="Recipient's username" aria-describedby="basic-addon2" ng-model="sellingComment" placeholder="nom ou commentaire">

                                    <button type="button" class="deleter" ng-click="sellingComment = ''">
                                        <i class="fa fa-times"></i>
                                    </button>

                                {{ activeSelling.length }} produit<span ng-if="activeSelling.length!=1">s</span>
                            </div>
                </div>
<!--états de sauvegarde-->
          <div class="selling-ok alert-success alert block" ng-if="sellingOk" ng-click="sellingOk = false">
            <i class="fa fa-save"></i>
            Sauvegardé!
        </div>
         <div class="selling-ok alert-error alert block" ng-if="sellingError" ng-click="sellingError = false">
            <i class="fa fa-warning"></i>
            Problème de sauvegarde (pas de réseau ?)
        </div>
    {% endverbatim %}

    <div class="row">
        {% include 'logged/caisse-main.html.twig' %}
    </div>
    <div id="categories" class="tab-pane fade">
        <h2>Catégories</h2>
    </div>
    <div id="products" class="tab-pane fade">
        <h2>Produits</h2>
    </div>
    <div id="history" class="tab-pane fade">
        <h2>Historique</h2>
    </div>



    {#</div>#}
    {#</div>#}

{% endblock %}