@extends("layouts.index")
@section("css")
{{-- <link rel="stylesheet" href="{{ asset("assets/css/store.css") }}"> --}}
<style>
    #swal2-title {
        font-size: 25px !important;
    }
</style>
<link rel="stylesheet" href="{{ asset('assets/css/select2.css') }}">
@endsection
{{-- @php
    dd($articles);
@endphp --}}
@section("contents")
    <div class="row justify-content-center">
        @if ($articles->isEmpty() )
            <div class="col-12">
                <h4>Aucun Produit disponible sur votre l'espace de vente</h4>
            </div>
        @else
            <div class="col-12">
                <h2 class="h5 page-title"> Boutique </h2>
                <p class="text-muted"> Magasin de vente </p>
            </div>
            <div class="container mb-3" id="vipbtn">
                <div class="row">
                    @if (isset($articles['produit']))
                        <div class="col-md-6 col-xl-6 col-lg-6 col-sm-12 mb-2">
                            <button type="button" id="product" class="btn btn-secondary btn-lg btn-block">PRODUITS
                                <i class="fa fa-star text-warning"></i>
                            </button>
                        </div>
                    @endif

                    @if (isset($articles['service']))
                        <div class="col-md-6 col-xl-6 col-lg-6 col-sm-12 mb-2">
                            <button type="button" id="service" class="btn btn-dark btn-lg btn-block text-white">SERVICES
                                <i class="fa fa-star text-warning"></i>
                                <i class="fa fa-star text-warning"></i>
                            </button>
                        </div>
                    @endif

                </div>
            </div>
            <div class="col-md-8 col-lg-8 col-xl-8 col-8 mb-3 overflow-auto" id="transactionLoad">
                <input type="text" id="searchInput" class="form-control m-2 p-2" placeholder="Rechercher un produit/service ...">

                @if(isset($articles['produit']))
                    <div class="product">