{% extends 'base.html.twig' %}
{% block title %}Contact | {{ parent() }}{% endblock %}
{% block content_class %}contact-page{% endblock %}
{% block body %}
<div class="map-view-wrap">
<div class="container">
<div class="map-view-wrap_item">
<div class="list-single-main-item-title fl-wrap">
<h3>Contacts</h3>
</div>
<div class="box-widget-list mar-top">
<ul>
{% if contactPage.address %}
<li><span><i class="fal fa-map-marker"></i> Adresse :</span> <a href="#">{{ contactPage.address }}</a></li>
{% endif %}
{% if contactPage.phone %}
<li><span><i class="fal fa-phone"></i> Phone :</span> <a href="tel:{{ contactPage.phone }}">{{ contactPage.phone }}</a></li>
{% endif %}
{% if contactPage.mail %}
<li><span><i class="fal fa-envelope"></i> Mail :</span> <a href="mailto:{{ contactPage.mail }}">{{ contactPage.mail }}</a></li>
{% endif %}
{% if contactPage.website %}
<li><span><i class="fal fa-browser"></i> Website :</span> <a href="{{ contactPage.website }}">{{ contactPage.website }}</a></li>
{% endif %}
</ul>
</div>
<div class="list-widget-social">
<ul>
{% if contactPage.facebook %}
<li><a href="{{ contactPage.facebook }}" target="_blank" ><i class="fab fa-facebook-f"></i></a></li>
{% endif %}
{% if contactPage.twitter %}
<li><a href="{{ contactPage.twitter }}" target="_blank"><i class="fab fa-twitter"></i></a></li>
{% endif %}
{% if contactPage.instagram %}
<li><a href="{{ contactPage.instagram }}" target="_blank" ><i class="fab fa-instagram"></i></a></li>
{% endif %}
{% if contactPage.linkedin %}
<li><a href="{{ contactPage.linkedin }}" target="_blank" ><i class="fab fa-linkedin"></i></a></li>
{% endif %}
{% if contactPage.youtube %}
<li><a href="{{ contactPage.youtube }}" target="_blank" ><i class="fab fa-youtube"></i></a></li>
{% endif %}
</ul>
</div>
</div>
</div>
</div>
<div class="map-container fw-map2">
<div id="singleMap" data-latitude="{{ contactPage.latitude }}" data-longitude="{{ contactPage.longitude }}"></div>
</div>
<div class="breadcrumbs-fs fl-wrap">
<div class="container">
<div class="breadcrumbs fl-wrap"><a href="{{ url('app_client_home') }}">Accueil</a><span>Contact</span></div>
</div>
</div>
<section id="sec1" class="grey-b lue-bg middle-padding">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="list-single-main-item fl-wrap">
<div class="list-single-main-item-title fl-wrap">
<h3>{{ contactPage.office }}</h3>
</div>
<div class="list-single-main-media fl-wrap">
{% if contactPage.building %}
<img src="{{ asset('uploads/files/building/ryvup/' ~ contactPage.building) | imagine_filter('326x216') }}" alt="" class="respimg"/>
{% else %}
<img src="{{ asset('front/images/all/ryvup.jpeg') | imagine_filter('326x216') }}" alt="" class="respimg">
{% endif %}
</div>
<p>{{ contactPage.description | raw }}</p>
<div class="list-single-main-item-title fl-wrap mar-top">
<h3>{{ contactPage.workingHours }}</h3>
</div>
<ul class="cat-item cat-item-changed">
<li><a href="#">{{ contactPage.daysOpen }}</a> <span>{{ contactPage.hoursOpen }}</span></li>
<li><a href="#">{{ contactPage.daysClose }}</a> <span>{{ contactPage.hoursClose }}</span></li>
</ul>
</div>
</div>
<div class="col-md-8">
<div class="list-single-main-item fl-wrap">
{{ include('base-default/message-flash-contact.html.twig') }}
<div class="list-single-main-item-title fl-wrap">
<h3>Entrer en contact</h3>
</div>
<div id="contact-form">
{{ form_start(form, {'attr': {'class': 'custom-form'}}) }}
<fieldset>
<div class="fl-wrap">
{{ form_label(form.fullName) }}
{{ form_widget(form.fullName) }}
{{ form_errors(form.fullName) }}
</div>
<div class="clearfix"></div>
<div class="fl-wrap div-label-input">
{{ form_label(form.email) }}
{{ form_widget(form.email) }}
{{ form_errors(form.email) }}
</div>
<div class="fl-wrap div-label-input">
{{ form_widget(form.content) }}
{{ form_errors(form.content) }}
</div>
</fieldset>
<button type="submit" class="btn float-btn color2-bg" style="margin-top:15px;">Envoyer le message<i class="fal fa-angle-right"></i></button>
{{ form_end(form) }}
</div>
</div>
</div>
</div>
</div>
<div class="section-decor"></div>
</section>
{% endblock %}