{# src/CeremhBundle/Ressources/contact.html.twig #}

{% extends "main/_Layout.html.twig" %}

{% block Meta %}

    <title>{{ meta.title }}</title>
    <meta name="description" content="{{ meta.description }}">
    <meta name="keyword" content="{{ meta.keyword }}">

{% endblock %}


{% block specificCSS %}

    <link href="{{ asset('_Assets/Front/smart-form/contact/css/smart-forms.css') }}" rel="stylesheet">

{% endblock %}


{% block content %}

    <div class="project-single-header  mb20 pt20 bg-faded">
        <div class="container ">
            <div class="row">

                <div class=" col-md-8">
                    <h1 class="text-capitalize">CEREMH - Contact </h1>
                    <p class="lead souttitre">Prenez le temps de nous contacter</p>

                </div>
                <div class=" col-md-4">
                    <img class="embed-responsive" src="_Assets/Images/logo_ceremh/Logo_Ceremh.png"/>
                </div>
            </div>
        </div>
        <hr>
    </div>

    <div class="container pt90 pb50">
        <div class="row">
            <div class="col-md-4 mb40">

                <h4 class="text-uppercase">Adresse</h4>
                <p>
                    10-12 Avenue de l'Europe <br> 78140 Vélizy-Villacoublay
                </p>
                <br>
                <h4 class="text-uppercase">Nos horaires</h4>
                <p>
                    Standard téléphonique <br>
                    Du lundi au vendredi :<br>
                    de 10h00 à 12h30 et<br>
                    de 14h00 à 17h00<br>
                </p>
                <br>
                <h4 class="text-uppercase">Email</h4>
                <p>
                    <a href="#">contact@ceremh.org</a></p>
                <br>
                <h4 class="text-uppercase">Téléphone</h4>
                <p>
                    <a href="#">01 39 25 49 87</a></p>
                <br>
                <h4 class="text-uppercase">Réseaux sociaux</h4>
                <div class="clearfix pt10">
                    <a href="https://www.facebook.com/CEREMH" class="social-icon si-border si-facebook">
                        <i class="fa fa-facebook"></i>
                        <i class="fa fa-facebook"></i>
                    </a>
                    <a href="https://twitter.com/SuivezleCEREMH" class="social-icon si-border si-twitter">
                        <i class="fa fa-twitter"></i>
                        <i class="fa fa-twitter"></i>
                    </a>
                    <a href="https://www.linkedin.com/company/ceremh" class="social-icon si-border si-linkedin">
                        <i class="fa fa-linkedin"></i>
                        <i class="fa fa-linkedin"></i>
                    </a>
                </div>
            </div>

            <div class="col-md-8 mb40">
                <h2>Laissez-nous un message</h2>
                <p>

                </p>
                <div class="smart-wrap ">
                    <div class="smart-forms smart-container header-blue ">


                        {#<form method="post" action="_Assets/Front/smart-form/contact/php/smartprocess_custom.php" id="smart-form" novalidate="novalidate">
                            <div class="form-body">

                                <div class="section">
                                    <label class="field prepend-icon">
                                        <input type="text" name="sendername" id="sendername" class="gui-input" placeholder="Votre nom et prénom" aria-required="true" aria-invalid="false">
                                        <span class="field-icon"><i class="fa fa-user"></i></span>
                                    </label>
                                </div><!-- end section -->

                                <div class="section">
                                    <label class="field prepend-icon">
                                        <input type="email" name="emailaddress" id="emailaddress" class="gui-input" placeholder="Votre adresse email">
                                        <span class="field-icon"><i class="fa fa-envelope"></i></span>
                                    </label>
                                </div><!-- end section -->

                                <div class="section">
                                    <label class="field prepend-icon">
                                        <input type="text" name="senderphone" id="senderphone" class="gui-input" placeholder="Votre numéro de téléphone">
                                        <span class="field-icon"><i class="fa fa-phone"></i></span>
                                    </label>
                                </div><!-- end section -->

                                <div class="section">
                                    <label class="field prepend-icon">
                                        <p><u>Quel service souhaitez-vous contacter ?</u></p>
                                        <select class="form-control" id="senderobject" name="senderobject">
                                            <option value="Conduite">Service Conduite</option>
                                            <option value="Formation">Service Formation</option>
                                            <option value="Lab">Service Lab</option>
                                        </select>
                                    </label>
                                </div>



                                <div class="section">
                                    <label class="field prepend-icon">
                                        <input type="text" name="sendersubject" id="sendersubject" class="gui-input" placeholder="Le sujet de votre message">
                                        <span class="field-icon"><i class="fa fa-lightbulb-o"></i></span>
                                    </label>
                                </div><!-- end section -->

                                <div class="section">
                                    <label class="field prepend-icon">
                                        <textarea class="gui-textarea" id="sendermessage" name="sendermessage" placeholder="Votre méssage"></textarea>
                                        <span class="field-icon"><i class="fa fa-comments"></i></span>
                                        <span class="input-hint"> <strong>Info:</strong> Merci de saisir un message entre 10 et 300 caractères.</span>
                                    </label>
                                </div><!-- end section -->

                                #}{#<div class="section">
                                    <div class="smart-widget sm-left sml-120">
                                        <label class="field">
                                            <input type="text" name="captcha" id="captcha" class="gui-input sfcode" maxlength="6" placeholder="Saisir le code CAPTCHA">
                                        </label>
                                        <label class="button captcode">
                                            <img src="_Assets/Front/smart-form/contact/php/captcha/captcha.php?&lt;?php echo time();?&gt;" id="captchax" alt="captcha">
                                            <span class="refresh-captcha refresh-blue"><i class="fa fa-refresh"></i></span>
                                        </label>
                                    </div><!-- end .smart-widget section -->
                                </div><!-- end section -->#}{#

                                <div class="result"></div><!-- end .result  section -->

                            </div><!-- end .form-body section -->
                            <div class="form-footer">
                                <button
                                        data-sitekey="6Lf2J1UaAAAAAIe3mFuH5XVfbH7DWgLqFl3ddS1U"
                                        data-callback='onSubmit'
                                        data-action='submit'
                                        data-btntext-sending="En cours..." class="button btn g-recaptcha">Envoyer</button>
                                <button type="reset" class="button"> Annuler </button>
                            </div><!-- end .form-footer section -->
                        </form>#}

                        <form method="post" action="_Assets/Front/smart-form/contact/php/smartprocess_custom.php" id="smart-form">
                            <div class="form-body">

                                <div class="section">
                                    <label class="field prepend-icon">
                                        <input type="text" name="sendername" id="sendername" class="gui-input" placeholder="Nom et prénom">
                                        <span class="field-icon"><i class="fa fa-user"></i></span>
                                    </label>
                                </div><!-- end section -->

                                <div class="section">
                                    <label class="field prepend-icon">
                                        <input type="email" name="emailaddress" id="emailaddress" class="gui-input" placeholder="Adresse mail">
                                        <span class="field-icon"><i class="fa fa-envelope"></i></span>
                                    </label>
                                </div><!-- end section -->

                                <div class="section">
                                    <label class="field prepend-icon">
                                        <input type="text" name="senderPhone" id="senderphone" class="gui-input" placeholder="Numéro de téléphone">
                                        <span class="field-icon"><i class="fa fa-phone"></i></span>
                                    </label>
                                </div><!-- end section -->

                                <div class="section" style="visibility: hidden; margin-top: -50px">
                                    <label class="field prepend-icon">
                                        <input type="text" name="senderPhone2" id="senderphone2" class="gui-input" placeholder="Numéro de téléphone 2">
                                        <span class="field-icon"><i class="fa fa-phone"></i></span>
                                    </label>
                                </div><!-- end section -->

                                <div class="section">
                                    <label class="field prepend-icon">
                                        <p><u>Quel service souhaitez-vous contacter ?</u></p>
                                        <select class="form-control" id="senderobject" name="senderobject">
                                            <option value="Conduite">Service Conduite</option>
                                            <option value="Formation">Service Formation</option>
                                            <option value="Lab">Service Lab</option>
                                        </select>
                                    </label>
                                </div>

                                <div class="section">
                                    <label class="field prepend-icon">
                                        <input type="text" name="sendersubject" id="sendersubject" class="gui-input" placeholder="Objet de votre message">
                                        <span class="field-icon"><i class="fa fa-lightbulb-o"></i></span>
                                    </label>
                                </div><!-- end section -->

                                <div class="section">
                                    <label class="field prepend-icon">
                                        <textarea class="gui-textarea" id="sendermessage" name="sendermessage" placeholder="Votre message"></textarea>
                                        <span class="field-icon"><i class="fa fa-comments"></i></span>
                                        <span class="input-hint"> <strong>Hint:</strong> Please enter between 80 - 300 characters.</span>
                                    </label>
                                </div><!-- end section -->

                                {#<div class="section">
                                    <div class="smart-widget sm-left sml-120">
                                        <label class="field">
                                            <input type="text" name="captcha" id="captcha" class="gui-input sfcode" maxlength="6" placeholder="Enter CAPTCHA">
                                        </label>
                                        <label class="button captcode">
                                            <img src="smart-form/contact/php/captcha/captcha.php?<?php echo time();?>" id="captchax" alt="captcha">
                                            <span class="refresh-captcha"><i class="fa fa-refresh"></i></span>
                                        </label>
                                    </div><!-- end .smart-widget section -->
                                </div><!-- end section -->#}

                                <div class="result"></div><!-- end .result  section -->

                            </div><!-- end .form-body section -->
                            <div class="form-footer">
                                <button
                                        data-sitekey="6Lf2J1UaAAAAAIe3mFuH5XVfbH7DWgLqFl3ddS1U"
                                        data-callback='onSubmit'
                                        data-action='submit'
                                        data-btntext-sending="En cours..." class="button btn g-recaptcha">Envoyer
                                </button>
                                <button type="reset" class="button"> Annuler </button>
                            </div><!-- end .form-footer section -->
                        </form>


                    </div><!-- end .smart-forms section -->
                </div><!-- end .smart-wrap section -->
            </div>
        </div>
    </div>
{% endblock %}

{% block specificJS %}

    <script src="https://www.google.com/recaptcha/api.js"></script>
    <script>
        function onSubmit(token) {
            document.getElementById("smart-form").submit();
        }
    </script>
    <script type="text/javascript" src="{{ asset('_Assets/Front/smart-form/contact/js/jquery.form.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('_Assets/Front/smart-form/contact/js/jquery.validate.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('_Assets/Front/smart-form/contact/js/additional-methods.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('_Assets/Front/smart-form/contact/js/smart-form.js') }}"></script>

{% endblock %}