@extends('frontend.layouts.app')

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

@section('content')

<div class="row">
    <div class="col-md-12 mb-2">
        <div id="main-banner-after-header"  class="bg-buttery-white align-items-center d-flex banner-3 justify-content-center">
            <h1 class="title category_detail_heading h1-tag">
                Shopping Cart
            </h1>
        </div>
    </div>
</div>

@include('includes.partials.bread-crumbs')

            <div class="container-fluid footer_bottom_stricky">
                <div class="row">
                  <div class="col-lg-12">
                        {{-- <h2 class="title mt-4 mb-2">Shopping Cart</h2> --}}
                                <div class="pt-3">
                                    @include('includes.partials.messages')
                                </div>
                        </div>
                </div>
            @if(Cart::isEmpty())
                <strong>Sorry!</strong>, your cart is empty, <a href="{{ route('frontend.index') }}">click here to go back to the home page.</a>
            @else
                <div class="row">
                    <div class="col-12">
                    <form action="{{ route('frontend.cart.recalculate') }}" method="post" class="no-spacing">
                     @csrf
                            <div class="table-content table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th class="quicky-product-thumbnail">images</th>
                                            <th class="cart-product-name">Product</th>
                                            <th class="quicky-product-price">Unit Price</th>
                                            <th class="quicky-product-quantity">Quantity</th>
                                            <th class="quicky-product-subtotal">Total</th>
                                            <th class="quicky-product-remove">remove</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @php
                                    $sub_total = 0;
                                    $bogo_discount = 0;
                                @endphp

                                @foreach($data['cart'] as $cart)
                                    @php
                                        if($cart->attributes->image != '')
                                            $path = 'up_data/products/images/thumbnails/'.$cart->attributes->image;
                                        else
                                            $path = '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

                                        <tr class="cart_row_{{ $cart->id }}">
                                            <td class="quicky-product-thumbnail"><a href="/{{$cart->attributes->slug}}"><img src="{{ $path }}" alt="{{$cart->name}}"></a></td>
                                            <td class="quicky-product-name"><a href="/{{$cart->attributes->slug}}">{{ $cart->name }}</a>
                                            
                                                @if($cart->attributes->custom_set)
                                                    @php
                                                        $sub_products = $cart->attributes->sub_products;//json_decode($cart->attributes->sub_products);
                                                    @endphp
                                                    <h6><a href="javascript:;" data-bs-toggle="modal" class="text-danger" data-bs-target="#custom_set_{{ $cart->id }}">Customized Surgical Set</a></h6>
                                                    

                                                    <!-- Modal -->
                                                    <div class="modal fade" id="custom_set_{{ $cart->id }}" tabindex="-1" aria-labelledby="custom_set_{{ $cart->id }}Label" aria-hidden="true">
                                                    <div class="modal-dialog modal-lg">
                                                        <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="custom_set_{{ $cart->id }}Label">{{ $cart->name }}</h5>
                                                            <button type="button" data-bs-dismiss="modal" aria-label="Close"><i class="icon-close"></i></button>
                                                        </div>
                                                        <div class="modal-body">
                                                        


                                                            <div class="pt-2" id="custom_set_{{ $cart->id }}">
                                                                <table class="table table-bordered table-striped">
                                                                    @foreach($sub_products as $sp)
                                                                    @php   
                                                                        $price = $sp['price'];
                                                                        if($sp['sale_price'] > 0)
                                                                            $price = $sp['sale_price'];
                                                                    @endphp
                                                                    <tr>
                                                                        <td><div class="float-start">{{ $sp['qty'] }} &nbsp; <span class="text-danger">x</span> &nbsp; {{ $sp['name'] }}</div></td>
                                                                        <td>${{ number_format($price * $sp['qty'], 2) }}</td>
                                                                    </tr>
                                                                    @endforeach
                                                                </table>
                                                            </div>
                                                        


                                                        </div>
                                                        
                                                        </div>
                                                    </div>
                                                    </div>
                                                    
                                                    
                                                    
                                                @endif
                                            
                                            </td>
                                            <td class="quicky-product-price"><span class="amount">    @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</span></td>
                                            <td class="quantity">
                                            <div class="quantity product-action product-all-icons add_to_cart_button_container product_variant quantity">
                                                <div class="vertical-quantity cart-plus-minus product-single-qty">
                                                    <input class="cart-plus-minus-box horizontal-quantity" oninput="this.value = Math.abs(this.value)"  name="qty[]" id="qty" min="1" max="100" value="{{ $cart->quantity }}" type="number">
                                                    <div class="dec qtybutton"><i class="zmdi zmdi-chevron-down"></i></div>
                                                    <div class="inc qtybutton"><i class="zmdi zmdi-chevron-up"></i></div>
                                                <div class="dec qtybutton"><i class="zmdi zmdi-chevron-down"></i></div><div class="inc qtybutton"><i class="zmdi zmdi-chevron-up"></i></div></div>
                                               </div>

                                                <input type="hidden" name="id[]" value="{{ $cart->id }}">
                                            </td>
                                            <td class="product-subtotal">
                                                <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">${{ number_format($cart->getPriceSum(), 2) }}</div>
                                                        <span @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>
                                            </td>
                                            <td class="quicky-product-remove">
                                                <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 xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-trash" viewBox="0 0 16 16">
                                                        <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z"/>
                                                        <path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z"/>
                                                    </svg>
                                                </a>
                                            </td>
                                        </tr>
                                        @php
                                        $sub_total += $total_price;
                                        //echo '<h1>'.$sub_total.'</hr>';
                                       @endphp
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <div class="coupon-all">
                                        <div class="coupon w-50">
                                        <form action="#">
                                            <input id="coupon_code" class="input-text w-50" name="coupon_code" value="" placeholder="Coupon code" type="text">
                                            <input class="button mt-xxs-30 w-25" name="apply_coupon" value="Apply coupon" type="submit">
                                        </form>

                                        </div>
                                        <div class="coupon2">
                                            <input class="button" type="submit" name="update_cart" value="Update Cart">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            </form>

                            <div class="row">
                                <div class="col-md-5 ml-auto">
                                    <div class="cart-page-total">
                                @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
                                        <h2>Cart totals</h2>
                                        <ul>
                                            <li>Subtotal <span>${{ number_format($sub_total, 2) }}</span></li>
                                            <li>Discount <span>${{ number_format($discount, 2) }}</span></li>
                                            <li>Total <span>${{ number_format($grand_total, 2) }}</span></li>
                                        </ul>
                                        <a class="mb-4" href="{{ route('frontend.checkout') }}">Proceed to checkout</a>
                                    </div>
                                </div>
                            </div>
                    </div>
                </div>
            @endif
            </div>

 </div>


@endsection