@extends('layouts.frontend.app')
@section('title', "Bienvenue sur notre boutique")
@section('css')
    <style>
        .container.text-center{
            display: none;
        }
    </style>
@endsection
@section('content')
    <br>
    <div class="container">
        <h4 style="color: #068d18;"><a href="{{route('welcome')}}"> < Retour à l'accueil</a> </h4><br><br>
        <div class="row align-content-lg-stretch text-center">
            <div class=" col-12 text-center">
                <div class="row" style="color: #068d18;">
                    <div class="row m-auto">
                        <div class="text-center type-buy" style="margin-right:20px">
                            <img src="{{asset('frontend/images/icon-2.png')}}" alt="icône drive"><br>
                            Drive
                        </div>
                    </div>
                    <br>
                </div>
                <br>
                <h4 style="color: #068d18;"> Trouvez un AfroShop Drive le plus proche </h4>
                <p style="color: #068d18;">Nous vous proposons les AfroShop situés à une distance de 50km de vous</p>

            </div>
            <form class="ps-form--quick-search mx-auto" action="#" method="get">
                <input style="border: 1px solid lightgray;" class="form-control" type="search" placeholder="Limoge">
                <button style="background-color: #068d18;"><i class="fa fa-search"></i></button>
            </form>
        </div>
        <br>
        <h4 style="color: lightgray" class="mx-auto text-center">Désolé! Aucun Afroshop n'est disponible dans votre zone</h4>
        <br>
        <img src="{{asset('frontend/images/sad-icon.png')}}" class="row mx-auto" style="height: 115px;" alt="icone triste Afroshop"><br>
        <h5 class="text-center" style="color: #068d18;"><a href="#"><u>Essayez en livraison</u> <i class="fa fa-arrow-right"></i></a></h5>
    </div><br><br>
    <div class="contact-us mt-10 mb-50">
        <div class="container" >
            <div class="row p-4">
                <div class="col-md-12 row" style="background:#e1c406; border-radius:10px;padding:30px 10px;">
                    <div class="col-md-8">
                        <div class="d-block" style="width: 110px;float: left;margin-top: 15px;">
                            <img src="{{asset('frontend/images/icon-newsletter.png')}}" style="width: 80px;margin-top: 10px;float:left; margin-right:15px;padding:35px ​10px;">
                        </div>
                        <p style="color: #fff;font-size: 25px;line-height: 27px;">
                            Abonnez-vous à notre newsletter afin de suivre nos programmes de ventes et promotions.<br>
                            <span style="font-size: 13px;">Nous ne partagerons jamais votre adresse avec un tier</span>
                        </p>
                    </div>
                    <div class="col-md-4">
                        <form class="mt-20 ps-form--download-app" action="#" method="post">
                            <div class="form-group--nest">
                                <input class="form-control" type="Email" placeholder="Email">
                                <button class="ps-btn btn-white">S'abonner</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="contact-us mt-10 mb-50">
        <div class="container" >
            <div class="row">
                <div class="col-md-12 text-center"  style="font-size: 35px;padding: 0 80px;color: #068d18;">
                    Nous comptabilisons <b>1,450,300</b> utilisateurs inscrits sur VotreAfroShop.com
                </div>
            </div>
        </div>
    </div>
    <div class="contact-us mt-10 mb-50">
        <div class="container">
            <div class="ps-block--site-features-2" style="border-radius:10px;box-shadow: 1px 2px 2px #ccc;padding: 20px 10px;border: 1px solid #ede7e780;">
                <div class="d-block" style="width: 15%;float: left;margin-top: 10px;padding-left: 20px;">
                    <img src="{{asset('frontend/images/logo_france.png')}}" style="width: 120px;float:left; margin-right:15px;">
                </div>
                <div style="font-size: 18px;width:85%;line-height: 27px;padding-left:40px">
                    <span style="color:red">Interdiction de vente des boissons alcooliques aux mineurs de moins de 18 ans</span><br>
                    <span style="font-size: 13px;">La preuve de la majorité de l'acheteur est demandée au moment de la vente en ligne.</span><br>
                    <span>CODE DE LA SANTE PUBLIQUE, ART.L.3342.-1 et L.3353-3</span>
                </div>
            </div>
        </div>
    </div>

@endsection