@extends('layouts.app')
@push('title')

@endpush
@push('meta')

@endpush
@section('content_box')

    <div class="page-content">
        <!-- inner page banner -->
        <div class="dz-bnr-inr overlay-secondary-dark dz-bnr-inr-sm" style="background-image:url({{ asset('img/bg32.jpg') }});">
            <div class="container">
                <div class="dz-bnr-inr-entry">
                    <h1>Nous Contacter</h1>
                    <nav aria-label="breadcrumb" class="breadcrumb-row">
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('userHome') }}"> Accueil</a></li>
                            <li class="breadcrumb-item">Contact</li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
        <div class="content-inner-2 pt-0">
            <div class="map-iframe">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3972.4831745011015!2d-4.066729925256606!3d5.34296329463568!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xfc1ebd0e0fbb319%3A0xdbfa9cc61cf49b55!2sSud%20Editions!5e0!3m2!1sfr!2sci!4v1725582099664!5m2!1sfr!2sci" style="border:0; width:100%; min-height:100%; margin-bottom: -8px;" allowfullscreen=""></iframe>
            </div>
        </div>

        <section class="contact-wraper1" style="background-image: url({{ asset('img/buro2.jpg') }});">
            <div class="container">
                <div class="row">
                    <div class="col-lg-5">
                        <div class="contact-info">
                            <div class="section-head text-white style-1">
                                <h3 class="title text-white">Nous localiser</h3>
                                <p>Vous pouvez nous rejoindre pour toutes activités d'imprimerie.</p>
                            </div>
                            <ul class="no-margin">
                                <li class="icon-bx-wraper text-white left m-b30">
                                    <div class="icon-md">
											<span class="icon-cell text-primary">
												<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map-pin"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
											</span>
                                    </div>
                                    <div class="icon-content">
                                        <h5 class=" dz-tilte text-white">Notre adresse</h5>
                                        <p>Yopougon rue des princes</p>
                                    </div>
                                </li>
                                <li class="icon-bx-wraper text-white left m-b30">
                                    <div class="icon-md">
											<span class="icon-cell text-primary">
												<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
											</span>
                                    </div>
                                    <div class="icon-content">
                                        <h5 class="dz-tilte text-white">Notre Email</h5>
                                        <p>info@sudeditions.com<br>+225 0143174729</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-7 m-b40">
                        <div class="contact-area1 m-r20 m-md-r0">
                            <div class="section-head style-1">
                                <h6 class="sub-title text-primary">Nous contacter</h6>
                                <h3 class="title m-b20">Votre message</h3>
                            </div>
                            <form class="dz-form" method="POST" action="{{ route('contact_added') }}">
                                @csrf

                                <div class="input-group">
                                    <input required="" type="text" class="form-control" name="nom" placeholder="Nom et prénoms">
                                </div>
                                <div class="input-group">
                                    <input required="" type="Email" class="form-control" name="mail" placeholder="Email">
                                </div>
                                <div class="input-group">
                                    <input required="" type="text" class="form-control" name="tel" placeholder="Téléphone">
                                </div>
                                <div class="input-group">
                                    <textarea required="" name="message" rows="5" class="form-control">Message</textarea>
                                </div>

                                <div>
                                    <button name="ok" type="submit" value="submit" class="btn w-100 btn-primary btnhover">ENVOYER</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </div>


@endsection