{% extends 'base.html.twig' %}

{% block title %}Details services |
	{{ parent() }}
{% endblock %}

{% block body %}
	<!-- breadcrumb-area -->
	<section class="breadcrumb-area d-flex align-items-center" style="background-image:url({{ asset('assets/custom/img/bg/footer-bg.png') }})">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-xl-12 col-lg-12">
					<div class="breadcrumb-wrap text-center">
						<div class="breadcrumb-title">
							<h2>Details services</h2>
							<div class="breadcrumb-wrap">

								<nav aria-label="breadcrumb">
									<ol class="breadcrumb">
										<li class="breadcrumb-item">
											<a href="{{ path('default')}}">Accueil</a>
										</li>
										<li class="breadcrumb-item active" aria-current="page">Details Services</li>
									</ol>
								</nav>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</section>
	<!-- service-details-area -->
	<div class="about-area5 about-p p-relative">
		<div class="container pt-120 pb-90">
			<div
				class="row">
				<!-- #right side -->
				<div class="col-sm-12 col-md-12 col-lg-4 order-1">
					<aside
						class="sidebar services-sidebar">

						<!--Service Contact-->
						<div class="service-detail-contact wow fadeup-animation" data-wow-delay="1.1s">
							<h3 class="h3-title">Si vous avez besoin de nous conctactez-nous</h3>
							<a href="javascript:void(0);" title="Call now">{{ app_phone_number }}</a>
						</div>

					</aside>
				</div>
				<!-- #right side end -->


				<div class="col-lg-8 col-md-12 col-sm-12 order-2">
					<div class="service-detail">


						<div class="content-box">
							<h2>
								{{ product.title }}
							</h2>
							<p>{{ product.summary }}</p>

							<!-- One Column -->
							<div class="two-column">
								<div class="row">
									<div class="image-column col-xl-12 col-lg-12 col-md-12">
										<figure class="image"><img src="{{ vich_uploader_asset(product, 'imageFile') }}" alt=""></figure>
									</div>


								</div>
							</div>

							<p>{{ product.description|raw }}</p>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
	<!-- service-details-area-end -->


{% endblock %}