{% form_theme form '@SyliusShop/Form/theme.html.twig' %}
{% block content %}
<div class="contact-footer">
<img src="{{ asset('images/bg_contact.jpg', 'bootstrapTheme') }}" alt="" class="wow fadeIn" data-wow-duration="2s" data-wow-delay="1s"/>
<div class="contact-container">
<div class="form_contact wow fadeInDown" data-wow-duration="1.5s" data-wow-delay="1.5s" >
<div class="pi-section pi-no-padding">
<h1 class="titre-medium text-center">{{'app.contact.plus_infos'|trans}}</h1>
<p class="my-3">{{'sylius.ui.use_the_contact_form_below_to_send_us_a_message'|trans}}</p>
<div class="contact_form">
{{ form_start(form, {'action': path('sylius_shop_contact_request'), 'attr': {'class': 'loadable', 'novalidate': 'novalidate'}}) }}
{{ form_row(form._token) }}
<div class="row">
<div class="col-12 col-sm-6">
<div class="pi-input-with-icon pos-relative">
<div class="pi-input-icon">
<i class="icon-home"></i>
</div>
{{ form_row(form.societe) }}
</div>
</div>
<div class="col-12 col-sm-6">
<div class="pi-input-with-icon pos-relative">
<div class="pi-input-icon">
<i class="icon-mail"></i>
</div>
{{ form_row(form.email) }}
</div>
</div>
</div>
<div class="row ">
<div class="col-12 col-sm-6">
<div class="pi-input-with-icon pos-relative">
<div class="pi-input-icon">
<i class="icon-users"></i>
</div>
{{ form_row(form.nom) }}
</div>
</div>
<div class="col-12 col-sm-6">
<div class="pi-input-with-icon pos-relative">
<div class="pi-input-icon">
<i class="icon-users"></i>
</div>
{{ form_row(form.prenom) }}
</div>
</div>
</div>
<div class="row ">
<div class="col-12 col-sm-6">
<div class="pi-input-with-icon pos-relative">
<div class="pi-input-icon">
<i class="icon-phone"></i>
</div>
{{ form_row(form.telephone) }}
</div>
</div>
<div class="col-12 col-sm-6">
<div class="pi-input-with-icon pos-relative">
<div class="pi-input-icon">
<i class="icon-home"></i>
</div>
{{ form_row(form.adresse) }}
</div>
</div>
</div>
<div class="row ">
<div class="col-12 col-sm-6">
<div class="pi-input-with-icon pos-relative">
<div class="pi-input-icon">
<i class="icon-home"></i>
</div>
{{ form_row(form.departement) }}
</div>
</div>
<div class="col-12 col-sm-6">
<div class="pi-input-with-icon pos-relative">
<div class="pi-input-icon">
<i class="icon-home"></i>
</div>
{{ form_row(form.ville) }}
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-group">
<div class="pi-input-with-icon pos-relative">
<div class="pi-input-icon">
<i class="icon-pencil"></i>
</div>
{{ form_row(form.message) }}
</div>
</div>
</div>
</div>
{{ sylius_template_event('sylius.shop.contact.request.form', {'form': form}) }}
<div class="row">
<div class="col-12 col-sm">
<div class="input-group text-left w-100">
{{ form_row(form.attachment) }}
</div>
</div>
<div class="col-12 col-sm-auto text-right">
{{ form_row(form._token) }}
<button type="submit" class="btn-link" {{ sylius_test_html_attribute('send-button') }}>{{ 'sylius.ui.send'|trans }}</button>
</div>
</div>
{{ form_end(form, {'render_rest': false}) }}
{{ form_end(form, {'render_rest': false}) }}
</div>
</div>
</div>
</div>
</div>
{% endblock %}