@extends('frontend.layouts.layout')

@push('title')
    | Lista de productos
@endpush
@include('frontend.partials.header')
@section('content')
    <div class="breadcrumb-option">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb__links">
                        <a href="{{ route('show', ['slug' => $campain['slug']]) }}"><i class="fa fa-home"></i> Inicio</a>
                        {{--<a href="#">Marcas </a>--}}
                         <a href="{{ route('getMarcas', ['slug' => $campain['slug'], 'category' => $category, 'id' => $uuidMark]) }}"> {{ $category }}</a>
                        <span>{{ $marca }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Shop Section Begin -->
    <section class="shop spad">
        <div class="container-fluid">
            <div class="row">
                @forelse ($products as $product)
                    @if($product->state)
                    @if( $product->stock !== 0 )
                    <div class="col-xl-3 col-lg-4 col-md-6 col-12">
                        <a style="text-decoration: none; color: #39C0ED" href="{{ route('productDetails', ['slug' => $campain['slug'], 'marca' => $marca, 'product' =>  Str::slug($product->name, '-'), 'category' => $category, 'uuidKey' => $product->uuidKey, 'supplierUuidKey' => $product->supplierUuidKey]) }}" title="{{ Str::slug('Water resistant zips backpack', '-') }}">
                            <div class="product-card">
                                <div class="badge">{{ $product->discount }} DCTO</div>
                                <div class="product-tumb bg-image hover-zoom">
                                    <img src="{{ $product->imageSignedUrl }}" class="product__item__pic set-bg" alt="">
                                </div>
                                <div class="product-details">
                                    <div class="details-ref">
                                        <div class="product-ref">{{ $product->ref }}</div>
                                        <div class="product-cantidad">
                                            Disponibles: {{ $product->stock }}
                                        </div>
                                    </div>
                                    <h4 class="h6">{{ $product->name }}</h4>
                                    <p>{{  Str::limit($product->description, 80, '...') }}</p>
                                    <div class="product-bottom-details">
                                        <div class="product-price">Antes <small>${{ number_format($product->oldPrice,0,',','.') }} COP</small> Ahora ${{ number_format($product->price,0,',','.') }} COP</div>
                                        <div class="product-links">
                                            <a class="btn btn-danger" href="{{ route('productDetails', ['slug' => $campain['slug'], 'marca' => $marca, 'product' =>  Str::slug($product->name, '-'), 'category' => $category, 'uuidKey' => $product->uuidKey, 'supplierUuidKey' => $product->supplierUuidKey]) }}" title="{{ Str::slug('Water resistant zips backpack', '-') }}"><i class="fa fa-shopping-cart d-lg-none"></i> Elegir</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    @else
                    <div class="col-xl-3 col-lg-4 col-md-6 col-12">
                        <p style="text-decoration: none; color: #39C0ED">
                            <div class="product-card">
                                <div class="badge">{{ $product->discount }} DCTO</div>
                                <div class="product-tumb bg-image hover-zoom">
                                    <img src="{{ $product->imageSignedUrl }}" class="product__item__pic set-bg" alt="">
                                </div>
                                <div class="product-details">
                                    <div class="details-ref">
                                        <div class="product-ref">{{ $product->ref }}</div>
                                        <div class="product-cantidad">
                                            {{-- Disponibles: {{ $product->stock }} --}}
                                        </div>
                                    </div>
                                    <h4 class="h6">{{ $product->name }}</h4>
                                    <p>{{  Str::limit($product->description, 80, '...') }}</p>
                                    <div class="product-bottom-details">

                                        <div class="product-price">Antes <small>${{ number_format($product->oldPrice,0,',','.') }} COP</small> Ahora ${{ number_format($product->price,0,',','.') }} COP</div>
                                        <div class="product-links">
                                            SIN STOCK
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </p>
                    </div>
                    @endif
                 @endif   
                @empty

                @endforelse

            </div>
        </div>
    </section>
    <!-- Shop Section End -->

@endsection
@push('footer')
    @include('frontend.partials.footer')
@endpush
@push('js')
    <script !src="">
        $('#datosUsuarios').modal('show');
    </script>
@endpush