@if (isset($articles_lists) && $articles_lists != null && count($articles_lists) > 0)
<h2 class="col-sm-12 col-xs-12 text-center" style="margin-top: 5%">
    PRODUITS RECEMMENT DECOUVERTS

    <hr style="background: #88b121;color: #88b121;width: 5%;padding: 1px">

</h2>
<div style="margin-top: 15px !important; font-size: 12pt;color: #1e3551; float:right !important;">
    <form action="" method="get"
        style="width: 1000px; display:flex; justify-content:end; align-items:center;">
        <div style="margin-right: 5px">
            <input type="hidden" name="startDay" value="{{ $startDate ?? '' }}">
            <input type="hidden" name="endDay" value="{{ $endDate ?? '' }}">
            <div class="form-group">
                <input type="text" name="name" id="name" required="required"
                    class="form-control reverse" placeholder="Nom du produit"
                    value="{{ $request->name ?? '' }}">
            </div>
        </div>
        <div class="">
            <div class="form-group">
                <input type="submit"
                    class="btn btn-primary btn-block pb_btn-pill contact_submit_button"
                    value="Rechercher">
            </div>
        </div>
    </form>
</div>
<div class="col-sm-12 col-xs-12" style="background: #fff;padding: 3%;border: 1px solid #ddd">

    <div class="row">
        @foreach ($articles_lists as $article)
            @if ($article->boutique != null)
                @php
                    $boutique_ = $article->boutique->slug;
                    $boutique = $article->boutique;
                    $helpers = new \App\Http\Controllers\HelperController();
                    $prix = $helpers->get_article_price_by_boutique($article->slug, $boutique_);
                    $name = $helpers->get_meta_article('name', $article->slug, $boutique_);
                    $price = $helpers->get_meta_article('price', $article->slug, $boutique_);
                    if ($price['statut'] == false) {
                        $price['value'] = $article->price;
                    }
                    $promo = $helpers->get_meta_article('on_sale', $article->slug, $boutique_);
                    if ($promo['statut'] == false) {
                        $promo['value'] = $article->on_sale;
                    }
                    $promopourcent = $helpers->get_meta_article(
                        'show_price',
                        $article->slug,
                        $boutique_,
                    );

                    if ($promopourcent['statut'] == false) {
                        $promopourcent['value'] = $article->show_price;
                    }
                    if ($name['statut'] == false) {
                        $name = $article->name;
                    } else {
                        $name = $name['value'];
                    }
                    $stock = $helpers->get_meta_article('stock', $article->slug, $boutique_);
                    if ($stock['statut'] == false) {
                        $stock = $article->quantity;
                    } else {
                        $stock = $stock['value'];
                    }

                    $image = $helpers->get_simple_image($article->slug, $boutique_);

                @endphp
                @if ($stock != 0)
                    <!-- Slider Item -->
                    <div class="col-md-3 col-sm-12 col-xs-12 " style="padding: 5px">
                        <div class="clearfix"></div>
                        <a href="#" class="article_recom_dash card-3"
                            data-url="{{ route('produit.session') }}"
                            data-slug="{{ $boutique['slug'] }}"
                            data-url_redirect="{{ url($boutique['nom_boutique'] . '/product/' . $article->slug) }}"
                            style="background: #fff;">
                            <div class="product_i text-center"
                                style="border: 2px solid #ddd;border-radius: 6px;padding: 20px;background: #fff;">
                                @if ($promo['value'] == true)
                                    <div class=""
                                        style="width: 30px;height: 30px;border-radius: 100%;line-height: 30px; text-align: center; position:absolute;top: 20px;left: 20px; border: 1px solid red;background: red;color: #fff;">
                                        -{{ $promopourcent['value'] }}%</div>
                                @endif

                                <div class="product_image d-flex flex-column align-items-center justify-content-center"
                                    style="height: 100px">
                                    @if (isset($image) && $image != null && $image->filename != null)
                                        <img class="lazy" data-src="{{ $image->filename }}"
                                            alt="{{ $name }}" style="height: 100%;">
                                    @endif
                                </div>
                                <div class="clearfix"></div>
                                <div style="margin-top: 20px;">{{ $article->time }}</div>
                                <div class="product_content"
                                    style="padding: 10px;padding-top: 10px">
                                    <div class="product_price discount">
                                        <!--200--><span style="color: #e65c2b">{{ $prix }}
                                            FCFA</span>
                                        @if ($promo['value'] == true)
                                            <span
                                                style="text-decoration: line-through">{{ $price['value'] }}
                                                FCFA</span>
                                        @endif
                                    </div>
                                    <div class="product_name">
                                        <div><a style="font-size: 10pt;"
                                                href="{{ url($boutique['nom_boutique'] . '/product/' . $article->slug) }}"
                                                title="{{ $name }}">{{ \Illuminate\Support\Str::limit($name, 20) }}</a>
                                        </div>
                                    </div>
                                </div>

                                <div class="text-center"
                                    style="background: #88b121;margin-bottom: 5px;padding: 1%;color: #fff;">

                                    <span
                                        title="{{ strtoupper(str_replace('_', ' ', $boutique['nom_boutique'])) }}">
                                        {{ \Illuminate\Support\Str::limit(
                                            strtoupper(
                                                str_replace(
                                                    '_',
                                                    '
                                                                                                                                                                                                                                                                                                                                                                                                    ',
                                                    $boutique['nom_boutique'],
                                                ),
                                            ),
                                            18
                                        ) }}
                                    </span>
                                </div>

                            </div>
                        </a>
                        <div class="clearfix"></div>
                    </div>
                @endif
            @endif
        @endforeach
    </div>

</div>
@endif