{% verbatim %}
<div class="current-selling">

<form >

    <h2>

        Festival:
         <span class="badge badge-success">{{ activeFestival.chiffreAffaire }} €</span>
         <span class="badge badge-success">{{ activeFestival.clientsCount }} <i class="fa fa-user"></i></span>
         </h2>

        <input type="text" ng-model="activeFestival.name" placeholder="nom du festival">
        <input type="text" ng-model="activeFestival.commentaire" placeholder="commentaire">
        <hr>

       <h2>
          <i class="fa fa-user"></i> Client actuel:
       </h2>
        {{ activeSelling.length }} produit<span ng-if="activeSelling.length>1">s</span>
        <input id="sellingComment" name="sellingComment" class="input input-lg" type="text" ng-model="sellingComment" placeholder="nom ou commentaire">
        <button class="btn btn-default" ng-click="clearSellingComment()">
            <i class="fa fa-times"></i>
        </button>
        <hr>
        <ul>
            <li ng-repeat="p in activeSelling track by $index">
                <div class="row">
                    <div class="col-xs-6">
                        <div class="input-group">
                            <input type="text" ng-model="p.name">
                            <span class="btn btn-warning input-group-addon remove-itm"
                                    ng-click="removeProduct(p,$index)">
                                <i class="fa fa-trash"></i>
                            </span>
                        </div>
                    </div>
                    <div class="col-xs-6 text-right">
                        <strong>
                            <input type="number" ng-model="p.price">
                            € </strong>
                    </div>
                </div>
            </li>
        </ul>
        <div class="text-right">
            <div class="row">
                <div class="col-xs-6">
                    <h3>Total: </h3>
                </div>
                <div class="col-xs-6">
                <h3>
                <strong>

                {{ CurrentSellingTotal() }} </strong>€
                </h3>
            </div>
            </div>
            <div class="row">
                <div class="col-xs-6">
                    Le client paie:
                </div>
                <div class="col-xs-6">
                    <input type="number" id="paid_amount" ng-model="paidAmount">
                </div>
            </div>
            <div class="alert alert-success" ng-if="paidAmount && CurrentSellingTotal() - paidAmount <=0">
                <h3>Rendu: {{ -1*(CurrentSellingTotal() - paidAmount) }} €</h3>
            </div>
            <div class="alert alert-warning" ng-if="paidAmount && CurrentSellingTotal() - paidAmount >0">
                <h3>il manque: {{ CurrentSellingTotal() - paidAmount }} €</h3>
            </div>
        </div>
        <div class="row">
            <div class="col">
                {% endverbatim %}
    {% include 'logged/angular/validate-button.html.twig' %}
{% verbatim %}
            </div>
            <!--<div class="col">-->
                <!--<button class="btn btn-default" id="pause_selling" ng-click="pauseSelling()">-->
                    <!--<i class="fa fa-clock"></i>-->
                    <!--Pause-->
                <!--</button>-->
            <!--</div>-->
        </div>

</form>
    <hr>
</div>


{% endverbatim %}