{% trans_default_domain 'Site' %}
{% extends "main/site/views/common/base.html.twig" %}
{% block title %}{{ 'site.affiliation.pageData.title'|trans }}{% endblock %}
{% block meta_description %}<meta name="description" content="{{ 'site.affiliation.pageData.meta.description'|trans }}">{% endblock %}
{% block page_specific_meta %}
{{ parent() }}
<link rel="canonical" href="{{ url('brulafine_affiliation') }}" />
{% endblock %}
{% block javascripts %}
{{ parent() }}
{{ GGMarketingTag('visite', app.request.locale, tracking) }}
<script src='https://www.google.com/recaptcha/api.js' async defer></script>
<script>
function onSubmit(token) {
document.getElementById("affiliation_page_form").submit();
}
</script>
{% endblock %}
{% block fb_event_tag %}
{% if tracking is defined %}
{{ getFbkEventTag(app.request.locale, tracking, 'visite') }} {# We want only one tag per page. If no event provided, pageview will be displayed. #}
{% else %}
{{ getFbkEventTag(app.request.locale) }}
{% endif %}
{% endblock %}
{% block page_content %}
<div class="content" role="main">
<section class="section">
<div class="container-fluid">
<div class="section__title">
<h1 class="text-center underline-bottom">{{ 'site.affiliation.title'|trans }}</h1>
<p class="text-center">{{ 'site.affiliation.paragraph'|trans | raw }}</p>
</div>
<div class="contact">
<div class="row">
<div class="col-sm-7 col-md-6 col-md-offset-1">
<div class="contact__form">
<h2 class="text-primary">{{ 'site.affiliation.title2'|trans }}</h2>
{% for flash_message in app.session.flashBag.get('info') %}
<div class="alert alert-success" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
{{ flash_message | trans({}, constant('App\\Services\\TranslationManager::TRANSLATION_DOMAIN_FLASH')) }}
</div>
{% endfor %}
{{ form_start(form, {'method': 'post', 'action': path('brulafine_affiliation'), 'attr': {'class': 'recaptcha-form', 'id': 'affiliation_page_form'}}) }}
{{ form_widget(form._token) }}
{% if form.vars['errors'] is not empty %}
<div class="alert alert-danger" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
{{ form_errors(form) | trans | raw }}
</div>
{% endif %}
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="{{form.firstName.vars.id}}">{{ 'site.common.firstName.label'|trans }} <sup class="text-danger">*</sup> :</label>
<input type="text" name="{{form.firstName.vars.full_name}}" id="{{form.firstName.vars.id}}" value="{{form.firstName.vars.value}}" placeholder="{{ 'site.common.firstName.placeholder'|trans }}" class="form-control">
{% if form.firstName.vars.errors|length %}
<div class="alert alert-danger" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
aria-hidden="true">×</span></button>
{{ form_errors(form.firstName) | trans | raw }}
</div>
{% endif %}
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="{{form.lastName.vars.id}}">{{ 'site.common.lastName.label'|trans }} <sup class="text-danger">*</sup> :</label>
<input type="text" name="{{form.lastName.vars.full_name}}" id="{{form.lastName.vars.id}}" value="{{form.lastName.vars.value}}" placeholder="{{ 'site.common.lastName.placeholder'|trans }}" class="form-control" required>
{% if form.lastName.vars.errors|length %}
<div class="alert alert-danger" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
aria-hidden="true">×</span></button>
{{ form_errors(form.lastName) | trans | raw }}
</div>
{% endif %}
</div>
</div>
</div>
<div class="form-group">
<label for="{{form.email.vars.id}}">{{ 'site.common.email.label'|trans }} <sup class="text-danger">*</sup> :</label>
<input type="text" name="{{form.email.vars.full_name}}" id="{{form.email.vars.id}}" value="{{form.email.vars.value}}" placeholder="{{ 'site.common.email.placeholder'|trans }}" class="form-control"{% if form.email.vars.required %} required {% endif %} autocomplete="email">
{% if form.email.vars.errors|length %}
<div class="alert alert-danger" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
aria-hidden="true">×</span></button>
{{ form_errors(form.email) | trans | raw }}
</div>
{% endif %}
</div>
<div class="form-group">
<label for="{{form.title.vars.id}}">{{ 'site.common.subject.label'|trans }} <sup class="text-danger">*</sup> :</label>
<input type="text" name="{{form.title.vars.full_name}}" id="{{form.title.vars.id}}" value="{{form.title.vars.value}}" placeholder="{{ 'site.common.subject.placeholder'|trans }}" class="form-control"{% if form.title.vars.required %} required {% endif %}>
{% if form.title.vars.errors|length %}
<div class="alert alert-danger" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
aria-hidden="true">×</span></button>
{{ form_errors(form.title) | trans | raw }}
</div>
{% endif %}
</div>
<div class="form-group">
<label for="{{form.message.vars.id}}">{{ 'site.common.message.label'|trans }} <sup class="text-danger">*</sup> :</label>
<textarea name="{{form.message.vars.full_name}}" id="{{form.message.vars.id}}" class="form-control" placeholder="{{ 'site.common.message.placeholder'|trans }}">{{form.message.vars.value}}</textarea>
{% if form.message.vars.errors|length %}
<div class="alert alert-danger" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
aria-hidden="true">×</span></button>
{{ form_errors(form.message) | trans | raw }}
</div>
{% endif %}
</div>
<div class="row">
{% if '' != recaptchaErrorMessage %}
<div class="alert alert-danger" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
aria-hidden="true">×</span></button>
{{ recaptchaErrorMessage | trans | raw }}
</div>
{% endif %}
<div class="col-sm-8">
<div class="form-group"> </div>
</div>
<div class="col-sm-4">
<div class="form-group text-right">
{{ form_row(form.submit, {'label': 'site.common.buttons.submit' } ) }}
</div>
</div>
</div>
<p class="form-text">{{ 'site.affiliation.paragraph2'|trans }}</p>
{{ form_end(form, {'render_rest': false}) }}
</div>
</div>
<div class="col-sm-4 col-sm-offset-1">
<div class="contact__information">
<h2 class="text-primary">
{{ 'site.affiliation.sidebar.title'|trans }}
</h2>
<h3>
<img src="/images/main/Logo_Affilae_fond_noir_crop.png" alt="Affiliate Logo" class="icon icon-24 icon-pink">
<a href="https://affilae.com/fr/programme-affiliation-brulafine-2"> {{ 'site.affiliation.sidebar.link'|trans }}</a>
</h3>
<hr>
<h2 class="text-primary">
{{ 'site.affiliation.sidebar.title2'|trans }}
</h2>
<h3>
<img src="/images/main/Skype.png" alt="Skype Logo" class="icon icon-24 icon-pink">
<a href="{{ 'site.affiliation.sidebar.linkSkype'|trans }}"> {{ 'site.affiliation.sidebar.link2'|trans }}</a>
</h3>
<h3>
<img src="/images/main/email_icon.jpg" alt="Email Icon" class="icon icon-24 icon-pink">
<a href="mailto:{{ 'site.affiliation.sidebar.mail'|trans }}">{{ 'site.affiliation.sidebar.mail'|trans }}</a>
</h3>
<hr>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
{% endblock %}