@extends('frontend.layouts.app')

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

@section('content')


    <!-- Cart Page Start -->
    <div class="cart_area cart-area-padding pt--35">
        <div class="container">
            <div class="page-section-title">
                <h1>SHOPPING CART</h1>
            </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">
                        @include('includes.partials.messages')
                        <form action="{{ route('frontend.cart.recalculate') }}" method="post" class="">
                            @csrf
                            <!-- Cart Table -->
                            <div class="cart-table table-responsive mb--40">
                                <table class="table">
                                    <!-- Head Row -->
                                    <thead>
                                    <tr>
                                        <th class="pro-thumbnail">Image</th>
                                        <th class="pro-title text-left">Product</th>
                                        <th class="pro-price">Price</th>
                                        <th class="pro-quantity">Quantity</th>
                                        <th class="pro-subtotal">Total</th>
                                        <th class="pro-remove"></th>
                                    </tr>

                                    </thead>
                                    <tbody>
                                    <!-- Product Row -->

                                    @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';

                                            $is_freebie = false;
                                            $freebie_qty = 0;
                                            if($cart->attributes->freebie)
                                            {
                                                $is_freebie = true;
                                                $freebie_qty = $cart->attributes->freebie_qty;

                                                $item_price = 0;
                                                $total_price = 0;
                                            }
                                            else
                                            {
                                                $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;
                                            }

                                            $vt_promo_text = '';
                                            if(isset($cart->attributes->vt_promo))
                                                $vt_promo_text = \App\Models\Product::get_vt_promo_text($cart->attributes->vt_promo);
                                        @endphp
                                    <tr class="cart_row_{{ $cart->id }}">
                                        <td class="pro-thumbnail"><a href="{{ $cart->attributes->link }}"><img src="{{ $path }}" class="img-thumbnail" alt="{{ $cart->name }}"></a></td>
                                        <td class="pro-title text-left">
                                            <a href="{{ $cart->attributes->link }}" id="cart_item_name_{{ $cart->id }}">{{ $cart->name }}</a>
                                            <br>&bull; <em>{{ $cart->attributes->sku }}</em>@if($is_freebie) <div class="text-red"><em>1 {{ $cart->name }} Per Order</em></div> @endif
                                            {!! $vt_promo_text !!}
                                            @if($cart->attributes->engravable == 'Y')
                                                <br>
                                                @if($cart->attributes->engraving_text_primary == '' && $cart->attributes->engraving_icon == '')
                                                    <span class="blinking-text-blue text-normal"><em><a href="javascript:;" onclick="item_engraving('{{ $cart->id }}');">Custom marking available for this item, click to add!</a></em></span>
                                                @else
                                                    <div class="pt-2">
                                                        @if($cart->attributes->engraving_icon == '')
                                                            <strong>Marking Text:</strong>
                                                            <br>
                                                            <span class="text-normal">&bull; <em id="engraving_primary_{{ $cart->id }}">{{ $cart->attributes->engraving_text_primary }}</em></span>

                                                            @if($cart->attributes->engraving_text_secondary != '')
                                                            <br><span class="text-normal">&bull; <em id="engraving_secondary_{{ $cart->id }}">{{ $cart->attributes->engraving_text_secondary }}</em></span>
                                                            @endif
                                                        @else
                                                        <strong>Marking Logo / Icon:</strong>
                                                            <br>
                                                            <a target="_blank" href="up_data/engraving-files/{{ $cart->attributes->engraving_icon }}">
                                                                <small>See the uploaded file</small></a>
                                                        @endif

                                                        <div class="normal-text"><a href="javascript:;" onclick="item_engraving('{{ $cart->id }}', 'edit');">Edit</a></div>
                                                    </div>
                                                @endif

                                                <input type="hidden" id="hd_engraving_price_{{ $cart->id }}" name="hd_engraving_price_{{ $cart->id }}" value="{{ $cart->attributes->engraving_price }}">

                                            @endif

                                            @if($cart->attributes->custom_set)
                                                @php
                                                    $sub_products = $cart->attributes->sub_products;//json_decode($cart->attributes->sub_products);
                                                @endphp
                                                <h6><a href="javascript:;" data-tooltip-content="#custom_set_{{ $cart->id }}" class="tipster-discount text-danger">Customized Surgical Set</a></h6>
                                                <div class="d-none">
                                                    <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>{{ $sp['qty'] }} &nbsp; <span class="text-danger">x</span> &nbsp; {{ $sp['name'] }}</td>
                                                                <!-- <td>{{ $sp['qty'] }}</td> -->
                                                                <td>${{ number_format($price * $sp['qty'], 2) }}</td>
                                                            </tr>
                                                            @endforeach
                                                        </table>
                                                    </div>
                                                </div>
                                            @endif
                                        </td>
                                        <td class="pro-price">
                                            @if($is_freebie)
                                                <div class="red-text">Free Product</div>
                                            @else
                                                @if($cart->attributes->discount == 0)
                                                    <span>${{ number_format($cart->price, 2) }}</span>
                                                @else
                                                    <span class="old-price">${{ number_format($cart->price, 2) }}</span>
                                                    <span>${{ number_format($item_price, 2) }}</span>
                                                @endif
                                            @endif
                                        </td>
                                        <td class="pro-quantity">
                                            <div class="pro-qty">
                                                <div class="count-input-block">
                                                    @if($is_freebie)
                                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1
                                                    @else
                                                        <input type="number" name="qty[]" id="qty_{{ $cart->id }}" class="form-control text-center txt-product-qty" value="{{ $cart->quantity }}">
                                                        <input type="hidden" name="id[]" value="{{ $cart->id }}">
                                                    @endif
                                                </div>
                                            </div>
                                        </td>
                                        <td class="pro-subtotal">
                                            @if($is_freebie)
                                                <div class="red-text">Free Product</div>
                                            @else
                                                @if($cart->attributes->discount == 0)
                                                    <span @if($cart->bogo_free || $cart->bogod_count) class="old-price" @endif>${{ number_format($cart->getPriceSum(), 2) }}</span>
                                                @else
                                                    <span class="old-price">${{ number_format($cart->getPriceSum(), 2) }}</span>
                                                    <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
                                            @endif
                                        </td>
                                        <td class="pro-remove">
                                            @if(!$is_freebie)
                                                <a href="javascript:;" onclick="remove_cart_item('{{ $cart->id }}');"><i class="far fa-trash-alt"></i></a>
                                            @endif
                                        </td>
                                    </tr>

                                        @php
                                            $sub_total += $total_price;
                                            //echo '<h1>'.$sub_total.'</hr>';
                                        @endphp

                                    @endforeach



                                    <!-- Discount Row  -->
                                    <tr>
                                        <td colspan="6" class="actions">

                                            <div class="coupon-block">
                                                <div class="coupon-text">
                                                    <label for="coupon_code">Coupon:</label>
                                                    <input type="text" name="coupon_code" class="input-text pt--5" id="coupon_code" placeholder="Coupon Code">
                                                    <button type="submit" class="btn-black" name="update_cart" value="Apply Coupon">Apply Coupon</button>
                                                </div>
                                                <div class="coupon-btn">
                                                    <button type="submit" class="btn-black" name="update_cart" id="btn_update_cart" value="Update Cart">Update Cart</button>
                                                </div>
                                            </div>

                                        </td>
                                    </tr>

                                    </tbody>
                                </table>
                            </div>

                        </form>
                    </div>
                </div>
            @endif
        </div>
    </div>





    @if(Cart::isEmpty())
        <!-- Show Slider of Items -->
    @else

    <div class="cart-section-2 sp-inner-page--bottom">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-12 mb--15">
                    <!-- slide Block 5 / Normal Slider -->
                    {{--<div class="cart-block-title">
                        <h2>YOU MAY BE INTERESTED IN…</h2>
                    </div>
                    <div class="petmark-slick-slider border normal-slider arrow-type-two" data-slick-setting='{
								"autoplay": true,
								"autoplaySpeed": 3000,
								"slidesToShow": 3,
								"arrows": true
						}'
                         data-slick-responsive='[
								{"breakpoint":991, "settings": {"slidesToShow": 2} },
								{"breakpoint":768, "settings": {"slidesToShow": 1} }
						]'>

                        <div class="single-slide">
                            <div class="pm-product">
                                <div class="image">
                                    <a href="product-details.html"><img src="image/product/home-1/product-7.jpg" alt=""></a>

                                    <span class="onsale-badge">Sale!</span>
                                </div>
                                <div class="content">
                                    <h3>Convallis quam sit</h3>
                                    <div class="price text-red">
                                        <span class="old">$200</span>
                                        <span>$300</span>
                                    </div>
                                    <div class="btn-block">
                                        <a href="cart.html" class="btn btn-outlined btn-rounded">Add to Cart</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="single-slide">
                            <div class="pm-product">
                                <div class="image">
                                    <a href="product-details.html"><img src="image/product/home-1/product-8.jpg" alt=""></a>

                                    <span class="onsale-badge">Sale!</span>
                                </div>
                                <div class="content">
                                    <h3>Convallis quam sit</h3>
                                    <div class="price text-red">
                                        <span class="old">$200</span>
                                        <span>$300</span>
                                    </div>
                                    <div class="btn-block">
                                        <a href="cart.html" class="btn btn-outlined btn-rounded">Add to Cart</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="single-slide">
                            <div class="pm-product">
                                <div class="image">
                                    <a href="product-details.html"><img src="image/product/home-1/product-9.jpg" alt=""></a>

                                    <span class="onsale-badge">Sale!</span>
                                </div>
                                <div class="content">
                                    <h3>Convallis quam sit</h3>
                                    <div class="price text-red">
                                        <span class="old">$200</span>
                                        <span>$300</span>
                                    </div>
                                    <div class="btn-block">
                                        <a href="cart.html" class="btn btn-outlined btn-rounded">Add to Cart</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="single-slide">
                            <div class="pm-product">
                                <div class="image">
                                    <a href="product-details.html"><img src="image/product/home-1/product-5.jpg" alt=""></a>

                                    <span class="onsale-badge">Sale!</span>
                                </div>
                                <div class="content">
                                    <h3>Convallis quam sit</h3>
                                    <div class="price text-red">
                                        <span class="old">$200</span>
                                        <span>$300</span>
                                    </div>
                                    <div class="btn-block">
                                        <a href="cart.html" class="btn btn-outlined btn-rounded">Add to Cart</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="single-slide">
                            <div class="pm-product">
                                <div class="image">
                                    <a href="product-details.html"><img src="image/product/home-1/product-1.jpg" alt=""></a>

                                    <span class="onsale-badge">Sale!</span>
                                </div>
                                <div class="content">
                                    <h3>Convallis quam sit</h3>
                                    <div class="price text-red">
                                        <span class="old">$200</span>
                                        <span>$300</span>
                                    </div>
                                    <div class="btn-block">
                                        <a href="cart.html" class="btn btn-outlined btn-rounded">Add to Cart</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="single-slide">
                            <div class="pm-product">
                                <div class="image">
                                    <a href="product-details.html"><img src="image/product/home-1/product-3.jpg" alt=""></a>

                                    <span class="onsale-badge">Sale!</span>
                                </div>
                                <div class="content">
                                    <h3>Convallis quam sit</h3>
                                    <div class="price text-red">
                                        <span class="old">$200</span>
                                        <span>$300</span>
                                    </div>
                                    <div class="btn-block">
                                        <a href="cart.html" class="btn btn-outlined btn-rounded">Add to Cart</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="single-slide">
                            <div class="pm-product">
                                <div class="image">
                                    <a href="product-details.html"><img src="image/product/home-1/product-2.jpg" alt=""></a>

                                    <span class="onsale-badge">Sale!</span>
                                </div>
                                <div class="content">
                                    <h3>Convallis quam sit</h3>
                                    <div class="price text-red">
                                        <span class="old">$200</span>
                                        <span>$300</span>
                                    </div>
                                    <div class="btn-block">
                                        <a href="cart.html" class="btn btn-outlined btn-rounded">Add to Cart</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="single-slide">
                            <div class="pm-product">
                                <div class="image">
                                    <a href="product-details.html"><img src="image/product/home-1/product-1.jpg" alt=""></a>

                                    <span class="onsale-badge">Sale!</span>
                                </div>
                                <div class="content">
                                    <h3>Convallis quam sit</h3>
                                    <div class="price text-red">
                                        <span class="old">$200</span>
                                        <span>$300</span>
                                    </div>
                                    <div class="btn-block">
                                        <a href="cart.html" class="btn btn-outlined btn-rounded">Add to Cart</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>--}}

                </div>

                <!-- Cart Summary -->
                <div class="col-lg-6 col-12 d-flex">
                    <div class="cart-summary">
                        <div class="cart-summary-wrap">
                            <h4><span>Cart Summary</span></h4>
                            @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;
                                }

                                // Special AAEP Discount // Also Revert Shipping Change
                                /*if($sub_total >= 300)
                                {
                                    $discount += 30;
                                }
                                elseif($sub_total >= 200)
                                {
                                    $discount += 20;
                                }
                                elseif($sub_total >= 100)
                                {
                                    $discount += 10;
                                }*/
                                // Special AAEP Discount

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

                                $total_engraving_charges = session()->get('ses_total_engraving_charges');
                                $grand_total = (($sub_total + $shipping_rate + $total_engraving_charges) - $discount);
                                $total_withot_shipping = $sub_total - $discount;
                                request()->session()->put('ses_total_without_shipping', $total_withot_shipping);

                            @endphp
                            <p>Sub Total <span class="text-primary">${{ number_format($sub_total, 2) }}</span></p>
                            <p>Discount <span class="text-primary">${{ number_format($discount, 2) }}</span></p>
                            <p>Shipping Cost <span class="text-primary">{{ $data['shipping_rate'] ?? "$0.00" }}</span></p>
                            @if($total_engraving_charges > 0)
                            <p>Custom Marking Charges <span class="text-primary">{{ '$'.number_format($total_engraving_charges, 2) }}</span></p>
                            @endif
                            <h2>Grand Total <span class="text-primary">${{ number_format($grand_total, 2) }}</span></h2>
                        </div>
                        <div class="cart-summary-button">
                            <a href="{{ route('frontend.index') }}" class="btn-black">Continue Shopping</a>
                            <div class="float-right">
                                <a href="{{ route('frontend.checkout') }}" class="btn-black btn-checkout-track">Checkout</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif
    <!-- Cart Page End -->

    <!-- Engraving Text Modal -->
    <form action="{{ route('frontend.cart.engraving') }}" method="post" class="" enctype="multipart/form-data">
        <div class="modal fade" id="modal_engraving" tabindex="-1" role="dialog" aria-labelledby="modal_engraving_title" aria-hidden="true">
            <div class="modal-dialog modal-md modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="modal_engraving_heading">Modal title</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group row div-engraving-form-group">
                            <label for="engraving_price" class="col-md-4">Marking Charges:</label>
                            <div class="col-md-8 div-engraving-price">
                                
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="engraving_text_primary">Marking Text (Primary):</label>
                            <input type="text" maxlength="20" class="form-control" id="engraving_text_primary" name="engraving_text_primary">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputEmail1">Marking Text (Secondary):</label>
                            <input type="text" maxlength="10" class="form-control" id="engraving_text_secondary" name="engraving_text_secondary">
                            <small id="engraving_help" class="form-text text-muted">We'll use this if primary marking text does not fit.</small>
                        </div>

                        <div class="form-group">
                            <label for="exampleInputEmail1">Custom Logo / Icon:</label>
                            <input type="file" class="form-control" id="engraving_icon" name="engraving_icon">
                            <small id="engraving_help" class="form-text text-muted">Upload your logo, icon in JPG, PNG, PDF or AI format.</small>
                        </div>

                        <small>
                            * Delivery time with customization is 2 weeks<br>
                            * The customized instruments cannot be returned 
                        </small>
                    </div>
                    <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </div>
            </div>
        </div>
        <input type="hidden" id="cart_id" name="cart_id" value="">
        @csrf
    </form>
    <!-- Engraving Text Modal -->

    @push('head-area')
        <link rel="stylesheet" type="text/css" href="vsi/tooltipster/dist/css/tooltipster.bundle.min.css" />
        <link rel="stylesheet" type="text/css" href="vsi/tooltipster/dist/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-shadow.min.css" />
    @endpush    
    @push('after-scripts')
        <script type="text/javascript" src="vsi/tooltipster/dist/js/tooltipster.bundle.min.js"></script>
    @endpush
@endsection