templates/site/template_2/cart/detail.html.twig line 1

Open in your IDE?
  1. {% extends 'baseTemplate_2.html.twig' %}
  3. {% import 'presentation/macroHead.html.twig' as traiteinfoHead %}
  4. {% block title %}Votre panier{% endblock %}
  6. {% block body %}
  8.     <div class="full-width-header header-style1 home1-modifiy">
  9.         <!--Header Start-->
  10.         {{ traiteinfoHead.infoHead(typeSite,objetAbonne,listeMenu,"#000") }}
  11.         <!--Header End-->
  12.     </div>
  13.     <!-- Main content Start -->
  14.         <div class="main-content">
  15.             <!-- Breadcrumbs Start -->
  16.             <div class="rs-breadcrumbs breadcrumbs-overlay" style="height : 100px;"> 
  17.                 <div class="breadcrumbs-img">
  18.                     <img src="assets/images/breadcrumbs/2.jpg" alt="Breadcrumbs Image">
  19.                 </div>
  20.                 <div class="breadcrumbs-text white-color">
  21.                     <h1 class="page-title"> {{'site.produit'|trans}}</h1>
  22.                     <ul>
  23.                         <li>
  24.                             <a class="active" href="index.html">{{'site.home'|trans}}</a>
  25.                         </li>
  26.                         <li>{{'site.produit'|trans}}</li>
  27.                     </ul>
  28.                 </div>
  29.             </div>
  30.             <!-- Breadcrumbs End -->
  32.             <!-- Shop Single Start -->
  33.             <div id="rs-single-shop" class="rs-single-shop shop-rp orange-color pt-100 pb-100 md-pt-70 md-pb-70">
  34.                 {% if unProduit|length != 0 %}
  35.                 <div class="container">
  36.                     <div class="row">
  37.                         <div class="col-md-6 col-sm-12 sm-mb-30">
  38.                             <div class="single-product-image">
  39.                                 <div class="images-single">
  40.                                    <img src="{{asset('upload/'~unProduit[0]["urlImage"])}}" alt="">
  41.                                 </div>
  42.                             </div>
  43.                         </div>
  44.                         <div class="col-md-6 col-sm-12">
  45.                             <div class="single-price-info pl-30">
  46.                                 <h4 class="product-title">{{ unProduit[0]["nom"] }}</h4>
  47.                                 <span class="single-price">
  48.                                 
  49.                                     {% if unProduit[0]["prixAchat"]== 0 %} 
  50.                                         -
  51.                                     {% else %} 
  52.                                         {{ unProduit[0]["prixAchat"] }} 
  53.                                     {% endif %}
  54.                                 
  55.                                 
  56.                                     {{unProduit[0]["libelleDevise"]}}
  57.                                 </span>
  58.                                 <p class="some-text">
  59.                                     {{ unProduit[0]["description"]|raw  }}
  60.                                 </p>
  62.                                 <form>
  63.                                     <h4 class="title">
  64.                                         {#<input type="text" class="form-control qteSaisie" placeholder="Quantité"/><br/>#}
  65.                                         {% if listeConditionne|length !=0  %}
  66.                                             
  67.                                             <select class="form-control produitCondId">
  68.                                                 <option value="0">{{'site.action.detail'|trans}} </option>
  69.                                                 {% for uneConditionne in listeConditionne  %}
  70.                                                 <option value="{{ uneConditionne["id"]}}">{{uneConditionne["nomProduit"]}}</option>
  71.                                                 {% endfor %}
  72.                                             
  74.                                             </select>
  75.                                         {% endif %}
  77.                                         <input type="hidden" class="form-control prixProduct" value="{{unProduit[0]["prixAchat"]}}">
  78.                                         <input type="hidden" class="form-control produitId" value="{{unProduit[0]["id"]}}">
  79.                                         <input type="hidden" class="form-control produitBaseId" value="{{unProduit[0]["id"]}}">
  81.                                         <select class="form-control carateristiqueProduit" {% if listeCarateristique|length !=0  %}style="display:none;"{% endif %}>
  82.                                                 <option value="0"> Conteneur </option>
  83.                                                 {% for uneCarateristique in listeCarateristique  %}
  84.                                                     <option value="{{uneCarateristique.carateristiqueprixId}}">{{ uneCarateristique.libelle}}</option>
  85.                                                 {% endfor %}
  86.                                         </select>
  87.                                         
  88.                                         
  89.                                     </h4>
  90.                                         <p class="desc"> </p>
  93.                                     <input type="number" class="input-text qteSaisie" step="1" min="1" value="1">
  94.                                     <button class="btn-shop orange-color ml-10  btValiderCart" type="button" ids="{{unProduit[0]["id"]}}">{{'site.ajouter.panier'|trans}}</button>
  95.                                 </form>
  96.                                 {#<p class="category"><span>Category:</span><a href="#"> Business</a></p>#}
  97.                             </div>
  98.                         </div> 
  99.                     </div>
  101.                     {#<div class="tab-area">
  102.                         <ul class="nav nav-tabs">
  103.                             <li><a class="active" href="#one" data-bs-toggle="tab">Description</a></li>
  104.                             <li><a href="#two" data-bs-toggle="tab">Reviews (0)</a></li>
  105.                         </ul>
  107.                         <div class="tab-content">
  108.                             <div class="tab-pane active" id="one">
  109.                                 <p class="dsc-p">A product can be classified as tangible or intangible. A tangible product is a physical object that can be perceived by touch such as a building, vehicle, gadget, or clothing. An intangible product is a product that can only be perceived indirectly such as an insurance policy</p>
  110.                             </div><!-- #one -->
  112.                             <div class="tab-pane" id="two">
  113.                                 <div class="reviews-grid">
  114.                                     <div class="top-area">
  115.                                         <p>There are no reviews yet.</p>
  116.                                         <h6 class="mb-0">Be the first to review <b>Medicine Bottle</b> </h6>
  117.                                     </div>
  119.                                     <form class="comment-form" id="commentform">
  120.                                         <p class="comment-notes">Your email address will not be published. Required fields are marked *</p>
  122.                                         <div class="placeholder-cntrl">
  123.                                             <label>Name *</label>
  124.                                             <input type="text" name="name" size="30" required="">
  125.                                         </div>
  126.                                         <div class="placeholder-cntrl">
  127.                                             <label>Email *</label>
  128.                                             <input type="Email" name="email" size="30" required="">
  129.                                         </div>
  130.                                         <div class="ratings">Your rating
  131.                                             <ul>
  132.                                                 <li><i class="fa fa-star"></i></li>
  133.                                                 <li><i class="fa fa-star"></i></li>
  134.                                                 <li><i class="fa fa-star"></i></li>
  135.                                                 <li><i class="fa fa-star"></i></li>
  136.                                                 <li><i class="fa fa-star-o"></i></li>
  137.                                             </ul>
  138.                                         </div>
  139.                                         <div class="placeholder-cntrl">
  140.                                             <label>Your review *</label>
  141.                                             <textarea required=""></textarea>
  142.                                         </div>
  143.                                         <button class="btn-shop orange-color" type="submit">submit</button>
  144.                                     </form>
  145.                                 </div>
  146.                             </div><!-- #two -->
  147.                         </div>
  148.                     </div>#}<!-- .tab-area -->
  151.                 </div>
  152.                 {% endif %}
  153.             </div>
  154.             <!-- Shop Single Start -->
  156.             <!--Shop part end
  157.             <div class="rs-shop-part orange-color pb-125 md-pb-75">
  158.                 <div class="container">
  159.                     <h4 class="mb-40">Related products</h4>
  160.                     <div class="row">
  161.                         <div class="col-lg-4 col-md-6 col-12 md-mb-45">
  162.                             <div class="product-list">
  163.                                 <div class="image-product">
  164.                                     <img src="assets/images/shop/4.jpg" alt="">
  165.                                     <div class="overley">
  166.                                         <a href="#"><i class="flaticon-basket"></i></a>
  167.                                     </div>
  168.                                 </div>
  169.                                 <div class="content-desc text-center">
  170.                                     <h2 class="loop-product-title pt-15"><a href="#">Medicine Bottle</a></h2>
  171.                                     <span class="price">$30.00</span>
  172.                                 </div>
  173.                             </div>
  174.                         </div>
  175.                         <div class="col-lg-4 col-md-6 col-12 md-mb-45">
  176.                             <div class="product-list">
  177.                                 <div class="image-product">
  178.                                     <img src="assets/images/shop/5.jpg" alt="">
  179.                                     <div class="overley">
  180.                                         <a href="#"><i class="flaticon-basket"></i></a>
  181.                                     </div>
  182.                                 </div>
  183.                                 <div class="content-desc text-center">
  184.                                     <h2 class="loop-product-title pt-15"><a href="#">Medicine Bottle</a></h2>
  185.                                     <span class="price">$30.00</span>
  186.                                 </div>
  187.                             </div>
  188.                         </div>
  189.                         <div class="col-lg-4 col-md-6 col-12">
  190.                             <div class="product-list">
  191.                                 <div class="image-product">
  192.                                     <img src="assets/images/shop/7.jpg" alt="">
  193.                                     <div class="overley">
  194.                                         <a href="#"><i class="flaticon-basket"></i></a>
  195.                                     </div>
  196.                                 </div>
  197.                                 <div class="content-desc text-center">
  198.                                     <h2 class="loop-product-title pt-15"><a href="#">Prescription Book</a></h2>
  199.                                     <span class="price">$30.00</span>
  200.                                 </div>
  201.                             </div>
  202.                         </div>
  203.                     </div>
  204.                 </div>
  205.             </div>-->
  206.             <!--Shop part end-->
  207.             <!-- Newsletter section start 
  208.             <div class="rs-newsletter style1 orange-color mb--90 sm-mb-0 sm-pb-70">
  209.                 <div class="container">
  210.                     <div class="newsletter-wrap">
  211.                         <div class="row y-middle">
  212.                             <div class="col-lg-6 col-md-12 md-mb-30">
  213.                                <div class="content-part">
  214.                                    <div class="sec-title">
  215.                                        <div class="title-icon md-mb-15">
  216.                                            <img src="assets/images/newsletter.png" alt="images">
  217.                                        </div>
  218.                                        <h2 class="title mb-0 white-color">Subscribe to Newsletter</h2>
  219.                                    </div>
  220.                                </div>
  221.                             </div>
  222.                             <div class="col-lg-6 col-md-12">
  223.                                 <form class="newsletter-form">
  224.                                     <input type="email" name="email" placeholder="Enter Your Email" required="">
  225.                                     <button type="submit">Submit</button>
  226.                                 </form>
  227.                             </div>
  228.                         </div>
  229.                     </div>
  230.                 </div>
  231.             </div>
  232.              Newsletter section end -->
  234.         </div> 
  235.         <!-- Main content End -->
  237.             
  238.      </div>
  239.    
  240.     
  241. {% endblock %}
  242. {% block javascripts %}
  243.  {{parent()}}
  244.     <script type="text/javascript">
  246.     $(document).on( "change", ".produitCondId", function() {
  247.      
  248.             $.ajax({
  249.                 dataType: 'json',
  250.                 type: 'POST',
  251.                 url: "{{ path('admin_get_info_conditionnement_produit') }}",
  252.                 data: 'produitCondId=' + $(".produitCondId").val() + '&produitId=' + $(".produitBaseId").val(),
  253.                 beforeSend: function () {
  254.                    
  255.                 },
  256.                 success: function (rep) {
  257.                     
  258.                     $(".prixProduct").val(rep['prixVente']);
  259.                     $(".produitId").val(rep['produitId']);
  261.                     $(".product-price").html(rep['prixVente']);
  262.                     $(".product-title").html(rep['produitNom']);
  263.                     $(".carateristiqueProduit").show();
  264.                     $(".carateristiqueProduit").html("");
  265.                     lInput ="<option value='0' >Choisir votre le type</option>";
  266.                     for (var i = 0; i < rep['listeCarateristiquePrix'].length; i++) {
  267.                             lInput = lInput+"<option value=\""+rep['listeCarateristiquePrix'][i].carateristiqueprixId +"\"> " + rep['listeCarateristiquePrix'][i].libelle + "</option>";
  268.                             
  269.                     }
  270.                     $(".carateristiqueProduit").append(lInput);
  271.                     //$(".carateristiqueProduit").html(lInput);
  272.                     $( ".btValiderCart" ).attr( "ids", rep['produitId']);
  273.                 },
  274.                 complete: function () {
  275.                 }
  276.             });
  277.     }) 
  278.     
  279.     $(document).on( "change", ".carateristiqueProduit", function() {
  280.      
  281.             $.ajax({
  282.                 dataType: 'json',
  283.                 type: 'POST',
  284.                 url: "{{ path('admin_get_info_prix_by_carateristique') }}",
  285.                 data: 'carateristiqueProduit=' + $(".carateristiqueProduit").val() + '&produitId=' + $(".produitId").val(),
  286.                 beforeSend: function () {            
  287.                    
  288.                 },
  289.                 success: function (rep) {
  290.                     
  291.                     $(".prixProduct").val(rep['prixVente']);
  292.                     $(".produitId").val(rep['produitId']);
  294.                     $(".product-price").html(rep['prixVente']);
  295.                     $(".product-title").html(rep['produitNom']);
  296.                    /* $(".carateristiqueProduit").show();
  297.                     $(".carateristiqueProduit").html("");
  298.                     lInput ="";
  299.                     for (var i = 0; i < rep['listeCarateristiquePrix'].length; i++) {
  300.                         lInput = lInput+"<option value=\""+rep['listeCarateristiquePrix'][i].id +"\"> " + rep['listeCarateristiquePrix'][i].libelle + "</option>";
  301.                         
  302.                     }
  303.                     $(".carateristiqueProduit").append(lInput);
  304.                     //$(".carateristiqueProduit").html(lInput);*/
  305.                     
  306.                     $(".single-price").html(rep['prixVente']+" "+rep['devise']);
  307.                     $( ".btValiderCart" ).attr( "ids", rep['produitId']);
  308.                 },
  309.                 complete: function () {
  310.                 }
  311.             });
  312.     }) 
  313.       
  314.     </script>
  315. {% endblock %}