{#
/*
* Autheur:Yosra Tlich
* Date de création :06/04/2020
* Date de modification :18/05/2023
* Description: Page service client
* Modifier par Yosra Tlich
*
*/#}
{% extends 'Accueil/layoutAccueil.html.twig' %}
{% block Head %}
{{ parent() }}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
{% endblock %}
{% block Header %}
{% if app.user %}
{{ render(controller('App\\Controller\\EspaceParentController::headerparenrt')) }}
<style>
@media (max-width: 1200px) {
.imageLogo {
width: 145px !important;
height: 80.7px !important;
margin-left: 49px !important;
margin-top: -20px;
bottom: 0px !important;
}
}</style>
{% else %}
{{ render(controller('App\\Controller\\AccueilController::header')) }}
<style>
@media (max-width: 1200px) {
.imageLogo {
width: 145px !important;
height: 80.7px !important;
margin-left: 49px !important;
margin-top: -20px;
bottom: 45px !important;
}
}</style>
{% endif %}
{% endblock %}
{% block LinksCss %}
{{ parent() }}
<link href="{{ asset ('Accueil/css/StyleServiceClient.css')}}" type="text/css" rel="stylesheet" >
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link href="{{ asset ('css/Parent/css/layoutparent.css')}}" type="text/css" rel="stylesheet" >
{% endblock %}
{% block Content %}
<body>
<div class="row no-margin">
<div class="col-xl-2 col-md-1 col-sm-1 col-xs-2 seperateurblanleft"></div>
<div class="col-xl-9 col-md-10 col-sm-10 col-xs-10 blocservice" style="margin-top:6%">
<div class="divimg">
<div> <a href="tel:+33 5 36 28 29 30"> <img src="{{('/images/iconcasque.svg')}}" class="imgstyl"> </a></div>
<div class="grandtitre"><h4 class="FirstTitle">Service client</h4></div>
</div>
<div class="parastyle">
<p class="parastyle1">Professionnels de la pédagogie, commerciaux proches des questions éducatives et designers ... Autant de personnalités réunies autour des mêmes valeurs:</br>
la sécurité, la protection des enfants, l'écoresponsabilité et l'écoute des
demandes de leurs clients mais aussi des parents et des accompagnateurs.</p>
</div>
<div class="parastylee">
<p class="parastyle1">En cas de besoin, parents, partenaires, accompagnateurs ont la possibilité d'appeler directement un responsable 5 sur 5 séjour</p>
</div>
<div class="parastyle">
<p class="secondtilte">Vous pouvez nous contacter au</p>
</div>
<div class="Contactstyle10">
<a class="Contactstyle" href="tel:+33 5 36 28 29 30" >05 36 28 29 30</a>
</div>
<div class="Contactstyle11">
<a class="Contactstyle1 " href="mailto:contact@5sur5sejour.com" >Contact@5sur5sejour.com</a>
</div>
<div class="paragstyle">
<p class="paragstyle1">5 sur 5 séjour est une plateforme sécurisée qui respecte les lois européennes sur la gestion des données personnelles. Nous nous engageons à ne pas conserver les données de séjour.</p>
</div>
<div class="paragstyle10">
<p class="paragstyle11">Pour en savoir plus rendez-vous sur :</p>
</div>
<div class="divlien" style="margin-bottom: 300px;">
<p class="lienstyle">
{% if not (app.user) %}
<a href="{{path('Politique')}}" class="lienstyle">Politique de confidentialité</a></br>
<a href="{{path('Politique')}}" class="lienstyle">Usage des cookies</a> </br>
<a href="{{path('Conditongeneral')}}" class="lienstyle">Conditions générales de vente</a></br>
{% else %}
{% if app.user.roles[0]=="ROLE_ACC" %}
<a href="{{path('Politique_Accompa')}}" class="lienstyle">Politique de confidentialité</a></br>
<a href="{{path('Politique_Accompa')}}" class="lienstyle">Usage des cookies</a> </br>
<a href="{{path('Conditongeneral_Accompa')}}" class="lienstyle">Conditions générales de vente</a></br>
{% elseif app.user.roles[0]=="ROLE_PARTENAIRE" %}
<a href="{{path('Politique_Partenaire')}}" class="lienstyle">Politique de confidentialité</a></br>
<a href="{{path('Politique_Partenaire')}}" class="lienstyle">Usage des cookies</a> </br>
<a href="{{path('Conditongeneral_Partenaire')}}" class="lienstyle">Conditions générales de vente</a></br>
{% elseif app.user.roles[0]=="ROLE_PARENT" %}
<a href="{{path('Politique_Parent')}}" class="lienstyle">Politique de confidentialité</a></br>
<a href="{{path('Politique_Parent')}}" class="lienstyle">Usage des cookies</a> </br>
<a href="{{path('Conditongeneral_Parent')}}" class="lienstyle">Conditions générales de vente</a></br>
{% endif %}
{% endif %}
</p>
</div>
</div>
<div class="col-xl-2 col-md-2 col-sm-2 col-xs-2 seperateurblanreight"></div>
</div>
<div class="row no-margin">
<div class="optionGroupe col-md-7 col-xs-12 col-sm-12 no-padding" style ="cursor:pointer;">
<div class="row no-margin col-xs-6 col-sm-6 no-padding rowProd">
<div class="Produit Groupe col-xs-6 col-sm-6">
<h3 class="titreProduit" onclick='location.href = "{{path('album',{'id':"ALL"})}}"'>Nos Produits </h3>
<ul style="list-style: none;">
{% for produit in produit %}
{% if produit.labeleType!="Connexion" %}
<li class="listeOption" {% if app.user %} onclick='location.href = "{{path('albumParent',{'id':produit.labeleType})}}"' {% else %} onclick='location.href = "{{path('album',{'id':produit.labeleType})}}"'{% endif %}>{{produit.labeleType}}</li>
{% endif %}
{% endfor %}
</ul>
</div>
</div>
<div class="row no-margin col-xs-6 col-sm-6 no-padding rowProd">
<div class="Produit Groupe col-xs-6 col-sm-6">
<h3 class="titreProduit titrePayemet">Option de paiement </h3>
<img class="payement" src="/images/SVG/Optionde paiement.svg">
</div>
<div class="Produit Groupe col-xs-6 col-sm-6" style='text-align:center;'>
<h3 class="titreProduit titrePayemet">Retrouvez-nous </h3>
<a class="liensociaux" target="_blank" href="https://www.instagram.com/5sur5sejour/?hl=fr"><img class="linked" src="/images/IconInsta.png"></a>
<a class="liensociaux" target="_blank" href="https://www.facebook.com/5sur5sejour-100176545867454"><img class="facebook" src="/images/fbk.svg"></a>
</div>
</div>
</div>
</div>
</div>
{% endblock %}