@extends($data['layout'])

@section('title', 'Shopping Cart - ' . app_name())

@push('head-area')
    <link rel="stylesheet" href="{{asset('design/assets/css/cart-style.css')}}" async>
@endpush

@section('content')

    <section class="breadcrumSection py-5 d-none d-sm-block" style="background-color: #F2F9FF;">
        <div class="container p-0">
            <div class="row">
                <div class="col-md-12">
                    <div class="breadcrumLink">Home/Cart</div>
                </div>
            </div>
        </div>
    </section>
@if(Cart::isEmpty())
    <section class="emptyCartSection py-5">
        <div class="container p-0">
            <div class="row">
                <div class="col-md-12">
                    <div class="emptyCart">
                        <strong>Sorry!</strong>, your cart is empty, <a href="{{ route('frontend.index') }}">click here to go back to the home page.</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
@else
    <section class="mainCartSection">
        <div class="container p-3 p-sm-0">
            <div class="row" style="row-gap: 1rem;">
                <div class="col-md-8 col-sm-12">
                    <div class="rightCartSection" style="background-color: #ffffff;">
                        <div class="mainCartTitleSection">
                            <div class="cartTitle">
                                Cart
                            </div>
                            <div class="clearCart">
                                <form action="{{ route('frontend.cart-remove') }}" method="POST">
                                    @csrf
                                    <button type="submit" >
                                        <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M11.8571 10.6961L10.6792 9.50089L11.8744 8.32303C12.0329 8.16683 12.1229 7.95407 12.1245 7.73155C12.1261 7.50903 12.0393 7.29498 11.8831 7.13649C11.7269 6.978 11.5141 6.88804 11.2916 6.88642C11.0691 6.88479 10.855 6.97163 10.6965 7.12783L9.50135 8.30569L8.32348 7.1105C8.16728 6.952 7.95453 6.86205 7.73201 6.86042C7.50949 6.8588 7.29544 6.94564 7.13695 7.10183C6.97845 7.25803 6.8885 7.47078 6.88687 7.6933C6.88525 7.91582 6.97209 8.12987 7.12828 8.28836L8.30615 9.48356L7.11095 10.6614C6.95246 10.8176 6.8625 11.0304 6.86088 11.2529C6.85925 11.4754 6.94609 11.6895 7.10228 11.848C7.25848 12.0065 7.47124 12.0964 7.69376 12.098C7.91628 12.0997 8.13032 12.0128 8.28882 11.8566L9.48402 10.6788L10.6619 11.874C10.8181 12.0325 11.0308 12.1224 11.2534 12.124C11.4759 12.1257 11.6899 12.0388 11.8484 11.8826C12.0069 11.7264 12.0969 11.5137 12.0985 11.2912C12.1001 11.0686 12.0133 10.8546 11.8571 10.6961Z" fill="#FF4747"/>
                                        </svg>
                                        Clear Cart
                                    </button>
                                </form>
                            </div>
                        </div>
                        <div class="cartItemTitle pt-4 pb-2">
                            <div class="productTitle">
                                Product
                            </div>
                            <div class="priceTitle">
                                Price
                            </div>
                            <div class="countTitle">
                                Count
                            </div>
                            <div class="totalTitle">
                                Total
                            </div>
                            <div class="removeTitle opacity-0">
                                Remove
                            </div>
                        </div>
                        @php
                            $sub_total = 0;
                            $bogo_discount = 0;
                        @endphp
                        @foreach($data['cart'] as $cart)
                            @php
                                if($cart->attributes->image != '')
                                    $path = 'https://www.germedusa.com/up_data/products/images/thumbnails/'.$cart->attributes->image;
                                else
                                    $path = 'https://www.germedusa.com/up_data/na.jpg';

                                $item_price = $cart->getPriceWithConditions();
                                $total_price = $cart->getPriceSumWithConditions();

                                if($cart->bogo_free)
                                {
                                    $total_price_discount = $cart->bogo_free * $item_price;
                                    $bogo_discount += $total_price_discount;
                                    $talal_price_after_bogo = $total_price - $total_price_discount;
                                }

                                if($cart->bogod_count)
                                {
                                    $discounted_price = ($item_price * $cart->bogod_percent) / 100;
                                    $total_price_discount = $cart->bogod_count * $discounted_price;
                                    $bogo_discount += $total_price_discount;
                                    $talal_price_after_bogo = $total_price - $total_price_discount;
                                }
                            @endphp
                            <div class="cartProductDetail my-3">
                                <div class="productImgName">
                                    <div class="productImage">
                                        <a href="/{{$cart->attributes->slug}}"><img src="{{ $path }}" alt="{{$cart->name}}"></a>
                                    </div>
                                    <div class="productName">
                                        <a href="/{{$cart->attributes->slug}}">{{ $cart->name }}</a>
                                    </div>
                                </div>
                                <div class="priceValue">
                                    @if($cart->attributes->discount == 0)
                                        <span>${{ number_format($cart->price, 2) }}</span>
                                    @else
                                        <div class="old-price">${{ number_format($cart->price, 2) }}</div>
                                        <span>${{ number_format($item_price, 2) }}</span>
                                    @endif
                                </div>
                                <div class="countValue">
                                    <div class="inputField">
                                        <input class="inputQty" name="qty[]" id="qty-{{$cart->id}}" min="1" max="100" value="{{ $cart->quantity }}" type="number" disabled>
                                    </div>
                                    <div class="plusminusSection">
                                        <div onclick="incDecF('inc',{{$cart->id}})" class="inc incDec"><i class="zmdi zmdi-chevron-up"></i></div>
                                        <div onclick="incDecF('dec',{{$cart->id}})" class="dec incDec"><i class="zmdi zmdi-chevron-down"></i></div>
                                    </div>
                                </div>
                                <div class="totalPrice priceSection-{{$cart->id}}">
                                    <span class="amount">
                                        @if($cart->attributes->discount == 0)
                                            <span @if($cart->bogo_free || $cart->bogod_count) class="old-price" @endif>${{ number_format($cart->getPriceSum(), 2) }}</span>
                                        @else
                                            <div class="old-price" id="old-price-{{$cart->id}}">${{ number_format($cart->getPriceSum(), 2) }}</div>
                                            <span id="red-text-{{$cart->id}}" @if($cart->bogo_free || $cart->bogod_count) class="old-price" @endif>${{ number_format($total_price, 2) }}</span>
                                        @endif

                                        @if($cart->bogo_free || $cart->bogod_count)
                                            <span>${{ number_format($talal_price_after_bogo, 2) }}</span>
                                            <small class="red-text">
                                                @if($cart->bogod_count)
                                                    {{ $cart->bogod_percent }}% discount <br>on {{ $cart->bogod_count }} @if($cart->bogod_count > 1) items @else item @endif
                                                @else
                                                    {{ $cart->bogo_free }} free @if($cart->bogo_free > 1) items @else item @endif
                                                @endif
                                            </small>
                                        @endif
                                    </span>
                                </div>
                                <div class="removeIcon">
                                    <a href="{{ route('frontend.cart.delete', $cart->id) }}" onclick="return window.confirm('Are you sure, you want to delete remove this item from your cart?');" title="Remove Product">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <g clip-path="url(#clip0_1189_2412)">
                                            <path d="M21 4H17.9C17.6679 2.87141 17.0538 1.85735 16.1613 1.12872C15.2687 0.40009 14.1522 0.00145452 13 0L11 0C9.8478 0.00145452 8.73132 0.40009 7.83875 1.12872C6.94618 1.85735 6.3321 2.87141 6.1 4H3C2.73478 4 2.48043 4.10536 2.29289 4.29289C2.10536 4.48043 2 4.73478 2 5C2 5.26522 2.10536 5.51957 2.29289 5.70711C2.48043 5.89464 2.73478 6 3 6H4V19C4.00159 20.3256 4.52888 21.5964 5.46622 22.5338C6.40356 23.4711 7.67441 23.9984 9 24H15C16.3256 23.9984 17.5964 23.4711 18.5338 22.5338C19.4711 21.5964 19.9984 20.3256 20 19V6H21C21.2652 6 21.5196 5.89464 21.7071 5.70711C21.8946 5.51957 22 5.26522 22 5C22 4.73478 21.8946 4.48043 21.7071 4.29289C21.5196 4.10536 21.2652 4 21 4ZM11 2H13C13.6203 2.00076 14.2251 2.19338 14.7316 2.55144C15.2381 2.90951 15.6214 3.41549 15.829 4H8.171C8.37858 3.41549 8.7619 2.90951 9.26839 2.55144C9.77487 2.19338 10.3797 2.00076 11 2ZM18 19C18 19.7956 17.6839 20.5587 17.1213 21.1213C16.5587 21.6839 15.7956 22 15 22H9C8.20435 22 7.44129 21.6839 6.87868 21.1213C6.31607 20.5587 6 19.7956 6 19V6H18V19Z" fill="#FF4747"/>
                                            <path d="M10 18C10.2652 18 10.5196 17.8946 10.7071 17.7071C10.8946 17.5196 11 17.2652 11 17V11C11 10.7348 10.8946 10.4804 10.7071 10.2929C10.5196 10.1054 10.2652 10 10 10C9.73478 10 9.48043 10.1054 9.29289 10.2929C9.10536 10.4804 9 10.7348 9 11V17C9 17.2652 9.10536 17.5196 9.29289 17.7071C9.48043 17.8946 9.73478 18 10 18Z" fill="#FF4747"/>
                                            <path d="M14 18C14.2652 18 14.5196 17.8946 14.7071 17.7071C14.8946 17.5196 15 17.2652 15 17V11C15 10.7348 14.8946 10.4804 14.7071 10.2929C14.5196 10.1054 14.2652 10 14 10C13.7348 10 13.4804 10.1054 13.2929 10.2929C13.1054 10.4804 13 10.7348 13 11V17C13 17.2652 13.1054 17.5196 13.2929 17.7071C13.4804 17.8946 13.7348 18 14 18Z" fill="#FF4747"/>
                                            </g>
                                            <defs>
                                            <clipPath id="clip0_1189_2412">
                                            <rect width="24" height="24" rx="12" fill="white"/>
                                            </clipPath>
                                            </defs>
                                        </svg>
                                    </a>
                                </div>
                            </div>
                            @php
                                $sub_total += $total_price;
                            @endphp
                        @endforeach
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="leftCartSection" style="background-color: #ffffff;">
                        <div class="leftSectionUpdate">
                            <div class="couponCodeTitle">
                                Coupon Code
                            </div>
                            <div class="messageDiv">
                                @include('includes.partials.messages')
                            </div>
                            <form action="{{ route('frontend.cart-coupon-update') }}" width="100%" method="POST">
                                @csrf
                                <div class="couponFormSection">
                                    <input id="coupon_code" class="coupon_code" name="coupon_code" value="" placeholder="Write here.." type="text">
                                    <input class="coupon_btn" name="apply_coupon" value="Apply coupon" type="submit">
                                </div>
                            </form>
                            <hr>
                            @php
                                $discount = 0;

                                if(request()->session()->get('ses_coupon'))
                                {
                                    $coupon = request()->session()->get('ses_coupon');

                                    if($coupon['type'] == 'amount')
                                    {
                                        $discount = $coupon['value'];
                                    }
                                    else
                                    {
                                        $discount = ($sub_total * $coupon['value']) / 100;
                                    }
                                }

                                if($bogo_discount)
                                {
                                    $discount += $bogo_discount;
                                }

                                if( request()->session()->get('ses_shipping_rate') )
                                    $shipping_rate = request()->session()->get('ses_shipping_rate');
                                else
                                    $shipping_rate = 0;

                                $grand_total = (($sub_total + $shipping_rate) - $discount);

                            @endphp
                            <div class="subtotalSection">
                                <div class="subtotalTitle">
                                    Subtotal
                                </div>
                                <div class="subtotalValue">
                                    ${{ number_format($sub_total, 2) }}
                                </div>
                            </div>
                            <div class="discountSection py-4">
                                <div class="discountTitle">
                                    Discount
                                </div>
                                <div class="discountValue">
                                    ${{ number_format($discount, 2) }}
                                </div>
                            </div>
                            <div class="totalSection">
                                <div class="totalTitleSection">
                                    Total
                                </div>
                                <div class="totalValue">
                                    ${{ number_format($grand_total, 2) }}
                                </div>
                            </div>
                            <div class="checkoutBtn pt-4">
                                <button>
                                    <a href="{{ route('frontend.checkoutv2') }}">
                                        Proceed To Checkout
                                    </a>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endif
@endsection

@push('after-scripts')
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="{{asset('design/assets/js/cart.js')}}"></script>
@endpush