{% extends 'base.html.twig' %}{% block title %}Produits{% endblock %}{% block body %}<header>{{ include('@FrontView/menus.html.twig') }}</header><main class="front-office-page front-office-orders-page front-office-cart-page"> <div class="container"> <div class="row py-2"> <div class="col-md-2"> {{ include('@FrontView/menusgeneral.html.twig') }} </div> <div class="col-md-10"> <div class="container py-5 h-100"> <div class="row d-flex justify-content-center align-items-center h-100"> <div class="row"> {% if arrayresult.error %} <div class="alert alert-danger">{{ arrayresult.msg }}</div> {% endif %} {% for label, messages in app.flashes %} {% for message in messages %} <div class="alert alert-{{ label == 'error' ? 'danger' : label }} alert-dismissible fade show" role="alert"> {{ message }} <button type="button" class="btn-close" data-bs-dismiss="alert"></button> </div> {% endfor %} {% endfor %} </div> <div class="col"> <div class="card cart-shell"> <div class="card-body p-4"> <div class="row"> <div class="col-lg-7"> <h5 class="mb-3"><a href="#!" class="text-body"> <i class="bi bi-cart-fill me-2"></i>Liste de vo(s) commande(s)</a></h5> <hr> <div class="d-flex justify-content-between align-items-center mb-4"> <div> <p class="mb-1">Votre panier</p> <p class="mb-0">Vous avez {{ listPanier|length }} produit(s) sur votre panier</p> </div> <div> <p class="mb-0"><span class="text-muted">Sort by:</span> <a href="#!" class="text-body">price <i class="fas fa-angle-down mt-1"></i></a></p> <a href="{{ path('app_product_panier_remove') }}" class="btn btn-danger">vider le panier</a> </div> </div> {% set total = 0 %} {% set total_taxe = 0 %} {% for panier in listPanier %} <div class="card mb-3"> <div class="card-body"> <div class="d-flex justify-content-between"> <div class="d-flex flex-row align-items-center"> <div> <img src="{{ asset('uploads/products/'~panier.produit.picture) }}" class="img-fluid rounded-3" alt="Shopping item" style="width: 65px;"> </div> <div class="ms-3"> <h5>{{ panier.produit.title }}</h5> {% if panier.rent is defined %} <small class="text-muted"> <i class="fas fa-calendar-alt"></i> Location: {{ panier.rent.startDate|date('d/m/Y') }} → {{ panier.rent.endDate|date('d/m/Y') }} </small> {% set days = panier.rent.startDate.diff(panier.rent.endDate).days %} <br> <small class="text-info"> Durée: {{ days }} jour{{ days > 1 ? 's' : '' }} </small> {% endif %} </div> </div> <div class="d-flex flex-column align-items-center cart-item-meta"> <br/> <div class="row"> <div class="ms-1"> {% set price_product = 0 %} {% set price_product_taxe = 0 %} <span id="price_prd{{ panier.produit.id }}"> {% if is_granted('ROLE_COM') %} {% if panier.number < panier.price_product.nbrDealerProd %} {% set price_product = panier.price_product.priceCustomer * panier.number %} {% else %} {% set price_product = panier.price_product.priceCustomer * panier.number %} {% endif %} {% else %} {% if panier.number < panier.price_product.nbrBulkProd %} {% set price_product = panier.price_product.priceCustomer * panier.number %} {% else %} {% set price_product = panier.price_product.priceCustomer * panier.number %} {% endif %} {% endif %} {% set price_product_taxe = price_product + ((price_product * panier.price_product.taxeProduct)/100) %} {{ price_product|number_format(2, '.', ' ') }} {{ panier.produit.fkdevise.title }} </span> </div> </div> <div class="row"> <span class="small text-danger" id="span{{ panier.produit.id }}"></span> </div> </div> <div class="d-flex flex-column align-items-center cart-item-remove"> <br/> <div class="row"> <a href="{{ path('app_product_panier_product_remove', {'productID': panier.produit.id}) }}" class="text-danger"><i class="fas fa-trash-alt"></i></a> </div> </div> </div> </div> </div> {% set total = total + price_product %} {% set total_taxe = total_taxe + price_product_taxe %} {% endfor %} {% if listPanierValider and listPanierValider|length > 0 %} <div class="d-flex justify-content-between align-items-center mb-4"> <div> <p class="mb-1">Vos paniers validés</p> <p class="mb-0 text-success">Vous avez {{ listPanierValider|length }} produit(s) dont la commande a été validée</p> </div> </div> {% for panierValider in listPanierValider %} <div class="card mb-3"> <div class="card-body"> <div class="d-flex justify-content-between"> <div class="d-flex flex-row align-items-center"> <div> <img src="{{ asset('uploads/products/'~panierValider.produit.picture) }}" class="img-fluid rounded-3" alt="Shopping item" style="width: 65px;"> </div> <div class="ms-3"> <h5>{{ panierValider.produit.title }}</h5> </div> </div> <div class="d-flex flex-column align-items-center cart-item-meta"> <br/> <div class="row"> <div class="ms-1"> {% set price_prd = 0 %} <span> {% if is_granted('ROLE_COM') %} {% if panierValider.number < panierValider.price_product.nbrDealerProd %} {% set price_prd = panierValider.price_product.priceCustomer * panierValider.number %} {% else %} {% set price_prd = panierValider.price_product.priceCustomer * panierValider.number %} {% endif %} {% else %} {% if panierValider.number < panierValider.price_product.nbrBulkProd %} {% set price_prd = panierValider.price_product.priceCustomer * panierValider.number %} {% else %} {% set price_prd = panierValider.price_product.priceCustomer * panierValider.number %} {% endif %} {% endif %} {{ price_prd|number_format(2, '.', ' ') }} {{ panierValider.produit.fkdevise.title }} </span> </div> </div> </div> </div> </div> </div> {% endfor %} {% endif %} {% if listPanierNonValider and listPanierNonValider|length > 0 %} <div class="d-flex justify-content-between align-items-center mb-4"> <div> <p class="mb-1">Vos paniers non-validés</p> <p class="mb-0 text-danger">Vous avez {{ listPanierNonValider|length }} produit(s) dont la commande n'a pas été validée</p> </div> </div> {% for panierNonValider in listPanierNonValider %} <div class="card mb-3"> <div class="card-body"> <div class="d-flex justify-content-between"> <div class="d-flex flex-row align-items-center"> <div> <img src="{{ asset('uploads/products/'~panierNonValider.panier.produit.picture) }}" class="img-fluid rounded-3" alt="Shopping item" style="width: 65px;"> </div> <div class="ms-3"> <h5>{{ panierNonValider.panier.produit.title }}</h5> </div> </div> <div class="d-flex flex-column align-items-center cart-item-meta"> <br/> <div class="row"> <div class="ms-1"> {% set price = 0 %} <span> {% if is_granted('ROLE_COM') %} {% if panierNonValider.panier.number < panierNonValider.panier.price_product.nbrDealerProd %} {% set price = panierNonValider.panier.price_product.priceCustomer * panierNonValider.panier.number %} {% else %} {% set price = panierNonValider.panier.price_product.priceCustomer * panierNonValider.panier.number %} {% endif %} {% else %} {% if panierNonValider.panier.number < panierNonValider.panier.price_product.nbrBulkProd %} {% set price = panierNonValider.panier.price_product.priceCustomer * panierNonValider.panier.number %} {% else %} {% set price = panierNonValider.panier.price_product.priceCustomer * panierNonValider.panier.number %} {% endif %} {% endif %} {{ price|number_format(2, '.', ' ') }} {{ panierNonValider.panier.produit.fkdevise.title }} </span> </div> </div> <div class="row"> <span class="small text-danger">{{ panierNonValider.motif }}</span> </div> </div> </div> </div> </div> {% endfor %} {% endif %} </div> <div class="col-lg-5 cart-summary-column"> <div class="card bg-primary text-white rounded-3 cart-summary-card"> <div class="card-body"> <div class="d-flex justify-content-between"> <p class="mb-2">Total</p> <p class="mb-2" id="totalCommandeHt">{{ total|number_format(2, '.', ' ') }}</p> </div> <div class="d-flex justify-content-between"> <p class="mb-2">Livraison</p> <p class="mb-2">0.00</p> </div> <div class="d-flex justify-content-between mb-4"> <p class="mb-2">Total(Incl. taxes)</p> <p class="mb-2" id="totalCommandeTtc" >{{ total_taxe|number_format(2, '.', ' ') }}</p> </div> {{ include('frontView/product/_form.html.twig') }} </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></main>{{ include('@FrontView/footer.html.twig') }}<script src="{{ asset('build/UtilityOrder.js') }}"></script>{% endblock %}