{% extends 'baseTemplate_2.html.twig' %}
{% import 'presentation/macroHead.html.twig' as traiteinfoHead %}
{% block title %}Votre panier{% endblock %}
{% block body %}
<div class="full-width-header header-style1 home1-modifiy">
<!--Header Start-->
{{ traiteinfoHead.infoHead(typeSite,objetAbonne,listeMenu,"#000") }}
<!--Header End-->
</div>
<!-- Main content Start -->
<div class="main-content">
<!-- Breadcrumbs Start -->
<div class="rs-breadcrumbs breadcrumbs-overlay" style="height : 100px;">
<div class="breadcrumbs-img">
<img src="assets/images/breadcrumbs/2.jpg" alt="Breadcrumbs Image">
</div>
<div class="breadcrumbs-text white-color">
<h1 class="page-title"> {{'site.produit'|trans}}</h1>
<ul>
<li>
<a class="active" href="index.html">{{'site.home'|trans}}</a>
</li>
<li>{{'site.produit'|trans}}</li>
</ul>
</div>
</div>
<!-- Breadcrumbs End -->
<!-- Shop Single Start -->
<div id="rs-single-shop" class="rs-single-shop shop-rp orange-color pt-100 pb-100 md-pt-70 md-pb-70">
{% if unProduit|length != 0 %}
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12 sm-mb-30">
<div class="single-product-image">
<div class="images-single">
<img src="{{asset('upload/'~unProduit[0]["urlImage"])}}" alt="">
</div>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="single-price-info pl-30">
<h4 class="product-title">{{ unProduit[0]["nom"] }}</h4>
<span class="single-price">
{% if unProduit[0]["prixAchat"]== 0 %}
-
{% else %}
{{ unProduit[0]["prixAchat"] }}
{% endif %}
{{unProduit[0]["libelleDevise"]}}
</span>
<p class="some-text">
{{ unProduit[0]["description"]|raw }}
</p>
<form>
<h4 class="title">
{#<input type="text" class="form-control qteSaisie" placeholder="Quantité"/><br/>#}
{% if listeConditionne|length !=0 %}
<select class="form-control produitCondId">
<option value="0">{{'site.action.detail'|trans}} </option>
{% for uneConditionne in listeConditionne %}
<option value="{{ uneConditionne["id"]}}">{{uneConditionne["nomProduit"]}}</option>
{% endfor %}
</select>
{% endif %}
<input type="hidden" class="form-control prixProduct" value="{{unProduit[0]["prixAchat"]}}">
<input type="hidden" class="form-control produitId" value="{{unProduit[0]["id"]}}">
<input type="hidden" class="form-control produitBaseId" value="{{unProduit[0]["id"]}}">
<select class="form-control carateristiqueProduit" {% if listeCarateristique|length !=0 %}style="display:none;"{% endif %}>
<option value="0"> Conteneur </option>
{% for uneCarateristique in listeCarateristique %}
<option value="{{uneCarateristique.carateristiqueprixId}}">{{ uneCarateristique.libelle}}</option>
{% endfor %}
</select>
</h4>
<p class="desc"> </p>
<input type="number" class="input-text qteSaisie" step="1" min="1" value="1">
<button class="btn-shop orange-color ml-10 btValiderCart" type="button" ids="{{unProduit[0]["id"]}}">{{'site.ajouter.panier'|trans}}</button>
</form>
{#<p class="category"><span>Category:</span><a href="#"> Business</a></p>#}
</div>
</div>
</div>
{#<div class="tab-area">
<ul class="nav nav-tabs">
<li><a class="active" href="#one" data-bs-toggle="tab">Description</a></li>
<li><a href="#two" data-bs-toggle="tab">Reviews (0)</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="one">
<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>
</div><!-- #one -->
<div class="tab-pane" id="two">
<div class="reviews-grid">
<div class="top-area">
<p>There are no reviews yet.</p>
<h6 class="mb-0">Be the first to review <b>Medicine Bottle</b> </h6>
</div>
<form class="comment-form" id="commentform">
<p class="comment-notes">Your email address will not be published. Required fields are marked *</p>
<div class="placeholder-cntrl">
<label>Name *</label>
<input type="text" name="name" size="30" required="">
</div>
<div class="placeholder-cntrl">
<label>Email *</label>
<input type="Email" name="email" size="30" required="">
</div>
<div class="ratings">Your rating
<ul>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star-o"></i></li>
</ul>
</div>
<div class="placeholder-cntrl">
<label>Your review *</label>
<textarea required=""></textarea>
</div>
<button class="btn-shop orange-color" type="submit">submit</button>
</form>
</div>
</div><!-- #two -->
</div>
</div>#}<!-- .tab-area -->
</div>
{% endif %}
</div>
<!-- Shop Single Start -->
<!--Shop part end
<div class="rs-shop-part orange-color pb-125 md-pb-75">
<div class="container">
<h4 class="mb-40">Related products</h4>
<div class="row">
<div class="col-lg-4 col-md-6 col-12 md-mb-45">
<div class="product-list">
<div class="image-product">
<img src="assets/images/shop/4.jpg" alt="">
<div class="overley">
<a href="#"><i class="flaticon-basket"></i></a>
</div>
</div>
<div class="content-desc text-center">
<h2 class="loop-product-title pt-15"><a href="#">Medicine Bottle</a></h2>
<span class="price">$30.00</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12 md-mb-45">
<div class="product-list">
<div class="image-product">
<img src="assets/images/shop/5.jpg" alt="">
<div class="overley">
<a href="#"><i class="flaticon-basket"></i></a>
</div>
</div>
<div class="content-desc text-center">
<h2 class="loop-product-title pt-15"><a href="#">Medicine Bottle</a></h2>
<span class="price">$30.00</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="product-list">
<div class="image-product">
<img src="assets/images/shop/7.jpg" alt="">
<div class="overley">
<a href="#"><i class="flaticon-basket"></i></a>
</div>
</div>
<div class="content-desc text-center">
<h2 class="loop-product-title pt-15"><a href="#">Prescription Book</a></h2>
<span class="price">$30.00</span>
</div>
</div>
</div>
</div>
</div>
</div>-->
<!--Shop part end-->
<!-- Newsletter section start
<div class="rs-newsletter style1 orange-color mb--90 sm-mb-0 sm-pb-70">
<div class="container">
<div class="newsletter-wrap">
<div class="row y-middle">
<div class="col-lg-6 col-md-12 md-mb-30">
<div class="content-part">
<div class="sec-title">
<div class="title-icon md-mb-15">
<img src="assets/images/newsletter.png" alt="images">
</div>
<h2 class="title mb-0 white-color">Subscribe to Newsletter</h2>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<form class="newsletter-form">
<input type="email" name="email" placeholder="Enter Your Email" required="">
<button type="submit">Submit</button>
</form>
</div>
</div>
</div>
</div>
</div>
Newsletter section end -->
</div>
<!-- Main content End -->
</div>
{% endblock %}
{% block javascripts %}
{{parent()}}
<script type="text/javascript">
$(document).on( "change", ".produitCondId", function() {
$.ajax({
dataType: 'json',
type: 'POST',
url: "{{ path('admin_get_info_conditionnement_produit') }}",
data: 'produitCondId=' + $(".produitCondId").val() + '&produitId=' + $(".produitBaseId").val(),
beforeSend: function () {
},
success: function (rep) {
$(".prixProduct").val(rep['prixVente']);
$(".produitId").val(rep['produitId']);
$(".product-price").html(rep['prixVente']);
$(".product-title").html(rep['produitNom']);
$(".carateristiqueProduit").show();
$(".carateristiqueProduit").html("");
lInput ="<option value='0' >Choisir votre le type</option>";
for (var i = 0; i < rep['listeCarateristiquePrix'].length; i++) {
lInput = lInput+"<option value=\""+rep['listeCarateristiquePrix'][i].carateristiqueprixId +"\"> " + rep['listeCarateristiquePrix'][i].libelle + "</option>";
}
$(".carateristiqueProduit").append(lInput);
//$(".carateristiqueProduit").html(lInput);
$( ".btValiderCart" ).attr( "ids", rep['produitId']);
},
complete: function () {
}
});
})
$(document).on( "change", ".carateristiqueProduit", function() {
$.ajax({
dataType: 'json',
type: 'POST',
url: "{{ path('admin_get_info_prix_by_carateristique') }}",
data: 'carateristiqueProduit=' + $(".carateristiqueProduit").val() + '&produitId=' + $(".produitId").val(),
beforeSend: function () {
},
success: function (rep) {
$(".prixProduct").val(rep['prixVente']);
$(".produitId").val(rep['produitId']);
$(".product-price").html(rep['prixVente']);
$(".product-title").html(rep['produitNom']);
/* $(".carateristiqueProduit").show();
$(".carateristiqueProduit").html("");
lInput ="";
for (var i = 0; i < rep['listeCarateristiquePrix'].length; i++) {
lInput = lInput+"<option value=\""+rep['listeCarateristiquePrix'][i].id +"\"> " + rep['listeCarateristiquePrix'][i].libelle + "</option>";
}
$(".carateristiqueProduit").append(lInput);
//$(".carateristiqueProduit").html(lInput);*/
$(".single-price").html(rep['prixVente']+" "+rep['devise']);
$( ".btValiderCart" ).attr( "ids", rep['produitId']);
},
complete: function () {
}
});
})
</script>
{% endblock %}