@extends('pages.main')

@section('title', 'Contact')


@section('content')

    <!-- Inner Page Breadcrumb -->
	<section class="inner_page_breadcrumb">
		<div class="container">
			<div class="row">
				<div class="col-xl-6">
					<div class="breadcrumb_content">
						<ol class="breadcrumb">
						    <li class="breadcrumb-item"><a href="{{route('page.accueil')}}">Accueil</a></li>
						    <li class="breadcrumb-item active" aria-current="page">@yield('title')</li>
						</ol>
						<h4 class="breadcrumb_title">Nous Contacter</h4>
					</div>
				</div>
			</div>
		</div>
	</section>

	<!-- Our Contact -->
	<section class="our-contact pb0 bgc-f7">
		<div class="container">
			<div class="row">
				<div class="col-lg-7 col-xl-8">
					<div class="form_grid">
						<h4 class="mb5">Nous Envoyer un Mail</h4>
						<p>Notre équipe est disponible pour répondre à toutes vos questions et vous accompagner dans la réalisation de votre projet immobilier.
							N’hésitez pas à nous contacter par téléphone, par email ou à nous rendre visite.</p>


			            <form class="contact_form" id="contact_form" name="contact_form" action="{{route('page.contact')}}" method="POST">
                            @csrf

							@if (session('success'))
								@include('pages.shared.flash')
							@else
								<div class="row">
									<div class="col-md-6">
										<div class="form-group">
											<input id="form_name" name="nom" class="form-control" required="required" type="text" placeholder="Votre Nom">
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<input id="form_name" name="prenoms" class="form-control" required="required" type="text" placeholder="Votre Prénoms">
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<input id="form_email" name="email" class="form-control required email" required="required" type="email" placeholder="Email">
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<input id="form_phone" name="phone" class="form-control required phone" required="required" type="tel" placeholder="Téléphone">
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<input id="form_subject" name="objet" class="form-control required" required="required" type="text" placeholder="Objet">
										</div>
									</div>
									<div class="col-sm-12">
										<div class="form-group">
											<textarea id="form_message" name="message" class="form-control required" rows="8" required="required" placeholder="Votre Message"></textarea>
										</div>
										<div class="form-group mb0">
											<button type="submit" class="btn btn-lg btn-thm">Envoyer</button>
										</div>
									</div>
								</div>
							@endif
			            </form>

					</div>
				</div>
				<div class="col-lg-5 col-xl-4">
					<div class="contact_localtion">
						<h4>Nous Contacter</h4>
						<p>Contactez-nous pour toute information ou demande de rendez-vous.
							Nous sommes disponibles et réactifs.</p>

						<div class="content_list">
							<h5>Adresse</h5>
							<p>Zanguéra Amadenda, à 350m de l'école Ayika, <br>en face de la garderie Termitière, a 200 m du Céleste</p>
						</div>
						<div class="content_list">
							<h5>Téléphone</h5>
							<p>(+228) 90 53 03 53</p>
						</div>
						<div class="content_list">
							<h5>Mail</h5>
							<p>contact@eudimmo.com</p>
						</div>
						{{-- <div class="content_list">
							<h5>Skype</h5>
							<p>findhouse.com</p>
						</div> --}}
						<h5>Nos Réseaux Sociaux</h5>
						<ul class="contact_form_social_area">
							<li class="list-inline-item"><a href="https://www.facebook.com/profile.php?id=61572503006820" target="_blank"><i class="fa-brands fa-facebook"></i></a></li>
							<li class="list-inline-item"><a href="https://www.instagram.com/eudgroupe" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
							<li class="list-inline-item"><a href="https://www.tiktok.com/@eudgroupetogo" target="_blank"><i class="fa-brands fa-tiktok"></i></a></li>
							{{-- <li class="list-inline-item"><a href="#"><i class="fa fa-google"></i></a></li>
							<li class="list-inline-item"><a href="#"><i class="fa fa-pinterest"></i></a></li> --}}
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="container-fluid p0 mt50">
			<div class="row">
				<div class="col-lg-12">
					{{--<div class="h600" id="map-canvas"></div>--}}
					<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d991.5348123710748!2d1.1365202240319217!3d6.245373599602168!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1023e151f1f813bb%3A0x7f5876efd70ef2dc!2seudimmo!5e0!3m2!1sfr!2stg!4v1764257088555!5m2!1sfr!2stg"
					width="1000" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
				</div>
			</div>
		</div>
	</section>

@endsection