@extends('layouts.master2')

@section('content')

<!-- Inner Page Breadcrumb -->
<section class="inner_page_breadcrumb">
    <div class="container">
        <div class="row">
            <div class="col-xl-6 offset-xl-3 text-center">
                <div class="breadcrumb_content">
                    <h4 class="breadcrumb_title">Contact</h4>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url('/')}}">Accueil</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Contactez-nous</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="our-contact">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 col-lg-4">
                <div class="contact_localtion text-center">
                    <div class="icon"><span class="flaticon-placeholder-1"></span></div>
                    <h4>Localisation</h4>
                    <p>Lome-Togo</p>
                </div>
            </div>
            <div class="col-sm-6 col-lg-4">
                <div class="contact_localtion text-center">
                    <div class="icon"><span class="flaticon-phone-call"></span></div>
                    <h4>Our Location</h4>
                    <p class="mb0">(+228) 90 56 25 59</p>
                </div>
            </div>
            <div class="col-sm-6 col-lg-4">
                <div class="contact_localtion text-center">
                    <div class="icon"><span class="flaticon-email"></span></div>
                    <h4>Ecrivez-nous</h4>
                    <p>infos@lapercee.com</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6">
                <div class="h600">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d63466.05877308806!2d1.191388387498396!3d6.180430321216665!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x10215977974150c9%3A0x5b0a515ecbb8c402!2sCentre%20de%20formation%20agr%C3%A9%C3%A9%20la%20Perc%C3%A9e!5e0!3m2!1sfr!2stg!4v1722970676830!5m2!1sfr!2stg" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    
                </div>
            </div>
            <div class="col-lg-6 form_grid">
                <h4 class="mb5">Envoyer un message</h4>
                <p>Dites nous de quoi avez vous besoin .</p>
                <form class="contact_form" id="contact_form" name="contact_form" action="#" method="post" novalidate="novalidate">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label for="exampleInputName">Votre nom Complet</label>
                                <input id="nom" name="nom" class="form-control" required="required" type="text" placeholder="Ex: John DOE">
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label for="exampleInputEmail">Votre email</label>
                                <input id="email" name="email" class="form-control required email" required="required" type="email" placeholder="Ex: john@doe.com">
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label for="exampleInputSubject">Sujet</label>
                                <input id="sujet" name="sujet" class="form-control required" required="required" type="text" Ex: Votre sujet>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label for="exampleInputEmail1">Votre message</label>
                                <textarea id="message" name="message" class="form-control required" rows="5" required="required" placeholder="Ex: Votre message"></textarea>
                            </div>
                            <div class="form-group ui_kit_button mb0">
                                <button type="button" class="btn dbxshad btn-lg btn-thm circle white">Envoyer</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>

@endsection