@extends('frontend.layouts.mobile')

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

@section('content')

    <!-- ...:::Start Cart Section:::... -->
        <div class="cart-section section-gap-top-30">
            <div class="container">
                <div class="title-content mb-5">
                    <h2 class="title">Shopping Cart</h2>
                </div>

                @include('includes.partials.mobile-messages')

                @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

                @if (request()->session()->get('ses_coupon'))
                    <div class="col-12">
                        <p class="mb-4">Coupon <strong>"{{ request()->session()->get('ses_coupon.code') }}"</strong> applied successfully! You’ve just saved <strong>{{ request()->session()->get('ses_coupon.value') }}%</strong></p>
                    </div>
                @endif

                <form id="frm_cart" action="{{ route('frontend.cart.recalculate') }}" method="post" class="">
                    @csrf
                    <div class="cart-items-wrapper">
                        <ul class="cart-item-list">

                            @php
                                $sub_total = 0;
                                $bogo_discount = 0;
                                $sub_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();
                                    $original_total = $cart->getPriceSum();
                                    $item_discount = $original_total - $total_price;
                                }

                                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;
                                }

                                $sub_discount += $item_discount;
                            @endphp

                            <!-- Start Single Cart Item -->
                            <li class="single-cart-item">
                                <div class="image">
                                    <a href="{{ $cart->attributes->link }}"><img width="90" height="90" src="{{ $path }}" alt="{{ $cart->name }}"></a>
                                </div>
                                <div class="content">
                                    <div style="max-width: 211px;">
                                        @if(!$is_freebie)
                                            <button class="delete-item" onclick="$('#qty_{{ $cart->id }}').val(0);$('#frm_cart').submit();">
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                    <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 464c-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216 0 118.7-96.1 216-216 216zm94.8-285.3L281.5 256l69.3 69.3c4.7 4.7 4.7 12.3 0 17l-8.5 8.5c-4.7 4.7-12.3 4.7-17 0L256 281.5l-69.3 69.3c-4.7 4.7-12.3 4.7-17 0l-8.5-8.5c-4.7-4.7-4.7-12.3 0-17l69.3-69.3-69.3-69.3c-4.7-4.7-4.7-12.3 0-17l8.5-8.5c4.7-4.7 12.3-4.7 17 0l69.3 69.3 69.3-69.3c4.7-4.7 12.3-4.7 17 0l8.5 8.5c4.6 4.7 4.6 12.3 0 17z" />
                                                </svg>
                                            </button>
                                        @endif
                                        <a href="{{ $cart->attributes->link }}" class="title" id="cart_item_name_{{ $cart->id }}">{{ $cart->name }}</a>
                                    </div>
                                    <div class="details">
                                        <div class="left">
                                            <span class="brand">{{ $cart->attributes->sku }}</span>

                                            @if($is_freebie)
                                                <span class="red-text">Free Product</span>
                                            @else
                                                @if($item_price != null && $item_price != 0)
                                                    <span class="old-price">${{ number_format($cart->getPriceSum(), 2) }}</span>
                                                    <span class="h5">${{ number_format($item_price, 2) }}</span>
                                                @else
                                                    <span class="price">${{ number_format($cart->getPriceSum(), 2) }}</span>
                                                @endif
                                            @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

                                            @if($is_freebie) <span class="text-red"><em>1 {{ $cart->name }} Per Order</em></span> @endif
                                        </div>
                                        <div class="right">
                                            <div class="product-quantity">
                                                <div class="num-block skin-2">
                                                    <div class="num-in">
                                                        <span class="minus minus-cart dis"></span>
                                                        <label for="quan-1" class="visually-hidden"></label>
                                                        <input name="qty[]" id="qty_{{ $cart->id }}" type="text" class="in-num quan-1" value="{{ $cart->quantity }}" min="1" max="1000">
                                                        <span class="plus plus-cart"></span>
                                                        <input type="hidden" name="id[]" value="{{ $cart->id }}">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <div class="quantity-error text-danger">
                            </div>
                            <!-- End Single Cart Item -->

                            @php
                                $sub_total += $total_price;
                            @endphp

                            @endforeach

                        </ul>

                        <div style="padding-top: 15px; text-align: right;">
                            <div class="pull-left pt-10">
                                <a class="text-blue bold" rel="modal:open" data-bs-toggle="modal" data-bs-target="#coupon-code">Apply Discount Coupon</a>
                            </div>
                            <div class="pull-right">
                                <button type="submit" class="btn-payment">
                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M2.5 2v6h6M21.5 22v-6h-6"/><path d="M22 11.5A10 10 0 0 0 3.2 7.2M2 12.5a10 10 0 0 0 18.8 4.2"/></svg>
                                Recalculate</button>
                            </div>

                            <input name="update_cart" id="hd_cart_action" type="hidden" value="Update Cart">
                        </div>
                        <div class="clearfix"></div>

                        {{-- <hr size="1">
                        <div>
                            <table>
                                <tr>
                                    <td><input type="text" name="coupon_code" class="input-text pt--5" id="coupon_code" placeholder="Coupon Code"></td>
                                    <td><button type="submit" class="btn-black" name="update_cart" value="Apply Coupon">Apply Coupon</button></td>
                                </tr>
                            </table>
                        </div>
                        <hr size="1">   --}}

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

                            $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);

                            $sub_discount += $discount;

                        @endphp

                        <ul class="cart-info-list">
                            <li class="cart-info-single-list">
                                <ul class="cart-info-child">
                                    <li class="item"><span class="text-left">Subtotal</span> <span
                                            class="text-right">${{ number_format($sub_total, 2) }}</span></li>
                                </ul>
                            </li>
                            <li class="cart-info-single-list">
                                <ul class="cart-info-child">
                                    <li class="item"><span class="text-left">Discount</span> <span
                                            class="text-right">${{ number_format($sub_discount, 2) }}</span></li>
                                </ul>
                            </li>
                            <li class="cart-info-single-list">
                                <ul class="cart-info-child">
                                    <li class="item"><span class="text-left">Shipping</span> <span
                                            class="text-right">{{ $data['shipping_rate'] ?? "$0.00" }}</span></li>
                                </ul>
                            </li>
                            @if($total_engraving_charges > 0)
                            <li class="cart-info-single-list">
                                <ul class="cart-info-child">
                                    <li class="item"><span class="text-left">Custom Marking Charges</span> <span
                                            class="text-right">{{ '$'.number_format($total_engraving_charges, 2) }}</span></li>
                                </ul>
                            </li>
                            @endif
                            <li class="cart-info-single-list">
                                <ul class="cart-info-child">
                                    <li class="item">
                                        <span class="text-left">Grand Total</span>
                                        <span class="total-price">${{ number_format($grand_total, 2) }}</span>
                                        <a href="{{ route('frontend.checkout') }}" class="btn mobile-btn"><span class="icon"><i class="icon icon-carce-check-circle"></i></span>Check out</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>

                </form>

                @endif


            </div>
        </div>
    <!-- ...:::End Cart Section:::... -->
    <div class="modal fade mx-auto" id="coupon-code">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-inner-area sp-area row">
                        <form id="frm_coupon" action="{{ route('frontend.cart.recalculate') }}" method="post" class="">
                            @csrf
                            <div class="bold pb-5">
                                Coupon Code:
                            </div>
                            <div class="single-form-item">
                                <input name="coupon_code" id="coupon_code" type="text" />
                            </div>
                            <div class="pt-10">
                                <button type="submit" class="btn-payment" onclick="$('#update_cart').val('apply-coupon');">Apply Coupon</button>
                            </div>
                            <input name="update_cart" id="hd_cart_action" type="hidden" value="Apply Coupon">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @push('after-scripts')
        <script src="{{ asset("vendor/js/jquery.modal.min.js") }}"></script>
        <link rel="stylesheet" href="{{ asset("vendor/css/jquery.modal.min.css") }}" />
    @endpush

@endsection