HOME

<div class="modal-body p-4 c-scrollbar-light">

    <div class="row">

        <div class="col-lg-6">

            <div class="row gutters-10 flex-row-reverse">

                @php

                    $photos = explode(',',$product->photos);

                @endphp

                <div class="col">

                    <div class="aiz-carousel product-gallery" data-nav-for='.product-gallery-thumb' data-fade='true' data-auto-height='true'>

                        @foreach ($photos as $key => $photo)

                        <div class="carousel-box img-zoom rounded">

                            <img class="img-fluid lazyload"

                                src="{{ static_asset('assets/img/placeholder.jpg') }}"

                                data-src="{{ uploaded_asset($photo) }}"

                                onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder.jpg') }}';">

                        </div>

                        @endforeach

                        @foreach ($product->stocks as $key => $stock)

                            @if ($stock->image != null)

                                <div class="carousel-box img-zoom rounded">

                                    <img class="img-fluid lazyload"

                                        src="{{ static_asset('assets/img/placeholder.jpg') }}"

                                        data-src="{{ uploaded_asset($stock->image) }}"

                                        onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder.jpg') }}';">

                                </div>

                            @endif

                        @endforeach

                    </div>

                </div>

                <div class="col-auto w-90px">

                    <div class="aiz-carousel carousel-thumb product-gallery-thumb" data-items='5' data-nav-for='.product-gallery' data-vertical='true' data-focus-select='true'>

                        @foreach ($photos as $key => $photo)

                        <div class="carousel-box c-pointer border p-1 rounded">

                            <img class="lazyload mw-100 size-60px mx-auto"

                                src="{{ static_asset('assets/img/placeholder.jpg') }}"

                                data-src="{{ uploaded_asset($photo) }}"

                                onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder.jpg') }}';">

                        </div>

                        @endforeach

                        @foreach ($product->stocks as $key => $stock)

                            @if ($stock->image != null)

                                <div class="carousel-box c-pointer border p-1 rounded" data-variation="{{ $stock->variant }}">

                                    <img class="lazyload mw-100 size-50px mx-auto"

                                        src="{{ static_asset('assets/img/placeholder.jpg') }}"

                                        data-src="{{ uploaded_asset($stock->image) }}"

                                        onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder.jpg') }}';">

                                </div>

                            @endif

                        @endforeach

                    </div>

                </div>

            </div>

        </div>



        <div class="col-lg-6">

            <div class="text-left">

                <h2 class="mb-2 fs-20 fw-600">

                    {{  $product->getTranslation('name')  }}

                </h2>

                <div class="row no-gutters mt-3">

                    <div class="col-2">

                        <div class="opacity-50 mt-2">{{ translate('Price')}}:</div>

                    </div>

                    <div class="col-10">

                        <div class="">

                            <strong class="h2 fw-600 text-primary">

                                {{ single_price($product->bids->max('amount')) }}

                            </strong>

                            <span class="opacity-70">/{{ $product->unit }}</span>

                        </div>

                    </div>

                </div>

                <hr>



                @php

                    $qty = 0;

                    foreach ($product->stocks as $key => $stock) {

                        $qty += $stock->qty;

                    }

                @endphp



                <form id="option-choice-form">

                    @csrf

                    <input type="hidden" name="id" value="{{ $product->id }}">

                    <input type="hidden" name="quantity" value="1" >

                </form>

                <div class="mt-3">

                    <button type="button" class="btn btn-primary buy-now fw-600 add-to-cart" onclick="addToCart()">

                        <i class="la la-shopping-cart"></i>

                        <span class="d-none d-md-inline-block"> {{ translate('Add to cart')}}</span>

                    </button>

                </div>



            </div>

        </div>

    </div>

</div>