@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="mt-4">{!! $products->render() !!}</div>
        <div class="row">
            @foreach($products as $product)
                <div class="col-lg-3 col-md-4 col-sm-6 pt-2 pb-4">
                    <div class="card shadow">
                        <a href="{{ route('showProductDetail', ['id' => $product->id]) }}">
                            <img src="{{$product->getImagePrincipal()}}" class="img-fluid" alt="">
                        </a>
                        <hr>
                        <div class="card-body">
                            <div style="height: 71px;">
                                <h5><b>{{ucfirst($product->name)}}</b></h5>
                            </div>
                            <div style="height: 62px;">
                                <p>
                                    {{$product->short_detail}}
                                </p>
                            </div>
                            @if ($product->stock > 0)
                                @if($product->buy_one_click)
                                    <a class="btn btn-primary btn-block" href="{{ $product->getActionOnBuyClick() }}" role="button">{{ $product->getLabelBuyButton() }}</a>
                                @else
                                    <form action="{{ route('showAddToCart', ['id' => $product->id]) }}" method="post">
                                        @csrf
                                        <button class="btn btn-primary btn-md mr-1 mb-2 shadow">
                                            <span class="spinner-grow spinner-grow-sm d-none" role="status" aria-hidden="true"></span>
                                            <span class="text-button">{{ $product->getLabelBuyButton() }}</span>
                                        </button>
                                    </form>
                                @endif
                            @else
                                <button class="btn btn-primary btn-block" disabled>{{ $product->getLabelBuyButton() }}</button>
                            @endif
                            {{--<a href="/view-product/{{$product->sku}}/detail"></a>--}}
                        </div>
                        <div class="card-footer">
                            <small>
                                <div class="float-left">
                                    <b class="">{!! $product->getShortLabelDistribution() !!}</b>
                                </div>
                                <div class="float-right">
                                    @if ($product->price> 0 && $product->discount_price > 0)
                                        <del class="mr-2 text-muted">$@convert($product->discount_price)</del>
                                    @endif
                                    @if ($product->stock > 0)
                                        @if ($product->children->count() == 1)
                                            <b>$@convert($product->children->first()->price)</b>
                                        @elseif($product->children->count() > 1)
                                            <b>$@convert($product->children->first()->price)</b> - <b>$@convert($product->children()->orderBy('price', 'desc')->first()->price)</b>
                                        @else
                                            <b>$@convert($product->price)</b>
                                        @endif
                                        {{--<b>$@convert($product->price)</b>--}}
                                    @else
                                        <b>{{ __('out of stock') }}</b>
                                    @endif

                                </div>
                            </small>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
        {!! $products->render() !!}
    </div>
@endsection