{% extends 'base.html.twig' %}
{% block body_class %}checkout-cart{% endblock %}
{% block body %}

    <div class="header-content-title">
        <div style="background-image: url('{{ asset('bundles/frontend/') }}image/catalog/demo/banners/parallax.jpg'); background-position: 50% 78.1106%;" data-source-url="{{ asset('bundles/frontend/') }}image/catalog/demo/banners/parallax.jpg" class="parallex">
        </div>
    </div>

    <div id="checkout-cart" class="container">
        <ul class="breadcrumb">
            <li><a href="{{ path('homepage') }}"><i class="fa fa-home"></i></a></li>
            <li><a href="#">Détails Panier</a></li>
        </ul>
        <div class="row">
            <div id="content" class="col-sm-12">
                <h1>Détails Panier
                </h1>
                <form  method="post" enctype="multipart/form-data" class="cart-form">
                    <div class="table-responsive " style="max-height: 600px; overflow-y: scroll" >
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <td class="text-center">Image</td>
                                <td class="text-left">Produit</td>
                                <td class="text-center">Prix Unitaire </td>
                                <td class="text-center">Remise </td>
                                <td class="text-center">Quantité</td>
                                <td class="text-center text-right-price">Total-HT </td>
                            </tr>
                            </thead>
                            <tbody >
                            {%  for art in  articles %}
                            <tr>
                                <td class="text-center">
                                    <a href="#"><img src="{{ asset(artciles_dir ~ art['image'] ) }}"title="{{ art['article'] }}" alt="{{ art['article'] }}" class="img-thumbnail"  style="max-height: 100px;  " /></a> </td>
                                <td class="text-left">
                                    <a href="#">{{ art['article'] }}</a>
                                </td>
                                <td class="text-center unit-price">{{ (art['put'])|localizedcurrency('TND')  }}</td>
                                <td class="text-center  total-price">
                                    {% if(art['remise']) %}
                                        <span class="badge badge-pill badge-secondary" style="border-radius: 5px ;background-color: #789b41;"> {{ art['remise'] }} %</span></label> <br>
                                        <small> Du  {{ art['debutpromo']|date('d/m/Y')  }}  <br> Au  {{ art['finpromo']|date('d/m/Y') }}</small>
                                    {% endif %}
                                </td>
                                <td class="text-left">
                                    <div class="cart_input_block input-group btn-block" style="max-width: 200px;">
                                        <input type="text"  id="{{  art['idart'] }}" name="quantity[40]" value="{{ (app.session.get('panier'))[art['idart']] }}" size="1" class="form-control" />
                                        <span class="input-group-btn">
                                            <button type="button"   title="Modifier Qte" class="btn btn-primary main" onclick="modierqte({{ art['idart'] }})"><i class="fa fa-refresh"></i></button>

                                            <button type="button"   title="Retier produit" class="btn btn-danger" onclick="location.href='{{ path('retirerart' , {'iddrop': art['idart'] } ) }}'"><i class="fa fa-times-circle"></i></button>

                                        </span>
                                    </div>
                                </td>
                                 <td class="text-center total-price">{{ (art['tht'])|localizedcurrency('TND')  }}</td>
                            </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </form>
                <script>
                    function modierqte(idart) {
                        var url='{{  path('editqte' , {'article':  'p1' , 'qte':'p2' } )}}';
                        url=url.replace('p1',idart).replace('p2', $('#'+idart).val());
                        window.location.href =url;
                    }
                </script>
                <div class="row">

{% if(cadeaux) %}
                    <div class="col-sm-12">
                        <h2>CADEAUX ET PANIERS GOURMANDS </h2>
                        <p>A partir d'un certain montant vous bénificiez des produits cadeaux</p>
                    </div>
                    <div class="panel-group col-sm-8" id="accordion">
                        {% for cad in cadeaux %}
                            <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a href="#collapse-{{ cad.cbmarq }}" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion">A partir de total {{ cad.totalcmd|localizedcurrency('TND')  }} <i class="fa fa-caret-down"></i>
                                    </a></h4>
                            </div>
                            <div id="collapse-{{ cad.cbmarq }}" class="panel-collapse collapse">
                                <div class="panel-body">
                                        <table class="table table-bordered " style="border-top: none">
                                            <tbody>
                                            <tr>
                                                <td class="text-center image">
                                                    <img src="{{ asset(artciles_dir ~ cad.ARcadeau.ImagePrincipal) }}" width="90px" class="img-thumbnail">
                                                </td>
                                                <td  class="product-info-value text-left name"> <span style="color: #9bb465;">Produit Cadeau :</span> <h4> {{ cad.ARcadeau.Intitule  }} </h4>
                                                    <span style="color: #9bb465;">Qte :</span> {{ cad.qtecadeau }}
                                                </td>
                                            </tr>

                                            </tbody>
                                        </table>
                                </div>
                            </div>
                        </div>
                        {% endfor %}
                    </div>
{% endif %}
                    <div class="col-sm-4 sub-total-table">
                        <table class="table table-bordered">
                            <tr>
                                <td class="text-right heading-title"><strong>Total-HT:</strong></td>
                                <td class="text-right total-amount">{{ (totals['tpunit'])|localizedcurrency('TND')  }}</td>
                            </tr>
                            <tr>
                                <td class="text-right heading-title"><strong>Taxe:</strong></td>
                                <td class="text-right total-amount">{{ totals['tva'] }} % </td>
                            </tr>
                            <tr>
                                <td class="text-right heading-title"><strong>Total-Remise:</strong></td>
                                <td class="text-right total-amount">{{  totals['tremise'] }} %</td>
                            </tr>
                            <tr>
                                <td class="text-right heading-title"><strong>Total-TTC:</strong></td>
                                <td class="text-right total-amount">{{ (totals['ttc'])|localizedcurrency('TND') }} </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="buttons">
                    <div class="pull-left"><a href="{{ path('homepage') }}" class="btn btn-default cnt">Continuer</a></div>
                    <div class="pull-right"><a href="{{ path('commander') }}" class="btn btn-primary checkout">Commander</a></div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}