@if(count($package_cart)>0 || count($product_cart)>0)
    <section class="cart__section section--padding">
        <div class="container">
            <div class="cart__section--inner">
                
                    <!-- <h2 class="cart__title mb-30">Shopping Cart</h2> -->
                    <div class="row">
                        <div class="col-12">
                            <div class="cart__table" >
                            
                                @if(count($product_cart)>0)
                                    @if($product_cart)
                                    
                                    
                                    <table class="cart__table--inner"
                                        style="table-layout: fixed;  text-align: left; position: relative;">
                                        <thead class="cart__table--header">
                                            <tr class="cart__table--header__items">
                                                <th class="cart__table--header__list cart_header-left">Product</th>
                                                <th class="cart__table--header__list text-right cart_header-right">Quantity</th>
                                            </tr>
                                        </thead>
                                        <tbody class="cart__table--body">
                                            
                                            @foreach ($product_cart as $key=>$data)
                                            <tr class="cart__table--body__items bg-eb cartpage">
                                                <input type="hidden" class="product_id" value="{{$key}}">
                                                <td class="cart__table--body__list cart-padd">
                                                    <div class="cart__product d-flex align-items-center">
                                                        <button class="cart__remove--btn cart-remove delete_cart_data"
                                                            aria-label="search button" type="button" data-id="{{$key}}" data-type="1">
                                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg"
                                                                viewBox="0 0 24 24" width="16px" height="16px">
                                                                <path
                                                                    d="M 4.7070312 3.2929688 L 3.2929688 4.7070312 L 10.585938 12 L 3.2929688 19.292969 L 4.7070312 20.707031 L 12 13.414062 L 19.292969 20.707031 L 20.707031 19.292969 L 13.414062 12 L 20.707031 4.7070312 L 19.292969 3.2929688 L 12 10.585938 L 4.7070312 3.2929688 z" />
                                                            </svg>
                                                        </button>
                                                        <div class="cart__thumbnail">
                                                            <a href="{{$data['slug_name']}}"><img class="border-radius-5"
                                                                    src="{{ $data['item_image'] }}" alt="cart-product"></a>


                                                        </div>
                                                        <div class="cart__content">
                                                        <a href="{{$data['slug_name']}}">
                                                            <h3 class="cart__content--title h4">{{$data['item_name'] }}</h3>
                                                        </a>
                                                            @if($data['attribute'])
                                                                @foreach($data['attribute'] as $att_k => $att_v)
                                                                <span class="cart__content--variant">{{$att_k}}:
                                                                    {{get_attribute_name($att_v)}}</span>

                                                                @endforeach
                                                            @endif
                                                        </div>
                                                    </div>
                                                </td>
                                            
                                                <td class="cart__table--body__list cart-padd">
                                                    <div class="quantity__cls alert-close">
                                                        <button type="button"
                                                            class="quantity__value quickview__value--quantity decrement-btn cart-dcr changeQuantity"
                                                            aria-label="quantity value" value="Decrease Value">-</button>
                                                        <label>
                                                            <input type="number"
                                                                class="quantity__number quickview__value--number qty-input"
                                                                value="{{ $data['item_quantity'] }}" data-counter  readonly/>
                                                        </label>
                                                        <button type="button"
                                                            class="quantity__value quickview__value--quantity increment-btn cart-inr changeQuantity"
                                                            aria-label="quantity value" value="Increase Value">+</button>
                                                    </div>
                                                </td>
                                            </tr>
                                            @if($data['child'])
                                            <tr class="cart__table--body__items bg-eb" style="display: table-row;">
                                                <td class="cart__table--body__list  frequent cart-padd" colspan="2">
                                                    <div class="cart__table">
                                                    <table class="cart__table--inner">
                                                        <tbody class="cart__table--body ">
                                                        @foreach($data['child'] as $key2 => $child_val)
                                                        <tr class="cart__table--body__items cartchildpage">
                                                            <td class="cart__table--body__list">
                                                            <div class="cart__product d-flex align-items-center">
                                                                <button class="cart__remove--btn cart-remove rel-pro-del" aria-label="search button" type="button" data-proid="{{$key}}"  data-rel-proid="{{$key2}}" >
                                                                <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16px" height="16px">
                                                                    <path d="M 4.7070312 3.2929688 L 3.2929688 4.7070312 L 10.585938 12 L 3.2929688 19.292969 L 4.7070312 20.707031 L 12 13.414062 L 19.292969 20.707031 L 20.707031 19.292969 L 13.414062 12 L 20.707031 4.7070312 L 19.292969 3.2929688 L 12 10.585938 L 4.7070312 3.2929688 z"></path>
                                                                </svg>
                                                                </button>
                                                                <div class="cart__thumbnail">
                                                                <a href="smart_valva">
                                                                    <img class="border-radius-5" src="{{$child_val['item_image']}}" alt="cart-product">
                                                                </a>
                                                                </div>
                                                                <div class="cart__content">
                                                                <h3 class="cart__content--title h4">
                                                                    <a href="#">{{$child_val['item_name']}}</a>
                                                                </h3>
                                                                @if($child_val['attribute'])
                                                                    @foreach($child_val['attribute'] as $att_k => $att_v)
                                                                        <span class="cart__content--variant">{{$att_k}}:
                                                                            {{get_attribute_name($att_v)}}</span>
                                                                    @endforeach
                                                                @endif
                                                                </div>
                                                            </div>
                                                            </td>
                                                            <td class="cart__table--body__list">
                                                            <div class="quantity__cls">
                                                                <button type="button" class="quantity__value quickview__value--quantity decrement-btn cart-dcr changeRelProQuantity" data-id="{{$key}}"  data-rel-proid="{{$key2}}"  aria-label="quantity value" value="Decrease Value">-</button>
                                                                <label>
                                                                <input type="number" class="quantity__number quickview__value--number qty-rel-pro-input" value="{{$child_val['item_quantity']}}" readonly>
                                                                </label>
                                                                <button type="button" class="quantity__value quickview__value--quantity increment-btn cart-inr changeRelProQuantity" data-id="{{$key}}"  data-rel-proid="{{$key2}}" aria-label="quantity value" value="Increase Value">+</button>
                                                            </div>
                                                            </td>
                                                        </tr>
                                                        @endforeach
                                                        </tbody>
                                                    </table>
                                                    </div>
                                                </td>
                                                </tr>
                                            @endif
                                            @if(get_related_products($data['item_id']))
                                            <tr class="cart__table--body__items">
                                                <td class="bg-eb frequent cart-padd" colspan="2">
                                                <section class="product__section pt-0">
                                                    <div class="container">
                                                    <h4 class="pl-20">Related Products</h4>
                                                    <div class="product__section--inner  swiper   mySwiper">
                                                        <div class="swiper-wrapper" id="swiper-wrapper-d1028ed8f0a17698c" aria-live="polite" style="transition-duration: 0ms; transform: translate3d(-1240px, 0px, 0px);">
                                                        @foreach(get_related_products($data['item_id']) as $id => $rel_pro)
                                                        
                                                                <div class="swiper-slide" data-swiper-slide-index="0" role="group">
                                                                <form class="form_{{$rel_pro['id']}}{{$key}}" id="formOne" method="post">
                                                                    <article class="frequent_product_list">
                                                                    <div class="product__card--thumbnail cart" >
                                                                        <a class="product__card--thumbnail__link display-block" href="#">
                                                                        <img class="product__card--thumbnail__img product__primary--img frequent-img" src="{{$rel_pro['thumb_image']}}" alt="product-img">
                                                                        <img class="product__card--thumbnail__img product__secondary--img" src="{{$rel_pro['thumb_image']}}" alt="product-img">
                                                                        </a>
                                                                        <span class="product__badge add-badge add-rel-pro" data-id="{{$rel_pro['id']}}" data-key="{{$key}}">
                                                                        <i class="fa fa-plus badge-plus" aria-hidden="true"></i>
                                                                        </span>
                                                                        @if ($rel_pro['attributes'])                                                             
                                                                        <div class="product__card--action align-items-center justify-content-center bg-eb related_popup rel_popup_{{$rel_pro['id']}}{{$key}}">
                                                                        <div class="popup-div">
                                                                    
                                                                            @foreach($rel_pro['attributes'] as $att_k => $att_v) 
                                                                            @if (count($att_v) > 1)
                                                                            <span class="cart__content--variant d-flex align-items-center ">{{$att_k}}: <div class="variant__color d-flex pl-10">
                                                                                <select class="form-control rel_val_{{$rel_pro['id']}}{{$key}}" onchange="addattribute(this.value,{{$rel_pro['id']}},{{$key}})" name="{{strtolower($att_k)}}">
                                                                                    <option value="0">Select</option>
                                                                                    @foreach($att_v as $attribute1)
                                                                                    <option value="{{$attribute1['id']}}">{{$attribute1['name']}}</option>
                                                                                    @endforeach
                                                                                </select>
                                                                            </div>
                                                                            </span>
                                                                            @endif
                                                                            @endforeach
                                                                        
                                                                        </div>
                                                                        </div>
                                                                        @endif
                                                                    </div>
                                                                    <div class="product__card--content">
                                                                        <h5 class="product__card--title text-center">{{$rel_pro['product_name']}}</h5>
                                                                    </div>
                                                                    </article>
                                                                </form>
                                                                </div>
                                                            
                                                        @endforeach
                                                        </div>
                                                        <div class="swiper__nav--btn swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-d1028ed8f0a17698c">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class=" -chevron-right">
                                                            <polyline points="9 18 15 12 9 6"></polyline>
                                                        </svg>
                                                        </div>
                                                        <div class="swiper__nav--btn swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-d1028ed8f0a17698c">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class=" -chevron-left">
                                                            <polyline points="15 18 9 12 15 6"></polyline>
                                                        </svg>
                                                        </div>
                                                        <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                                                    </div>
                                                    </div>
                                                </section>
                                                </td>
                                            </tr>
                                            @endif
                                            @endforeach
                                        

                                        </tbody>
                                    </table>
                                    @endif
                                @endif
                                @if(count($package_cart)>0)
                                <table class="cart__table--inner mt-50"
                                    style="table-layout: fixed;  text-align: left; position: relative; border-collapse: collapse !important;">
                                    <thead class="cart__table--header">
                                        <tr class="cart__table--header__items">
                                            <th class="cart__table--header__list cart_header-left">Package</th>
                                            <th class="cart__table--header__list text-right cart_header-right">Quantity</th>
                                        </tr>
                                    </thead>
                                    <tbody class="cart__table--body">
                                
                                        @foreach ($package_cart as $key=>$val)

                                        <tr class="cart__table--body__items bg-black">
                                            <td class="cart__table--body__list cart-padd">
                                                <div class="cart__product d-flex align-items-center">
                                                    <button class="cart__remove--btn cart-remove package-remove delete_cart_data"
                                                        aria-label="search button" type="button" data-id="{{$key}}" data-type="2">
                                                        <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg"
                                                            viewBox="0 0 24 24" width="16px" height="16px">
                                                            <path
                                                                d="M 4.7070312 3.2929688 L 3.2929688 4.7070312 L 10.585938 12 L 3.2929688 19.292969 L 4.7070312 20.707031 L 12 13.414062 L 19.292969 20.707031 L 20.707031 19.292969 L 13.414062 12 L 20.707031 4.7070312 L 19.292969 3.2929688 L 12 10.585938 L 4.7070312 3.2929688 z" />
                                                        </svg>
                                                    </button>

                                                    <div class="cart__content">
                                                        <h3 class="cart__content--title h4 package-head"><a
                                                                href="{{$val['package_slug_name']}}">{{$val['package_name']}}</a>
                                                        </h3>

                                                    </div>
                                                </div>

                                            </td>

                                            <td class="cart__table--body__list slide-up slide_{{$key}}" data-id="{{$key}}">
                                                <i class="fa fa-angle-down arrow-down "></i>
                                            </td>

                                        </tr>

                                        <tr class="cart__table--body__items bg-eb hide pkg_cls_{{$key}}">
                                            <td class="cart__table--body__list  frequent cart-padd" colspan="2">

                                                <div class="cart__table">
                                                    <table class="cart__table--inner">

                                                        <tbody class="cart__table--body ">
                                                        @foreach ($val['products'] as $key1=>$prdata)
                                                        <tr class="cart__table--body__items cartpkgpage">
                                                            <td class="cart__table--body__list">
                                                                <div class="cart__product d-flex align-items-center">
                                                                    <button class="cart__remove--btn cart-remove pkg-pro-remove"
                                                                        aria-label="search button" type="button" data-pkgid="{{$key}}"  data-proid="{{$key1}}">
                                                                        <svg fill="currentColor"
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            viewBox="0 0 24 24" width="16px"
                                                                            height="16px">
                                                                            <path
                                                                                d="M 4.7070312 3.2929688 L 3.2929688 4.7070312 L 10.585938 12 L 3.2929688 19.292969 L 4.7070312 20.707031 L 12 13.414062 L 19.292969 20.707031 L 20.707031 19.292969 L 13.414062 12 L 20.707031 4.7070312 L 19.292969 3.2929688 L 12 10.585938 L 4.7070312 3.2929688 z">
                                                                            </path>
                                                                        </svg>
                                                                    </button>
                                                                    <div class="cart__thumbnail">
                                                                        <a href="{{$prdata['slug_name']}}"><img
                                                                                class="border-radius-5"
                                                                                src="{{$prdata['thumb_image']}}"
                                                                                alt="cart-product"></a>
                                                                    </div>
                                                                    <div class="cart__content">
                                                                        <h3 class="cart__content--title h4"><a
                                                                                href="{{$prdata['slug_name']}}">{{$prdata['product_name']}}</a>
                                                                        </h3>
                                                                    </div>

                                                                </div>
                                                            </td>

                                                            <td class="cart__table--body__list">
                                                                <div class="quantity__cls">
                                                                    <button type="button"
                                                                        class="quantity__value quickview__value--quantity decrement-btn cart-dcr changePkgQuantity"
                                                                        aria-label="quantity value"
                                                                        value="Decrease Value" data-pkgid="{{$key}}"  data-proid="{{$key1}}">-</button>
                                                                    <label>
                                                                        <input type="number"
                                                                            class="quantity__number quickview__value--number qty-pkg-input"
                                                                            value="{{$prdata['qty']}}" data-counter="" readonly>
                                                                    </label>
                                                                    <button type="button"
                                                                        class="quantity__value quickview__value--quantity increment-btn cart-inr changePkgQuantity"
                                                                        aria-label="quantity value"
                                                                        value="Increase Value" data-pkgid="{{$key}}"  data-proid="{{$key1}}">+</button>
                                                                </div>
                                                            </td>

                                                        </tr>
                                                        @endforeach
                                                        </tbody>
                                                    </table>

                                                </div>
                                            </td>
                                        </tr>

                                    
                                        @endforeach

                                    </tbody>
                                </table>
                                @endif
                                @if(count($package_cart)>0 || count($product_cart)>0)
                                <div class="checkout__discount--code d-flex justify-content-between mt-20">
                                    <a class="continue__shopping--link" href="{{ url('product') }}">Continue shopping</a>
                                    <div class="float-right cart-btns">
                                        <button
                                            class="checkout__discount--code__btn primary__btn border-radius-5 clear_cart btn-blank clear-btn"
                                            type="button">Clear Cart</button>
                                        <a class="checkout__discount--code__btn primary__btn border-radius-5 clear-btn"
                                            href="{{ url('enquiry') }}">Check Out</a>
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>

                    </div>


                
            </div>
        </div>
    </section>
    @endif
    @if(empty($package_cart) && empty($product_cart))
    <section class="section--padding bg-dark-green">
        <!-- Package Table -->

        <div class="row">
            <div class="col-md-12 mycard py-5 text-center">
                <div class="mycards text-white">
                    <h4>Your cart is currently empty.</h4>
                    <a href="{{ url('product') }}" class="primary__btn quickview__cart--btn add-to-cart-btn mt-20" >Continue Shopping</a>
                    <!-- <a href="{{ url('product') }}" class="btn btn-upper btn-primary outer-left-xs mt-5">Continue Shopping</a> -->
                </div>
            </div>
        </div>

    </section>
    @endif