@extends('layouts.master')
@section('contactactive', 'active')
@section('content')

<!--Start Page Header-->
<section class="page-header">
    <div class="page-header__bg" style="background-image: url({{url('template/assets/img/background/page-header-bg.jpg')}})">
    </div>
    <div class="container">
        <div class="page-header__inner text-center">
            <h2>Contact</h2>
            <ul class="thm-breadcrumb">
                <li><a href="{{url('/')}}">Accueil</a></li>
                <li><span class="icon-right-arrow-5"></span></li>
                <li>Contact</li>
            </ul>
        </div>
    </div> 
</section>
<!--End Page Header-->

<!--Start Contact Page-->
<section class="contact-page">
    <div class="shape1 float-bob-y"><img src="template/assets/img/shape/contact-page-shape1.png" alt=""></div>
    <div class="shape2 float-bob-y"><img src="template/assets/img/shape/contact-page-shape2.png" alt=""></div>
    <div class="container">
        <div class="row">
            <!--Start Contact Page Contact Info-->
            <div class="col-xl-5">
                <div class="contact-page__contact-info">
                    <div class="sec-title-style3">
                        
                        <h2>Contactez nous</h2>
                    </div>

                    <ul>
                        <li>
                            <span class="icon-telephone-call"></span>

                            <div class="text-box">
                                <p>Appelez nous</p>
                                <h2><a href="tel:+22890760059">(+228) 90 76 00 59</a></h2>
                            </div>
                        </li>

                        <li>
                                <span class="icon-location"></span>

                            <div class="text-box">
                                <p>Notre siège</p>
                                <h2>Lome-TOGO</h2>
                            </div>
                        </li>

                        <li>
                            
                                <span class="icon-email"></span>
                           

                            <div class="text-box">
                                <p>Ecrivez nous</p>
                                <h2><a href="mailto:infos@divinemarine.com">infos@divinemarine.com</a></h2>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
            <!--End Contact Page Contact Info-->

            <!--Start Contact Page Form-->
            <div class="col-xl-7">
                <div class="contact-page__form-box">
                    <div class="title">
                        <h2>Ecrivez nous en remplissant ce formulaire</h2>
                    </div>

                    <form id="contact-form" action="{{url('traitement_contact')}}" method="POST">
                        <div class="row">
                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                <div class="contact-page__input-box">
                                    <input type="text" placeholder="Votre nom Complet" name="name" required>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                <div class="contact-page__input-box">
                                    <input type="email" placeholder="Email" name="email" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                <div class="contact-page__input-box">
                                    <input type="text" placeholder="Téléphone" name="telephone">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                                <div class="contact-page__input-box">
                                    <textarea name="message" placeholder="Votre Messege"></textarea>
                                </div>
                                <div class="contact-page__btn">
                                    <button type="submit" class="thm-btn" data-loading-text="Please wait...">
                                        <span class="txt">Envoyer</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                    
                </div>
            </div>
            <!--End Contact Page Form-->
            <iframe src="https://www.google.com/maps/embed?pb=!1m13!1m8!1m3!1d7933.344485019825!2d1.361805!3d6.174616!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zNsKwMTAnMjkuOCJOIDHCsDIxJzU0LjAiRQ!5e0!3m2!1sfr!2stg!4v1717428878235!5m2!1sfr!2stg" class="google-map-one__map" allowfullscreen></iframe>
        </div>
    </div>
</section>
<!--End Contact Page-->



@endsection