{% extends '@Flexy/FrontBundle/Themes/IlaveU/templates/layout.html.twig' %}

{% block body %}

        <!-- Begin Body Wrapper -->
        <div class="body-wrapper">

     	<div id="subtitle-wrapper" class=" lazyloaded" data-bg="{{asset('themes/ilaveu/laundry/images/subtitle-wrapper01-img.jpg')}}" style="background-image: url({{asset('themes/ilaveu/laundry/images/subtitle-wrapper01-img.jpg')}});">
		<div class="subtitle-wrapper-img lazyloaded" data-bg="{{asset('themes/ilaveu/laundry/images/subtitle-wrapper01-img.jpg')}}" style="background-image: url({{asset('themes/ilaveu/laundry/images/subtitle-wrapper01-img.jpg')}});">
			<div class="container container-fluid-xl" style="box-shadow:none;background:none;">
				
				<h1 class="subtitle__title">Contactez-nous</h1>
			</div>
			<div class="bubbleContainer">
				<div class="bubble-1"></div>
				<div class="bubble-2"></div>
				<div class="bubble-3"></div>
				<div class="bubble-4"></div>
				<div class="bubble-5"></div>
				<div class="bubble-6"></div>
				<div class="bubble-7"></div>
				<div class="bubble-8"></div>
				<div class="bubble-9"></div>
				<div class="bubble-10"></div>
			</div>
		</div>
	</div>
            <!-- Begin Contact Main Page Area -->
            <div class="contact-main-page mt-60 mb-40 mb-md-40 mb-sm-40 mb-xs-40">
                
                <div class="container">
                    <div class="row">
                        <div class="col-lg-5 offset-lg-1 col-md-12 order-1 order-lg-2">
                            <div class="contact-page-side-content">
                                
                                <div class="single-contact-block">
                                    <h4><i class="fa-solid fa-map-location-dot"></i> Adresse</h4>
                                    <p>122 rue Oussama Ibnou Zaid (Ex rue de Jura), Maarif, Casablanca, Maroc</p>
                                </div>
                                <div class="single-contact-block">
                                    <h4><i class="fa fa-phone"></i> Tel</h4>
                                    <p>Téléphone: +212 668 100 900</p>
                                </div>
                                <div class="single-contact-block last-child">
                                    <h4><i class="fa-solid fa-envelopes-bulk"></i> Email</h4>
                                    <p>contact@ilaveu.ma</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12 order-2 order-lg-1">
                            <div class="contact-form-content pt-sm-55 pt-xs-55">
                                <h3 class="contact-page-title">Dites-nous votre message</h3>
                                <div class="contact-form">
                                    <form  id="contact-form" action="http://demo.hasthemes.com/limupa-v3/limupa/mail.php" method="post">
                                        <div class="form-group">
                                            <label>Votre nom <span class="required">*</span></label>
                                            <input type="text" name="customerName" id="customername" required>
                                        </div>
                                        <div class="form-group">
                                            <label>Votre Email<span class="required">*</span></label>
                                            <input type="email" name="customerEmail" id="customerEmail" required>
                                        </div>
                                        <div class="form-group">
                                            <label>Sujet</label>
                                            <input type="text" name="contactSujet" id="contactSujet">
                                        </div>
                                        <div class="form-group mb-30">
                                            <label>Votre message</label>
                                            <textarea name="contactMessage" id="contactMessage" ></textarea>
                                        </div>
                                        <div class="form-group">
                                            <button type="submit" value="submit" id="submit" class="li-btn-3" name="submit">Envoyer</button>
                                        </div>
                                    </form>
                                </div>
                                <p class="form-messege"></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Contact Main Page Area End Here -->

        </div>
        <!-- Body Wrapper End Here -->

{% endblock %}