{% 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"
        >
        <!--é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é! WOHOOOOOO +{{recentSellings[recentSellings.length -1].amount}} €  {{sellingComment}}
        </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>
<!--        options-->
        <div class="row marged-v" ng-if="simpleDisplay">
        <button class="btn btn-success" ng-click="toggleSimpleDisplay()">
                <i class="fa fa-bars"></i> Affichage simple <i class="fa fa-check-circle"></i>
        </button>

        </div>
         <div class="row marged-v" ng-if="! simpleDisplay">
                <div class="col-xs-12 col-md-6" id="main_options">
                <button class="btn btn-disabled" ng-click="toggleSimpleDisplay()">
                <i class="fa fa-bars"></i> Affichage simple
</button>
                    <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': show_config.expressSelling, 'btn-disabled':! show_config.expressSelling}"
                            ng-click="show_config.expressSelling = !show_config.expressSelling">
                        <i class="fa fa-shopping-cart"></i>
                        vente express
                        <span ng-if=show_config.show_config.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>
                    <br>
                    <div id="festival-current_info">
                    {% endverbatim %}
                    <a class="btn " href="{{ path('festival_index') }}">

                        <i class="fa fa-th-large"></i>
                        Festival
                    </a>:
                    {% verbatim %}
                        <input type="text" ng-model="activeFestival.name" placeholder="nom du festival">
                            <input class="pull-right" type="text" ng-model="activeFestival.commentaire" placeholder="commentaire">
                            <span class="badge" title="fond de caisse + chiffre d'affaire. veillez à vider votre fond de caisse ailleurs lorsqu'il devient trop important, par exemple au dela de 200€" ng-class="{'badge-warning': activeFestival.fondDeCaisseAvant + activeFestival.chiffreAffaire > 200}">
                                                <i class="fa fa-archive"></i>
                                                {{ activeFestival.fondDeCaisseAvant + activeFestival.chiffreAffaire}} €
                                            </span>
                        <span class="badge badge-success">
                                             CA {{ activeFestival.chiffreAffaire }} €
                                             <span ng-if="sellingOk">
                                             <i class="fa fa-check-circle-o"></i>
                                              </span>
                                             </span>
                        <span class="badge badge-success">{{ activeFestival.clientsCount }} <i class="fa fa-user"></i></span>
                    </div>


                </div>
                <div class="col-xs-12 col-md-6">
                        <div id="client-now" class="client-now padded">
                                <i class="fa fa-user"></i>
                                <form action="#">

                                <label for="sellingComment">

                                Client actuel: {{ activeSelling.length }} produit<span ng-if="activeSelling.length!=1">s</span>
</label>
                                 <button type="button" class="deleter pull-right" ng-click="sellingComment = ''">
                                        <i class="fa fa-times"></i>
                                    </button>
                                  <input type="text" class="form-control" aria-label="Recipient's username"
                                   id="sellingComment" aria-describedby="basic-addon2" ng-model="activeFestival.productComment" name="sellingComment" placeholder="nom ou commentaire">
                                  ( {{sellingComment}} )

</form>



                            </div>
                </div>
    </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 %}