{% extends 'frontend/frontindex/add.html.twig' %}
{% block seo %}
{{ render(path(
'seo',
{ 'page':27 }
)) }}
{% endblock %}
{% block title %}ATU Contact
{% endblock %}
{% block body %}
<section class="breadcrumbs" style="background-image:url('../front-assets/assets/img/breadcrumb-bg.jpg')">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3 col-12">
<div class="breadcrumb-content">
<h1>{{'%Contact_us%'|trans}}</h1>
<ul class="breadcrumb-menu">
<li>
<a href="{{path('app_accueil')}}">{{'%Home%'|trans}}</a>
<i class="fa fa-angle-double-right"></i>
</li>
<li>
<a href="#">{{'%Contact_us%'|trans}}</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="contact-area" id="contact">
<div class="container">
<div class="row">
<div class="col-8 offset-2">
{% for message in app.flashes('Success') |slice(0,1) %}
<div class="alert alert-success text-center">
{{ message }}
</div>
{% endfor %}
{% for message in app.flashes('error') |slice(0,1) %}
<div class="alert alert-danger text-center">
{{ message }}
</div>
{% endfor %}
</div>
</div>
<div class="row">
<div class="col-12 wow fadeInUp" data-wow-delay="0.2s">
<div class="contact-inner">
<div class="row">
<div class="col-lg-8 col-12">
{{ form_start (form,{'attr': {'novalidate': 'novalidate','id':'Contact-form'}}) }}
<div class="contact-form">
<div class="row">
<div class="col-lg-6 col-md-6 col-12">
<div class="form-error">
{{ form_errors(form.nom) }}
</div>
<div class="form-group">
{{ form_widget(form.nom, { 'attr': {'placeholder': '%nom%'|trans,'required': 'required'} }) }}
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<div class="form-error">
{{ form_errors(form.email) }}
</div>
<div class="form-group">
{{ form_widget(form.email, { 'attr': {'placeholder': '%Email%'|trans,'required': 'required'} }) }}
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<div class="form-error">
{{ form_errors(form.tel) }}
</div>
<div class="form-group">
{{ form_widget(form.tel, { 'attr': {'placeholder': '%Phone%'|trans,'required': 'required'} }) }}
</div>
</div>
<div class="col-lg-6 col-md-6 col-122">
<div class="form-error">
{{ form_errors(form.sujet) }}
</div>
<div class="form-group">
{{ form_widget(form.sujet,{'attr':{'placeholder':'%Sujet%'|trans,'required': 'required' }}) }}
</div>
</div>
<div class="col-12">
<div class="form-error">
{{ form_errors(form.message) }}
</div>
<div class="form-group">
{{ form_widget(form.message,{'attr':{'placeholder':'%message%'|trans, 'required': 'required' }}) }}
</div>
</div>
<div class="col-lg-6 col-12">
<div class="contact-theme-btn">
<div class="g-recaptcha" data-sitekey="6LeTWH4oAAAAADWKt9TXkxvphBZBzVw7jcifaVXh"></div>
<br/>
<input
type="submit" value="Submit" class="theme-btn">
{# <button id="submit-button" type="submit" class="theme-btn" class="g-recaptcha" data-sitekey="6LfUfXUoAAAAAD7jRYJ3120Um-iMoterJ6YwnnD3" data-callback="onSubmit" data-action="submit">{{'%Envoyer%'|trans}}
</button> #}
</div>
</div>
<div class="col-12 my-2">
<div class="form-messege text-success"></div>
</div>
</div>
</div>
{{ form_end(form) }}
</div>
<div class="col-lg-4 col-12" _>
<div class="contact-details" style="background-image:url('../front-assets/assets/img/contact2.jpg')">
<div class="contact-details-title">
<span>{{'%Contact_us%'|trans}}</span>
<h2>{{'%Entrerencontact%'|trans}}</h2>
</div>
<div class="single-c-details">
<i class="fa fa-map-marker-alt"></i>
<div class="single-c-content">
<h5>{{'%Address%'|trans}}</h5>
<a href="https://www.google.tn/maps/place/Association+Tunisienne+d'Urologie/@36.8259824,10.179196,18z/data=!3m1!4b1!4m5!3m4!1s0x12fd3485418444d7:0x345b04235218d04f!8m2!3d36.8259824!4d10.1802903?hl=fr" target="_blank">
<span>{{'%adresseATU%'|trans}}</span>
</a>
</div>
</div>
<div class="single-c-details">
<i class="fa fa-phone"></i>
<div class="single-c-content">
<h5>{{'%Phone%'|trans}}</h5>
<span>
<a href="tel:+21698303090" class="text-white">+216 98 303 090</a>
</span>
</div>
</div>
<div class="single-c-details">
<i class="fa fa-envelope"></i>
<div class="single-c-content">
<h5>{{'%E-mail%'|trans}}</h5>
<span>
<a href="mailto:urotunisia22@gmail.com" class="text-white">urotunisia22@gmail.com</a>
</span>
{# <span><a href="mailto:zribi.ahmedsaid@yahoo.fr" class="text-white">zribi.ahmedsaid@yahoo.fr</a></span> #}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="maps-area">
<div
class="main-maps">
{# <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d798.728534411892!2d10.180569!3d36.796609!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xc9d2f777a81b9d9c!2sBarcelone!5e0!3m2!1sen!2sus!4v1659438347591!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> #}
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1596.8442769586347!2d10.179195958155608!3d36.82598239498581!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12fd3485418444d7%3A0x345b04235218d04f!2sAssociation%20Tunisienne%20d'Urologie!5e0!3m2!1sfr!2stn!4v1670333520446!5m2!1sfr!2stn" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
{% endblock %}
{% block js %}
{{parent()}}
{% endblock %}