{% extends 'frontend/layout.html.twig' %}

{% block content %}
<div class="container single-template">
    <div class="page-header">
			<h1 class="page-title">
				Contact
			</h1>
		</div>

    </div>
<div style="margin-bottom: 30px;">
    <iframe style="border:0; width: 100%; height: 600px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15861.289154202466!2d2.383899107812511!3d6.352305700000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1023543630781ce7%3A0x9cc3958e6e8ada12!2sMinist%C3%A8re%20du%20Plan%20et%20du%20D%C3%A9veloppement%20(MPD)!5e0!3m2!1sfr!2sbj!4v1680035562451!5m2!1sfr!2sbj"  frameborder="0" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>

<div class="container single-template">
    <div class="page-header">
			<h1 class="page-title">
				Envoyer un message
			</h1>
		</div>
    <div class="row">
        <div class="col-lg-6">
            <div class="page-content">
                <p>Vous avez n'importe quel problème, envoyez nous un message. Nous vous répondrons dans les 72 heures.</p>
            <div class="support-license">
            <ul>
                
            </ul>
            </div></div></div><div class="col-lg-6">
                <form class="contact-form php-email-form mb-4" role="form" action="{{ path('app_send_message') }}" method="POST">
                    <div class="row">
                        <div class="form-group d-none"> 
                            <input type="text" class="form-control" name="first_name" value="">
                        </div>
                        <div class="form-group col-md-6"> 
                            <input type="name" name="name" class="form-control" id="contact-name" placeholder="Nom et prénom" required="">
                        </div>
                        <div class="form-group col-md-6"> 
                            <input type="email" name="email" class="form-control" id="contact-email" placeholder="Email" required="">
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-md-12"> 
                            <input type="text" name="subject" class="form-control" id="contact-subject" placeholder="Objet" required="">
                        </div>
                        <div class="form-group col-md-12">
                            <textarea class="form-control" name="message" id="contact-message" placeholder="Message" rows="10" required=""></textarea>
                        </div>
                        <div class="col-md-12">
                            <div class="loading"></div>
                            <div class="error-message"></div>
                            <div class="sent-message">Votre message a été bien envoyé. Merci </div>
                        </div>
                        <div class="form-send col-md-12"> 
                            <button type="submit" class="btn btn-large">Envoyer Message</button>
                        </div>
                    </div>
                </form></div></div>
</div>
{% endblock %}