Symfony Profiler

{% extends '@Flexy/FrontBundle/templates/announce/layout.html.twig' %}
{% block body %}
<style>
.countersection .count{
padding:10px !important;
font-size:18px;
}
.lbwLaz {
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
height: 40px;
border: 1px solid rgb(36, 85, 204);
border-radius: 4px;
color: rgb(102, 102, 102);
font-size: 16px;
font-weight: 500;
letter-spacing: 1px;
}
.jTSsep {
position: relative;
padding: 16px;
background-color: white;
border-radius: 4px;
box-shadow: rgb(0 0 0 / 32%) 1px 1px 20px -4px, rgb(0 0 0 / 12%) 0px 0px 6px -2px;
margin: 3.4em 16px 16px;
height: 100%;
box-sizing: border-box;
max-width: 900px;
z-index: 1050;
animation: 0.3s ease 0s 1 normal backwards running pop-in;
}
</style>
<div class="body-wrapper">



<div class="breadcrumb-area menu-item">
<div class="container simple-container">
<div class="breadcrumb-content">
<ul>
<li><a href="{{path('front_home')}}">Accueil</a></li>
{% for category in singleAnnounce.categoriesProduct %}
<li ><a href="{{path('single_category_product',{id:category.id})}}">{{category}}</a></li>
{% endfor %}
<li class="active">{{singleAnnounce.name}}</li>
</ul>
</div>
</div>
</div>


<div class="content-wraper">
<div class="container">
<div class="row single-product-area">
<div class="col-lg-8 col-md-5">

<div class="product-details-left sp-tab-style-left-page">
<div class="product-details-images slider-navigation-1">
<div class="lg-image menu-item">
<a class="popup-img venobox vbox-item" href="/uploads/{{asset(singleAnnounce.image)}}" data-gall="myGallery">
<img src="/uploads/{{asset(singleAnnounce.image)}}" alt="{{singleAnnounce.name}}">
</a>
</div>
{% for image in singleAnnounce.images %}
<div class="lg-image menu-item">
<a class="popup-img venobox vbox-item" href="/uploads/images/products{{asset(image.path)}}" data-gall="myGallery">
<img src="/uploads/images/products{{asset(image.path)}}" alt="{{image.alt}}">
</a>
</div>
{% endfor %}
</div>
<div class="tab-style-left">
<div class="sm-image"><img src="/uploads/{{asset(singleAnnounce.image)}}" alt="{{singleAnnounce.name}}"></div>
{% for image in singleAnnounce.images %}
<div class="sm-image"><img src="/uploads/images/products{{asset(image.path)}}" alt="{{image.alt}}"></div>
{% endfor %}
</div>
</div>

</div>
<div class="col-lg-4 col-md-5">
<div class="product-details-view-content pt-60">
<div class="product-info">
<h2>{{singleAnnounce.name}}</h2>
<p class="sell-by">
{% if singleAnnounce.brand %} Marque: <a href="#">{{singleAnnounce.brand}}</a>{% endif %} {% if singleAnnounce.vendor %} / <a href="#"> Par {{singleAnnounce.vendor}} </a>{% endif %}</span>
</p>
{% if singleAnnounce.skuCode %}
<span class="product-details-ref d-none">Reference: {{singleAnnounce.skuCode}}</span>
{% endif %}
<div class="price-box pt-20">
<span class="new-price new-price-2" style="color:#e9a124 ">{{singleAnnounce.price}} MAD </span>
</div>
<div style="margin-top:15px;" class="product-desc">
<p>
<span>
{{singleAnnounce.shortDescription|raw}}
</span>
</p>
</div>
<div class="single-add-to-cart">
<form action="#" class="cart-quantity d-none">
{% if singleAnnounce.vendor %}
<button data-limitedamount="{{singleAnnounce.vendor.limitedAmount}}" data-type="{{singleAnnounce.productType}}" data-weight="{{singleAnnounce.weight}}" data-collecte="{{singleAnnounce.vendor.addressCollecte}}" data-vendor="{{singleAnnounce.vendor.id}}" data-id="{{singleAnnounce.id}}" data-name="{{singleAnnounce.name}}" data-image="uploads/{{asset(singleAnnounce.image)}}" data-price="{{singleAnnounce.formattedPrice}}" data-url="{{path('single_product',{id:singleAnnounce.id}) }}" class="add-cart add-to-cart active " >Réserver</button>
{% else %}
de
{% endif %}
</form>
<a class="review-links add-cart add-to-cart mt-3" style="c" href="#" data-toggle="modal" data-target="#book-modal"> <i style="font-size: 20px;" class="fa fa-phone" aria-hidden="true"></i> Afficher le numéro</a>
</div>
<div class="booking-form-modal" >

<div class="modal fade modal-wrapper" style="max-width: 500px;margin:auto;" id="book-modal" >
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<div class="modal-body ">
<div class="modal-inner-area row ">
<div class="col-12 p-3 text-center" >
<img style="width:50%;" src="https://cdn.dribbble.com/users/1785628/screenshots/5721540/media/0a509383df0fc8df325a7049dac555d1.gif" />
<h6 style="color: #ff5c5c">Attention</h6>
<p>
Il ne faut jamais envoyer de l’argent à l’avance au vendeur par virement bancaire ou à travers une agence de transfert d’argent lors de l’achat des biens disponibles sur le site.
</p>
</div>
<div class="col-12 text-center">
<div class="li-review-content">

<div class="feedback-area">
<div class="feedback">
<form action="#" class="cart-quantity">
<div class="row" >
<div class="col-12 menu-item" >
<p class="feedback-form">
{% if singleAnnounce.vendor and singleAnnounce.vendor != null %}
<label for="feedback"> Appeler {{ singleAnnounce.vendor.fullName }}</label>
<a href="tel:{{ singleAnnounce.vendor.tel }}" class="btn btn-outline-primary btn-lg" > <i class="fa fa-phone" ></i> {{ singleAnnounce.vendor.tel }}</a>
{% else %}
<label for="feedback"> Appeler {{ singleAnnounce.customer.firstName }} {{ singleAnnounce.customer.lastName }}</label>
<a href="tel:{{ singleAnnounce.customer.firstName }}" class="btn btn-outline-primary btn-lg" > <i class="fa fa-phone" ></i> {{ singleAnnounce.customer.phone }}</a>
{% endif %}
</p>
</div>
</div>
<div class="feedback-input">
<div class="feedback-btn pb-15">
<a href="#" class="close register-button d-none" data-dismiss="modal" aria-label="Close">Annuler</a>
</div>
</div>
</form>
</div>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
<div class="menu-item product-additional-info pt-25">
<div class="product-social-sharing pt-25">
<ul>
<li class="facebook"><a href="#"><i class="fa fa-facebook"></i>Facebook</a></li>
<li class="twitter"><a href="#"><i class="fa fa-twitter"></i>Twitter</a></li>
<li class="google-plus"><a href="#"><i class="fa fa-google-plus"></i>Google +</a></li>
<li class="instagram"><a href="#"><i class="fa fa-instagram"></i>Instagram</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="col-lg-3 col-md-3 ">
<div class="block-reassurance ">
<div class="row " >
{% if singleAnnounce.vendor %}
<div class="col-12 p-3 " >
<div class="card actions p-3">
<h5>Vendeur : <span class="badge badge-warning" >{{singleAnnounce.vendor}}</span></h5>
<div>
<p>
<small>
100% Evaluation du vendeur<br>
67 abonnés <br>
</small>
<h6>Performance vendeur</h6>
<p>
<span class="badge badge-success text-white" ><i class="fa fa-star" ></i></span> Expeditions : <span class="badge badge-success text-white" >Excellent</span>
<br>
<span class="badge badge-success text-white" ><i class="fa fa-star" ></i></span> Qualité : <span class="badge badge-warning text-white" >Moyen</span>
<br>
<span class="badge badge-success text-white" ><i class="fa fa-star" ></i></span> Avis consommateurs : <span class="badge badge-warning text-white" >Moyen</span>
</p>
</p>
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>-->
</div>
</div>
</div>


<div class="product-area pt-35">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="li-product-tab">
<ul class="nav li-product-menu">
<li><a class="active" data-toggle="tab" href="#description" id="description_pro"><span>Description</span></a></li>


</ul>
</div>

</div>
</div>
<div class="tab-content">
<div id="description" class="tab-pane active show" role="tabpanel">
<div class="product-description">
<span>
{{singleAnnounce.description|raw}}
</span>
</div>
</div>
<div id="product-details" class="tab-pane p-5" role="tabpanel">
<table class="table table-sm ">
<tbody>
<tr>
<th scope="row">Modele</th>
<td>MOD{{singleAnnounce.skuCode}}</td>
</tr>
<tr>
<th scope="row">Marque</th>
<td>{{singleAnnounce.brand}}</td>
</tr>
<tr>
<th scope="row">SKU</th>
<td>{{singleAnnounce.skuCode}}</td>
</tr>
<tr>
<th scope="row">Poids (Kg)</th>
<td>0.9 </td>
</tr>
</tbody>
</table>
</div>
<div id="reviews" class="tab-pane" role="tabpanel">
<div class="product-reviews">
<div class="container">
<div class="row">
<div class="col-sm-3">
<div class="rating-block">
<h4>AVIS </h4>
<h2 class="bold padding-bottom-7"> {{singleAnnounce.rating|number_format(1, '.', ',')}} <small>/ 5</small></h2>
{% if singleAnnounce.rating|number_format(1, '.', ',') > 0 %}
{% for stars in 1..singleAnnounce.rating|number_format %}
<button type="button" class="btn btn-warning btn-sm" aria-label="Left Align">
<i class="fa fa-star"></i>
</button>
{% endfor %}
{% if singleAnnounce.rating|number_format < 5 %}
{% for stars in singleAnnounce.rating|number_format..4 %}
<button type="button" class="btn btn-default btn-grey btn-sm" aria-label="Left Align">
<i class="fa fa-star"></i>
</button>
{% endfor %}
{% endif %}
{% else %}
<button type="button" class="btn btn-default btn-grey btn-sm" aria-label="Left Align"> <i class="fa fa-star"></i> </button>
<button type="button" class="btn btn-default btn-grey btn-sm" aria-label="Left Align"> <i class="fa fa-star"></i> </button>
<button type="button" class="btn btn-default btn-grey btn-sm" aria-label="Left Align"> <i class="fa fa-star"></i> </button>
<button type="button" class="btn btn-default btn-grey btn-sm" aria-label="Left Align"> <i class="fa fa-star"></i> </button>
<button type="button" class="btn btn-default btn-grey btn-sm" aria-label="Left Align"> <i class="fa fa-star"></i> </button>
{% endif %}
</div>
</div>
<div class="col-sm-3">
<h4>  </h4>
<div class="pull-left">
<div class="pull-left" style="width:35px; line-height:1;">
<div style="height:9px; margin:5px 0;">5 <i class="fa fa-star"></i> </div>
</div>
<div class="pull-left" style="width:180px;">
<div class="progress" style="height:9px; margin:8px 0;">
{% set percentage = 0 %}
{% if singleAnnounce.getStars5 > 0 %}
{% set percentage = (singleAnnounce.getStars5 / singleAnnounce.comments|length ) * 100 %}
{% endif %}
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="5" aria-valuemin="0" aria-valuemax="5" style="width: {{ percentage }}%">
<span class="sr-only">80% Complete (danger)</span>
</div>
</div>
</div>
<div class="pull-right" style="margin-left:10px;"> {{singleAnnounce.getStars5}}</div>
</div>
<div class="pull-left">
<div class="pull-left" style="width:35px; line-height:1;">
<div style="height:9px; margin:5px 0;">4 <i class="fa fa-star"></i> </div>
</div>
<div class="pull-left" style="width:180px;">
<div class="progress" style="height:9px; margin:8px 0;">
{% set percentage = 0 %}
{% if singleAnnounce.getStars4 > 0 %}
{% set percentage = (singleAnnounce.getStars4 / singleAnnounce.comments|length ) * 100 %}
{% endif %}
<div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="4" aria-valuemin="0" aria-valuemax="5" style="width: {{percentage}}%">
<span class="sr-only">80% Complete (danger)</span>
</div>
</div>
</div>
<div class="pull-right" style="margin-left:10px;">
{{singleAnnounce.getStars4}}
</div>
</div>
<div class="pull-left">
<div class="pull-left" style="width:35px; line-height:1;">
<div style="height:9px; margin:5px 0;">3 <i class="fa fa-star"></i></div>
</div>
<div class="pull-left" style="width:180px;">
<div class="progress" style="height:9px; margin:8px 0;">
{% set percentage = 0 %}
{% if singleAnnounce.getStars3 > 0 %}
{% set percentage = (singleAnnounce.getStars3 / singleAnnounce.comments|length ) * 100 %}
{% endif %}
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="3" aria-valuemin="0" aria-valuemax="5" style="width:{{percentage}}%">
<span class="sr-only">80% Complete (danger)</span>
</div>
</div>
</div>
<div class="pull-right" style="margin-left:10px;">{{singleAnnounce.getStars3}}</div>
</div>
<div class="pull-left">
<div class="pull-left" style="width:35px; line-height:1;">
<div style="height:9px; margin:5px 0;">2 <i class="fa fa-star"></i></div>
</div>
<div class="pull-left" style="width:180px;">
<div class="progress" style="height:9px; margin:8px 0;">
{% set percentage = 0 %}
{% if singleAnnounce.getStars2 > 0 %}
{% set percentage = (singleAnnounce.getStars2 / singleAnnounce.comments|length ) * 100 %}
{% endif %}
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="5" style="width: {{percentage}}%">
<span class="sr-only">80% Complete (danger)</span>
</div>
</div>
</div>
<div class="pull-right" style="margin-left:10px;">{{singleAnnounce.getStars2}}</div>
</div>
<div class="pull-left">
<div class="pull-left" style="width:35px; line-height:1;">
<div style="height:9px; margin:5px 0;">1 <i class="fa fa-star"></i></div>
</div>
<div class="pull-left" style="width:180px;">
<div class="progress" style="height:9px; margin:8px 0;">
{% set percentage = 0 %}
{% if singleAnnounce.getStars1 > 0 %}
{% set percentage = (singleAnnounce.getStars1 / singleAnnounce.comments|length ) * 100 %}
{% endif %}
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="1" aria-valuemin="0" aria-valuemax="5" style="width: {{percentage}}%">
<span class="sr-only">80% Complete (danger)</span>
</div>
</div>
</div>
<div class="pull-right" style="margin-left:10px;">{{singleAnnounce.getStars1}}</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-7">
<hr/>
<div class="review-block">
{% for singleComment in singleAnnounce.comments %}
<div class="row">
<div class="col-sm-3">
<img src="http://dummyimage.com/60x60/666/ffffff&text=No+Image" class="img-rounded">
<div class="review-block-name"><b> {{singleComment.customer.lastName}} {{singleComment.customer.firstName}}</b></div>
<div class="review-block-date">{{singleComment.createdAt|date("Y-m-d H:i")}} </div>
</div>
<div class="col-sm-9">
<div class="review-block-rate">
{% for stars in 1..singleComment.rating %}
<button type="button" class="btn btn-warning btn-xs" aria-label="Left Align">
<i class="fa fa-star"></i>
</button>
{% endfor %}
{% if singleComment.rating < 5 %}
{% for stars in singleComment.rating..4 %}
<button type="button" class="btn btn-default btn-grey btn-xs" aria-label="Left Align">
<i class="fa fa-star"></i>
</button>
{% endfor %}
{% endif %}
</div>
<div class="review-block-title">COMMENTAIRES</div>
<div class="review-block-description">{{singleComment.comment|raw}}</div>
</div>
</div>
<hr/>
{% endfor %}
</div>
</div>
</div>
</div> 
<div class="product-details-comment-block">
{% for singleComment in singleAnnounce.comments %}
<!-- <div class="comment-details">
<div class="comment-author-infos pt-25">
<span>
{{singleComment.customer.lastName}} {{singleComment.customer.firstName}}
<ul class="rating d-inline">
{% for stars in 1..singleComment.rating %}
<li><i class="fa fa-star"></i></li>
{% endfor %}
{% if singleComment.rating < 5 %}
{% for stars in singleComment.rating..4 %}
<li class="no-star"><i class="fa fa-star"></i></li>
{% endfor %}
{% endif %}
</ul>
</span>
<em>{{singleComment.createdAt|date("Y-m-d H:i")}}</em>
</div>
<p>{{singleComment.comment|raw}}</p>
</div>
<hr style="margin:0;">-->
{% endfor %}
{% if is_granted("ROLE_CUSTOMER") %}
<div class="review-btn">
<a class="review-links" href="#" data-toggle="modal" data-target="#mymodal">Ajouter un commentaire!</a>
</div>

<div class="modal fade modal-wrapper" id="mymodal" >
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<h3 class="review-page-title">Ajouter un commentaire</h3>
<div class="modal-inner-area row">
<div class="col-lg-6">
<div class="li-review-product">
<img width="200px" src="/uploads/{{asset(singleAnnounce.image)}}" alt="Li's Product">
<div class="li-review-product-desc">
<p class="li-product-name">{{singleAnnounce.name}}</p>
<p>
<span>{{singleAnnounce.shortDescription|raw}}</span>
</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="li-review-content">

<div class="feedback-area">
<div class="feedback">
<h3 class="feedback-title">Votre avis</h3>
<form action="{{path('comment_product',{id:singleAnnounce.id})}}" method="POST">
<p class="your-opinion">
<label>Evaluer le produit</label>
<span>
<select name="rating" class="star-rating">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</span>
</p>
<p class="feedback-form">
<label for="feedback">Votre commentaire</label>
<textarea id="feedback" name="comment" cols="45" rows="8" aria-required="true"></textarea>
</p>
<div class="feedback-input">
<div class="feedback-btn pb-15">
<a href="#" class="close register-button d-none" data-dismiss="modal" aria-label="Close">Close</a>
<button class="register-button" type="submit">Envoyer</button>
</div>
</div>
</form>
</div>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
</div>

{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>


<section class="product-area li-laptop-product pt-30 pb-50">
{# <div class="container">
<div class="row">

<div class="col-lg-12">
<div class="li-section-title">
<h2>
<span>Produits en relation</span>
</h2>
</div>
{#
<div class="row">
<div class="product-active owl-carousel">
{% for singleAnnounce in associatedProducts %}
{%
include "@Flexy/FrontBundle/templates/products/includes/_singleAnnounce.html.twig" with
{
singleAnnounce:singleAnnounce,
}
%}
{% endfor %}
</div>
</div>
#}
</div>

</div>
</div>
</section>


</div>
{% endblock %}
{% block javascripts %}
{{parent()}}
<script>
$(document).ready(function(){
$.ajax({
url: "{{path('departements_ajax')}}",
data:{
city:$("select[name='city']").val()
},
success:function(data){
$("select[name='departement']").html(data);
},
});
$("select[name='city'").change(function(){
$.ajax({
url: "{{path('departements_ajax')}}",
data:{
city:$(this).val()
},
success:function(data){
$("select[name='departement']").html(data);
},
});
});
$("#showcomments").click(function(){
$("#comments").addClass("active show");
$("#reviews").addClass("active show");
$("#description_technique").removeClass("active show");
$("#product-details").removeClass("active show");
$("#description_pro").removeClass("active show");
$("#description").removeClass("active show");
});
(function () {
const second = 1000,
minute = second * 60,
hour = minute * 60,
day = hour * 24;
//I'm adding this section so I don't have to keep updating this pen every year :-)
//remove this if you don't need it
let today = new Date(),
dd = String(today.getDate()).padStart(2, "0"),
mm = String(today.getMonth() + 1).padStart(2, "0"),
yyyy = today.getFullYear(),
nextYear = yyyy + 1,
dayMonth = "09/30/",
birthday = dayMonth + yyyy;
today = mm + "/" + dd + "/" + yyyy;
if (today > birthday) {
birthday = dayMonth + nextYear;
}
//end
const countDown = new Date(birthday).getTime(),
x = setInterval(function() {
const now = new Date().getTime(),
distance = countDown - now;
document.getElementById("days").innerText = Math.floor(distance / (day)),
document.getElementById("hours").innerText = Math.floor((distance % (day)) / (hour)),
document.getElementById("minutes").innerText = Math.floor((distance % (hour)) / (minute)),
document.getElementById("seconds").innerText = Math.floor((distance % (minute)) / second);
}, 0)
}());
});
</script>
{% endblock %}

src/Flexy/FrontBundle/templates/announce/singleAnnounce/singleAnnounce.html.twig line 1