{% extends 'right_wide.html.twig' %}
{% block title %}Planet Fitness Group{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('css/contact-us.css') }}" />
{% endblock %}
{% block rightHeaderH1 %}{% endblock %}
{% block body %}
<div class="container-perso">
<h1>{% trans %}Contactez-nous{% endtrans %}</h1>
<div class="bg-white mb-5 p-5 radius-2 shadow-card">
<form method="post" id="contact-form">
<div class="form-group">
<label for="inputEmail" class="login-label">{% trans %}Adresse email{% endtrans %}</label>
<input type="email" name="email" placeholder="email" id="inputEmail" class="form-control login-input" required autofocus>
</div>
<div class="form-group">
<label for="motive" class="login-label">{% trans %}Objet du message{% endtrans %}</label>
<select name="motive" id="motive" class="form-control form-control-select">
{% for motive in motives %}
<option value="{{ motive }}">{{ motive | trans }}</option>
{% endfor %}
</select>
</div>
<div class="form-group">
<label for="inputMailMessage" class="login-label">{% trans %}Message{% endtrans %}</label>
<textarea rows="4" maxlength="500" name="mailMessage" id="inputMailMessage" class="form-control login-input" required></textarea>
</div>
<div class="g-recaptcha mb-3" data-sitekey="6LdpsAYTAAAAAFf1OnOtaQw7U28ToK634HvLVxdQ" data-callback="enableBtn"></div>
<button class="btn btn-primary" type="submit" name="submitContact" id="submit_details" disabled>
{% trans %}Envoyer{% endtrans %}
</button>
</form>
</div>
</div>
{% endblock %}
{% block javascripts %}
<script src="{{ asset('js/contact_us.js') }}" ></script>
{% endblock %}