@php
    use App\CentralLogics\Helpers;
    use App\Models\AddOn;
@endphp
<div class="initial-49">
    <form id="add-to-cart-form" class="mb-0">
        <div class="modal-header p-0">
            <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 pt-2 pb-0">
            <div class="d-flex flex-row align-items-center mb-xxl-3 mb-2">
                <div class="d-flex align-items-center justify-content-center active position-relative">
                    @if (config('toggle_veg_non_veg'))
                        <span
                            class="badge badge-{{ $product->veg ? 'success' : 'danger' }} position-absolute left-0 top-0">{{ $product->veg ? translate('messages.veg') : translate('messages.non_veg') }}</span>
                    @endif
                    @if ($product?->stock_type !== 'unlimited' && $product->item_stock <= 0)
                        <span
                            class="badge badge-danger position-absolute left-0 top-0">{{ translate('messages.Out_of_Stock') }}</span>
                    @endif
                    <img class="img-responsive mr-3 img--100 onerror-image"
                        src="{{ $product?->image_full_url ?? dynamicAsset('public/assets/admin/img/100x100/food-default-image.png') }}"
                        data-onerror-image="{{ dynamicAsset('public/assets/admin/img/100x100/food-default-image.png') }}"
                        data-zoom="{{ $product?->image_full_url }}" alt="Product image">

                    <div class="cz-image-zoom-pane"></div>
                </div>
                <div class="details pl-2">
                    <a href="{{ route('vendor.food.view', $product->id) }}"
                        class="h3 mb-2 product-title text-capitalize text-break d-block">{{ $product->name }}</a>

                    <div class="mb-3 text-dark">
                        <span class="h4 font-weight-normal text-accent mr-1">
                            {{ Helpers::get_price_range($product, true) }}
                        </span>
                        @if ($product->discount > 0 || Helpers::get_restaurant_discount($product->restaurant))
                            <span class="fz-12px line-through">
                                {{ Helpers::get_price_range($product) }}
                            </span>
                        @endif
                    </div>
                    @if ($product->discount > 0)
                        <div class="mb-3 text-dark fs-12">
                            <strong class="fs-12">{{ translate('messages.discount') }} : </strong>
                            <strong class="fs-12" id="set-discount-amount">{{ Helpers::get_product_discount($product) }}</strong>
                        </div>
                    @endif

                </div>
            </div>

            <div class="row pt-2">
                <div class="col-12">