@extends('customer.layout.master')

@section('pageTitle', (isset($pageTitle)) ? $pageTitle : config('app.APP_NAME') )

@section('pageDescription', (isset($pageDescription)) ? $pageDescription : config('app.APP_NAME') )

@section('pageKeywords', (isset($pageKeywords)) ? $pageKeywords : config('app.APP_NAME') )

@section('content')
    <div id="ctm-shopping-cart" class="container-fluid px-lg-5 px-md-5">
        <div class="row text-muted justify-content-center">
            <div id="ctm-cart-info" class="col-xs-12 col-sm-8 col-md-8">
                <h5 class="mt-4 font-weight-normal">{{ __('customer/cart.page-title') }}</h5>
                <div class="border border-bottom-0 border-secondary mt-3"></div>
                @if ($cart)
                    <form
                        class="no-gutters"
                        id="cart-update-form"
                        action="{{ route('customer.cart.update-cart-pre-checkout') }}"
                        method="POST"
                    >
                        @csrf
                        @method('PUT')
                        <input type="hidden" id="cart_pre_checkout_cart_id" name="cart_id" value="{{$cart->id}}">
                        <input type="hidden" id="cart_pre_checkout_cart_item_id" name="cart_item_id" value="">
                        <input type="hidden" id="cart_pre_checkout_product_id" name="product_id" value="">
                        <input type="hidden" id="cart_pre_checkout_quantity" name="quantity" value="">
                    </form>

                    <div class="col-12 list-group list-group-flush small no-gutters mt-2">
                        @foreach ($cart->items as $key => $item)
                            @php
                                $summaryObj->subTotal += $item->product->price * $item->quantity;
                                if ( !$item->product->haveSufficientQuantity() && $item->product->parent_category->is_preorder_active ) {
                                    $summaryObj->is_preorder_active = 1;
                                    $summaryObj->preorder_amount += $item->product->parent_category->preorder_amount * $item->quantity;
                                    $summaryObj->finalTotal += $item->product->parent_category->preorder_amount * $item->quantity;
                                } else {
                                    if (
                                        !empty($item->product->special_price)
                                        && $item->product->special_price > 0
                                    ) {
                                        $summaryObj->webDiscount += ($item->product->price - $item->product->special_price) * $item->quantity;
                                    }

                                    $summaryObj->finalTotal += $item->product->final_price * $item->quantity;

                                    if ($item->product->hasCashback()) {
                                        $summaryObj->hasHdfcCashback = $item->product->hasCashback();
                                        $summaryObj->hdfcCashbackTotal += $item->product->getCashbackAmount() * $item->quantity;
                                    }

                                    if ($item->product->parent_category->is_emi_active) {
                                        $summaryObj->hasEMI = $item->product->parent_category->is_emi_active;
                                        $summaryObj->emiTotal += ($item->product->final_price / $item->product->parent_category->emi_month) * $item->quantity;
                                    }
                                }
                            @endphp
                            <a
                                title="{{ $item->product->name }}"
                                class="text-decoration-none list-group-item p-0 mb-2 pt-2 pr-2 unset-link-color"
                                href="{{ route('index', "{$item->product->url_postfix}") }}"
                            >
                                {{--<span data-toggle="tooltip" title="Remove"
                                      class="text-decoration-none text-danger remove-item-icon"
                                      href="javascript:void(0)"
                                      onclick="deleteItem({{$item->id}}, {{$item->cart_id}}, {{$item->product_id}}, 0)">
                                                    <i class="fa fa-trash" aria-hidden="true"></i>
                                </span>--}}
                                <div class="media m-3">
                                    <div class="media-left mr-2">
                                        <img
                                            height="100%"
                                            width="100%"
                                            class="media-object"
                                            alt="{{ $item->product->name }}"
                                            src="{{ @$item->product->images[0]->small }}"
                                            onerror="this.onerror=null;this.src={{"'".Illuminate\Support\Facades\Storage::disk('s3')->url('/shared/static/dummy/small/dummy.webp')."'"}}">
                                    </div>
                                    <div class="media-body">
                                        <h6 class="media-heading">{{ $item->product->name }}</h6>
                                        <p>{!! $item->product->priceHTML !!}</p>
                                        @if(
                                            !$item->product->haveSufficientQuantity()
                                            && ($item->product->parent_category->is_preorder_active || $item->product->parent_category->is_pre_register_active)
                                        )
                                            {!! $item->product->getPreorderLinerHtml() !!}
                                        @endif
                                    </div>
                                    <div class="media-right-placeholder"></div>
                                    <div class="media-right">
                                        <div id="quantity-changer">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    @if( $item->quantity > 1 )
                                                        <button type="button"
                                                                class="btn btn-outline-secondary"
                                                                onclick="decreaseQty({{$item->id}}, {{$item->cart_id}}, {{$item->product_id}}, {{$item->quantity}})">
                                                            -
                                                        </button>
                                                    @else
                                                        <button type="button"
                                                                class="btn btn-outline-secondary"
                                                                onclick="deleteItem({{$item->id}}, {{$item->cart_id}}, {{$item->product_id}}, 0)">
                                                            <i class="fa fa-trash small" aria-hidden="true"></i>
                                                        </button>
                                                    @endif
                                                </div>
                                                <input value="{{$item->quantity}}" class="form-control"
                                                       name="controlName" readonly/>
                                                <div class="input-group-append">
                                                    <button class="btn btn-outline-secondary" type="button"
                                                            onclick="increaseQty({{$item->id}}, {{$item->cart_id}}, {{$item->product_id}}, {{$item->quantity}})">
                                                        +
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        @endforeach
                    </div>
                                    @else
                    <div class="col-12 text-center">
                        <h3 class="text-center m-4">{{ __('customer/cart.cart-empty') }}</h3>
                        <a href="{{ route('customer.home') }}"
                           class="btn btn-primary mb-3 fs-14">
                            <i aria-hidden="true"
                               class="fa fa-shopping-bag"></i> {{ __('customer/cart.continue-shopping') }}
                        </a>
                    </div>
                @endif
            </div>
            @if($cart)
                <div id="ctm-cart-summary" class="col-xs-12 col-sm-4 col-md-4 no-gutters mb-4">
                    <div class="no-gutters" style="position:sticky; top:100px">
                        <div class="col-12">
                            <h5 class="mt-4 font-weight-normal text-muted">{{ __('customer/cart.cart-summary') }}</h5>
                            <div class="border border-bottom-0 border-secondary mt-3 mb-3"></div>
                            @include('customer.cart.summary', ['cart' => $cart, 'summaryObj' => $summaryObj])
                        </div>

                        <div class="col-12 text-center mt-4">
                            <a
                                href="{{ route('customer.checkout.index') }}"
                                class="btn btn-primary btn-block">
                                {{ __('customer/cart.checkout-proceed') }}
                            </a>
                        </div>

                        <div class="col-12 mt-3 text-center">
                            <a class="btn btn-success" rel="noopener"
                               href="https://wa.me/919609870000?text=Hello%2C%20I%20need%20help%20with%20payment%20options"
                               target="_blank">
                                Have questions? Talk to our Experts <i class="fa fa-whatsapp"
                                                                       aria-hidden="true"></i>
                            </a>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
    <script defer type="text/javascript" src="{{asset('/js/customer/cart.js')}}"></script>
@endsection