{Ninja-Shell}

Filename: /var/www//arsu/resources/views//seller-views/pos/_quick-view-data.blade.php

<div class="modal-header p-2">
    <h4 class="modal-title product-title">
    </h4>
    <button class="close call-when-done" type="button" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
<div class="modal-body">
    <div class="media gap-3">
        
        <div class="d-flex align-items-center justify-content-center active">
            <img class="img-responsive rounded"
                src="{{asset('storage/app/public/product/thumbnail')}}/{{$product->thumbnail}}"
                 onerror="this.src='{{asset('public/assets/back-end/img/160x160/img2.jpg')}}'"
                 data-zoom="{{asset('storage/app/public/product')}}/{{$product['image']}}"
                 alt="Product image" height="100">
            <div class="cz-image-zoom-pane"></div>
        </div>
        
        <div class="details media-body">
            <h4 class="mb-3 product-title">{{ Str::limit($product->name, 26) }}</h4>

<div class="mb-2 text-dark">
                <h4 class="c1 font-weight-normal text-accent">
                    {{\App\CPU\Helpers::get_price_range($product) }}
                </h4>
                
            </div>

@if($product->discount > 0)
                <div class="mb-3 text-dark">
                    <strong>{{\App\CPU\translate('discount')}} : </strong>
                    <strong
                        id="set-discount-amount">{{\App\CPU\BackEndHelper::usd_to_currency(\App\CPU\Helpers::get_product_discount($product, $product['unit_price']))}}</strong>
                </div>
            @endif

</div>
    </div>
    <div class="row pt-2">
        <div class="col-12">
            <?php
            $cart = false;
            if (session()->has('cart')) {
                foreach (session()->get('cart') as $key => $cartItem) {
                    if (is_array($cartItem) && $cartItem['id'] == $product['id']) {
                        $cart = $cartItem;
                    }
                }
            }

?>
            <h3>{{\App\CPU\translate('description')}}</h3>
            <span class="d-block text-dark">
                {!! $product->description !!}
            </span>
            <form id="add-to-cart-form">
                @csrf
                <input type="hidden" name="id" value="{{ $product->id }}">
                <div class="position-relative mb-4">
                    @if (count(json_decode($product->colors)) > 0)
                        <div class="d-flex flex-wrap gap-2">
                            <div class="product-description-label">{{\App\CPU\translate('color')}}:
                            </div>
                            <div class="color-select d-flex gap-2 flex-wrap" id="option1">
                                @foreach (json_decode($product->colors) as $key => $color)
                                    <input class="btn-check" type="radio" onclick="color_change(this);"
                                            id="{{ $product->id }}-color-{{ $key }}"
                                            name="color" value="{{ $color }}"
                                            @if($key == 0) checked @endif autocomplete="off">
                                    <label id="label-{{ $product->id }}-color-{{ $key }}" class="btn btn-sm mb-0 {{$key==0?'border-add':""}}" style="background: {{ $color }};"
                                            for="{{ $product->id }}-color-{{ $key }}"
                                            data-toggle="tooltip"></label>
                                @endforeach

</div>
                        </div>
                    @endif
                    @php
                        $qty = 0;
                        if(!empty($product->variation)){
                        foreach (json_decode($product->variation) as $key => $variation) {
                                $qty += $variation->qty;
                            }
                        }
                    @endphp
                </div>
                @foreach (json_decode($product->choice_options) as $key => $choice)

<h5 class="p-0 pt-2">{{ $choice->title }}
                    </h5>

<div class="d-flex justify-content-left flex-wrap">
                        @foreach ($choice->options as $key => $option)
                            <input class="btn-check" type="radio"
                                   id="{{ $choice->name }}-{{ $option }}"
                                   name="{{ $choice->name }}" value="{{ $option }}"
                                   @if($key == 0) checked @endif autocomplete="off">
                            <label class="btn btn-sm check-label mx-1 choice-input"
                                   for="{{ $choice->name }}-{{ $option }}">{{ $option }}</label>
                        @endforeach
                    </div>
                @endforeach

<div class="d-flex justify-content-between align-items-center mt-3">
                    <h3 class="product-description-label mb-0">{{\App\CPU\translate('Quantity')}}:</h3>
                    <div class="product-quantity d-flex align-items-center">
                        <div class="d-flex align-items-center">
                            <span class="product-quantity-group">
                                <button class="btn-number" type="button"
                                        data-type="minus" data-field="quantity"
                                        disabled="disabled">
                                        <i class="tio-remove"></i>
                                </button>
                                <input type="text" name="quantity"
                                   class="form-control input-number text-center cart-qty-field"
                                   placeholder="1" value="1" min="1" max="100">
                                <button class="btn-number" type="button" data-type="plus"
                                        data-field="quantity">
                                        <i class="tio-add"></i>
                                </button>
                            </span>
                        </div>
                    </div>
                </div>

<div class="row no-gutters mt-2 text-dark" id="chosen_price_div">
                    <div class="col-2">
                        <div class="product-description-label font-weight-bold">{{\App\CPU\translate('Total Price')}}:</div>
                    </div>
                    <div class="col-10">
                        <div class="product-price">
                            <strong id="chosen_price"></strong>
                        </div>
                    </div>
                </div>

<div class="d-flex justify-content-center mt-2">
                    <button class="btn btn--primary" onclick="addToCart()" type="button">
                        <i class="tio-shopping-cart"></i>
                        {{\App\CPU\translate('add')}}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

./Ninja\.