@extends('layouts.app')

@section('content')
    <div class="container mt-5">
        @if($Products->count() <= 0)
            <div class="alert alert-info">No encontramos lo que buscas</div>
        @else
            {!! $Products->render() !!}
        @endif
        @foreach($Products as $product)
            @if(!is_null($product->shop))
                    <div class="card mt-3">
                        <div class="row no-gutters">
                            <div class="col-sm-2" style="background: #868e96;">
                                <a class="text-decoration-none" href="{{ route('showProductDetail', ['id' => $product->id]) }}">
                                    <img src="{{ $product->getImagePrincipal() }}" class="card-img-top h-100 img-fluid" alt="...">
                                </a>
                            </div>
                            <div class="col-sm-10">
                                <div class="card-body">
                                    <a class="text-decoration-none" href="{{ route('showProductDetail', ['id' => $product->id]) }}">
                                        <h3 class="card-title text-dark font-weight-bold " style="font-family: 'Roboto', sans-serif">{{ $product->name }}</h3>
                                    </a>
                                    <p class="card-text text-dark">
                                        {{ $product->short_detail }}
                                    </p>
                                    <a href="{{ url('/showcase/'.$product->shop->sku) }}">{{ ucfirst($product->shop->name) }}</a><br>
                                    <span style="font-size: 20px;" class="mr-1 text-danger"><b>$@convert($product->price)</b></span>
                                    @if ($product->discount_price >= 0)
                                        <del style="font-size: 12px;" class="mr-2 text-muted">$@convert($product->discount_price)</del>
                                    @endif
                                    <br>
                                    <small class="text-muted">No incluye IVA</small>
                                    {{--<a href="#" class="btn btn-primary stretched-link">View Profile</a>--}}
                                </div>
                            </div>
                        </div>
                    </div>
            @endif
        @endforeach
        <br>
            @if(!($Products->count() <= 0))
                {!! $Products->render() !!}
            @endif
    </div>
@endsection