@extends("vitrines.base")
@php
    $header = htmlHeader("Page contact","description dusite ","","","")
@endphp
@section('content')


<div class="page-wrapper">
    <div class="preloader"></div>


    <!--Page Title-->
    <section class="page-title" style="background-image:url({{ asset('assets/vitrines/images/background/5.jpg') }})">
        <div class="auto-container">
            <h1 style="color:#1c94d2;">Contactez-nous</h1>
            <!--<ul class="bread-crumb clearfix">
                <li><a href="index.html" style="color:#1c94d2;">Accueil</a></li>
                <li style="color:#1c94d2;">Contact</li>
            </ul>-->
        </div>
    </section>
    <!--End Page Title-->

    <!-- Contact Page Section -->
    <section class="contact-page-section">
        <div class="auto-container">
            <div class="row clearfix">
                <div class="contact-column col-lg-4 col-md-12 col-sm-12 order-2">
                    <div class="inner-column">
                        <div class="sec-title">
                            <h2>Informations</h2>
                        </div>
                        <ul class="contact-info">
                            <li>
                                <span class="icon fa fa-map-marker-alt"></span>
                                <p><strong>Siège, Cotonou - Bénin</strong></p>
                                <p>Disponible dans toutes vos villes</p>
                            </li>

                            <li>
                                <span class="icon fa fa-phone-volume"></span>
                                <p><strong>Appelez nous</strong></p>
                                <p>{{ env('PHONE_NUMBER') }}</p>
                            </li>

                            <li>
                                <span class="icon fa fa-envelope"></span>
                                <p><strong>Adresse mail</strong></p>
                                <p><a href="mailto:support@example.com">contact@passtik.com</a></p>
                            </li>

                            <li>
                                <span class="icon fa fa-clock"></span>
                                <p><strong>Heure d'ouverture</strong></p>
                                <p>Lun - Sam: 09:00 à 19:00</p>
                            </li>
                        </ul>

                        <ul class="social-icon-two social-icon-colored">
                            <li><a href="#"><i class="fab fa-facebook"></i></a></li>
                            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fab fa-google-plus"></i></a></li>
                            <li><a href="#"><i class="fab fa-dribbble"></i></a></li>
                            <li><a href="#"><i class="fab fa-pinterest"></i></a></li>
                        </ul>
                    </div>
                </div>

                <!-- Form Column -->
                <div class="form-column col-lg-8 col-md-12 col-sm-12">
                    <div class="inner-column">
                        <div class="contact-form">
                            <div class="sec-title">
                                <h2>Laissez nous un message</h2>
                            </div>
                            <form method="post" action="" >
                                <div class="row clearfix">
                                    <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                        <input type="text" name="username" placeholder="Nom" required="">
                                    </div>

                                    <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                        <input type="text" name="phone" placeholder="Contact téléphonique" required="">
                                    </div>

                                    <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                        <input type="email" name="email" placeholder="Adresse Email" required="">
                                    </div>

                                    <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                        <input type="text" name="subject" placeholder="Objet de votre message"
                                            required="">
                                    </div>

                                    <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                                        <textarea name="message"
                                            placeholder="Indiquez votre message. Dites nous tout par ici !"
                                            required=""></textarea>
                                    </div>

                                    <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                                        <button class="theme-btn btn-style-one" type="submit" name="submit-form"><span
                                                class="btn-title">Soumettre</span></button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
<!--End Contact Page Section -->
</div>

@endsection