{{-- TODO: redirect from controller --}}
@if (core()->isCustomTheme())
    @if(in_array(core()->getCurrentChannel()->theme, ['muscle', 'pastry-bakery']))
        @include('shop::home.themes.muscle.body.cart.shopping-cart')
    @elseif (in_array(core()->getCurrentChannel()->theme, ['green-land', 'pharmacies', 'medical-equipment', 'honey']))
        @include('shop::home.themes.green-land.body.cart.shopping-cart')
    @else
        @include('shop::home.themes.sobkaha.body.cart.shopping-cart')
    @endif
@else
    @inject ('reviewHelper', 'Webkul\Product\Helpers\Review')

    @extends('shop::layouts.master')

    @push('pageTitle')
        {{ __('shop::app.checkout.cart.title') }}
    @endpush

    @section('content-wrapper')
        <cart-component></cart-component>
    @endsection

    @push('scripts')
        @include('shop::checkout.cart.coupon')
        <script type="text/x-template" id="cart-template">
        <div class="container">
            <section class="cart-details row no-margin col-12">
                <h2 class="fw6 col-12">{{ __('shop::app.checkout.cart.title') }}</h2>

                @if ($cart)
                    <div class="cart-details-header col-lg-6 col-md-12">
                        <div class="row cart-header col-12 no-padding">
                            <span class="col-8 fw6 fs16 pr0">
                                {{ __('velocity::app.checkout.items') }}
                            </span>

                            <span class="col-2 fw6 fs16 no-padding" {{ core()->getConfigData('store_services') ? "style='display:none;'" : null  }}>
                                {{ __('velocity::app.checkout.qty') }}
                            </span>

                            <span class="col-2 fw6 fs16 pr0">
                                {{ __('velocity::app.checkout.subtotal') }}
                            </span>
                        </div>

                        <div class="cart-content col-12">
                            <form
                                method="POST"
                                @submit.prevent="onSubmit"
                                action="{{ route('shop.checkout.cart.update') }}">

                                <div class="cart-item-list">
                                    @csrf

                                    @foreach ($cart->items as $key => $item)

                                        @php
                                            $productBaseImage = $item->product->getTypeInstance()->getBaseImage($item);
                                            $product = $item->product;

                                            $productPrice = $product->getTypeInstance()->getProductPrices();

                                            if($item->variation){
                                                $totalQuantity = $item->variation->qty;
                                            }else{
                                                $totalQuantity = 0;
                                                foreach ($product->inventories as $inventory) {
                                                    $totalQuantity += $inventory->qty;
                                                }
                                            }

                                            if(core()->getConfigData('catalog.products.homepage.out_of_stock_items') && core()->getConfigData('catalog.inventory.stock_options.allow_shipment_with_zero_quantity') && core()->getConfigData('catalog.inventory.stock_options.backorders') ){
                                                $totalQuantity = 10;
                                            }

                                            if (is_null ($product->url_key)) {
                                                if (! is_null($product->parent)) {
                                                    $url_key = $product->parent->url_key;
                                                }
                                            } else {
                                                $url_key = $product->url_key;
                                            }
                                        @endphp

                                        <div class="row col-12" v-if="!isMobileDevice">
                                            <a
                                                title="{{ $product->name }}"
                                                class="product-image-container col-2"
                                                href="{{ route('shop.productOrCategory.index', $url_key) }}">

                                                <img
                                                    class="card-img-top"
                                                    alt="{{ $product->name }}"
                                                    @if($item->variation && $item->variation->ImageUrl)
                                                        src="{{ $item->variation->ImageUrl }}"
                                                    @else
                                                        src="{{ $productBaseImage['large_image_url'] }}"
                                                    @endif
                                                    :onerror="`this.src='${this.$root.baseUrl}/vendor/webkul/ui/assets/images/product/large-product-placeholder.png'`"
                                                />
                                            </a>

                                            <div class="product-details-content col-6 pr0">
                                                <div class="row item-title no-margin">
                                                    <a
                                                        href="{{ route('shop.productOrCategory.index', $url_key) }}"
                                                        title="{{ $product->name }}"
                                                        class="unset col-12 no-padding">

                                                        <span class="fs20 fw6 link-color">{{ $product->name }}</span>
                                                    </a>
                                                </div>

                                                @if (isset($item->additional['attributes']))
                                                    <div class="product-variation">
                                                        @foreach ($item->additional['attributes'] as $attribute)
                                                        <span>
                                                            {{ $attribute['option_label'] }}
                                                        </span>
                                                        @endforeach
                                                    </div>
                                                @endif

                                                <div class="row col-12 no-padding no-margin">
                                                    <div class="product-price">
                                                        <span>{{ core()->currency($item->base_price) }}</span>
                                                    </div>

                                                </div>

                                                <div class="add-note">
                                                    <form action="{{ route('velocity.cart.note') }}" method="post">
                                                        @csrf
                                                        <div class="row">
                                                            <input type="hidden" name="item_id" value="{{ $item->id }}">
                                                            <input class="col-md-9" type="text" name="note" placeholder="{{ __('velocity::app.checkout.cart.add-note') }}" value="{{ $item->note }}" >
                                                            <button type="submit" class="col-md-3 theme-btn text-center">{{ __('velocity::app.checkout.cart.add') }}</button>
                                                        </div>
                                                    </form>
                                                </div>

                                                @php
                                                    $moveToWishlist = trans('shop::app.checkout.cart.move-to-wishlist');

                                                    $showWishlist = core()->getConfigData('general.content.shop.wishlist_option') == "1" ? true : false;
                                                @endphp

                                                <div class="no-padding col-12 cursor-pointer fs16">
                                                    @auth('customer')
                                                        @if ($showWishlist)
                                                            @if ($item->parent_id != 'null' ||$item->parent_id != null)
                                                            <div @click="removeLink('{{ __('shop::app.checkout.cart.cart-remove-action') }}')" class="alert-wishlist">
                                                                @include('shop::products.wishlist', [
                                                                'addClass' => $addWishlistClass ?? '',
                                                                'text' => "<span class='align-vertical-super'>$moveToWishlist</span>"
                                                                ])
                                                            </div>
                                                            @else
                                                            <div @click="removeLink('{{ __('shop::app.checkout.cart.cart-remove-action') }}')" class="alert-wishlist">
                                                                @include('shop::products.wishlist', [
                                                                'addClass' => $addWishlistClass ?? '',
                                                                'text' => "<span class='align-vertical-super'>$moveToWishlist</span>"
                                                                ])
                                                            </div>
                                                            @endif
                                                        @endif
                                                    @endauth
                                                    <div class="d-inline-block">
                                                        <form method="post" action="{{ route('shop.checkout.cart.item.update' , $item->id) }}">
                                                            @csrf
                                                            <!-- Add 'Save for Later' button here -->
                                                            <button class="unset ml10 theme-btn text-center save-for-later" type="submit">
                                                                {{ __('shop::app.checkout.cart.save-for-later') }}
                                                            </button>
                                                        </form>
                                                    </div>
                                                    <div class="d-inline-block">
                                                        <a
                                                            class="unset
                                                                @auth('customer')
                                                                    ml10
                                                                @endauth
                                                            "
                                                            href="{{ route('shop.checkout.cart.remove', ['id' => $item->id]) }}"
                                                            @click="removeLink('{{ __('shop::app.checkout.cart.cart-remove-action') }}')">

                                                            <span class="rango-delete fs24"></span>
                                                            <span class="align-vertical-super">{{ __('shop::app.checkout.cart.remove') }}</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>

                                            @php
                                                $minQuantity = $item->product->order_min_quantity ?? 1;
                                                $maxQuantity = $item->product->order_max_quantity ?? 10;
                                            @endphp
                                            <div class="product-quantity col-3 no-padding 2" {{ core()->getConfigData('store_services') ? "style='display:none;'" : null  }}>
                                                <select class="qty-select">
                                                    @for($i = $minQuantity; $i <= $maxQuantity; $i++)
                                                        <option value="{{$i}}" @if($i == $item->quantity) selected @endif>{{$i}}</option>
                                                    @endfor
                                                </select>
                                                <input type="hidden" name="qty[{{$item->id}}]" class="qty-input" value="{{$item->quantity}}" id="qty-{{$item->id}}">
                                            </div>

                                            {{-- <quantity-changer
                                                :control-name="'qty[{{$item->id}}]'"
                                                quantity="{{ $item->quantity }}"
                                                quantity-text="{{ __('shop::app.products.quantity') }}">
                                            </quantity-changer> --}}

                                            <div class="product-price fs18 col-1">
                                                <span class="card-current-price fw6 mr10">
                                                    {{ core()->currency( $item->base_total) }}
                                                </span>
                                            </div>

                                            @if (! cart()->isItemHaveQuantity($item))
                                                <div class="control-error mt-4 fs16 fw6">
                                                    * {{ __('shop::app.checkout.cart.quantity-error') }}
                                                </div>
                                            @endif
                                        </div>

                                        <div class="row col-12" v-else>
                                            <a
                                                title="{{ $product->name }}"
                                                class="product-image-container col-2"
                                                href="{{ route('shop.productOrCategory.index', $url_key) }}">

                                                <img
                                                    @if($item->variation && $item->variation->ImageUrl)
                                                        src="{{ $item->variation->ImageUrl }}"
                                                    @else
                                                        src="{{ $productBaseImage['medium_image_url'] }}"
                                                    @endif
                                                    class="card-img-top"
                                                    alt="{{ $product->name }}"
                                                />
                                            </a>

                                            <div class="col-10 pr0 item-title">
                                                <a
                                                    href="{{ route('shop.productOrCategory.index', $url_key) }}"
                                                    title="{{ $product->name }}"
                                                    class="unset col-12 no-padding">

                                                    <span class="fs20 fw6 link-color">{{ $product->name }}</span>
                                                </a>

                                                @if($item->variation)
                                                    <div class="product-variation">
                                                        @foreach(json_decode($item->variation->options) as $option)
                                                            <span>
                                                                {{ $option->option }}
                                                            </span>
                                                        @endforeach
                                                    </div>
                                                @endif

                                                @if (isset($item->additional['attributes']))
                                                    <div class="row col-12 no-padding no-margin">

                                                        @foreach ($item->additional['attributes'] as $attribute)
                                                            <b>{{ $attribute['attribute_name'] }} : </b>{{ $attribute['option_label'] }}</br>
                                                        @endforeach

                                                    </div>
                                                @endif

                                                <div class="col-12 no-padding">
                                                    <div class="product-price">
                                                        <span>{{ core()->currency($item->base_price) }}</span>
                                                    </div>
                                                </div>

                                                <div class="row col-12 remove-padding-margin actions">
                                                    <div class="product-quantity col-lg-4 col-6 no-padding">
                                                        <quantity-changer
                                                            :control-name="'qty[{{$item->id}}]'"
                                                            quantity="{{ $item->quantity }}"
                                                            quantity-text="{{ __('shop::app.products.quantity') }}">
                                                        </quantity-changer>
                                                    </div>

                                                    <div class="col-4 cursor-pointer text-down-4">
                                                        <a href="{{ route('shop.checkout.cart.remove', ['id' => $item->id]) }}" class="unset">
                                                            <i class="material-icons fs24">delete</i>
                                                        </a>
                                                    </div>
                                                </div>

                                                <div class="add-note">
                                                    <form action="{{ route('velocity.cart.note') }}" method="post">
                                                        @csrf
                                                        <div class="row">
                                                            <input type="hidden" name="item_id" value="{{ $item->id }}">
                                                            <input class="col-md-9" type="text" name="note" placeholder="{{ __('velocity::app.checkout.cart.add-note') }}" value="{{ $item->note }}" >
                                                            <button type="submit" class="col-md-3 theme-btn text-center">{{ __('velocity::app.checkout.cart.add') }}</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>

                                        </div>

                                    @endforeach
                                </div>

                                {!! view_render_event('bagisto.shop.checkout.cart.controls.after', ['cart' => $cart]) !!}
                                    <a
                                        class="col-12 link-color remove-decoration fs16 no-padding"
                                        href="{{ route('shop.home.index') }}">
                                        {{ __('shop::app.checkout.cart.continue-shopping') }}
                                    </a>
                                {!! view_render_event('bagisto.shop.checkout.cart.controls.after', ['cart' => $cart]) !!}
                            </form>


                            @if(core()->getCurrentBranchCount() > 1)
                                <div class="branch-name-view">
                                    <h6>  {{ __('shop::app.checkout.onepage.place-order-branch', ['name' => core()->getCurrentBranch('true')->name]) }} </h6>
                                </div>
                            @endif
                            <br>
                        </div>

                        @include ('shop::products.view.cross-sells')
                    </div>
                    <div class="col-lg-2"></div>
                @endif

                {!! view_render_event('bagisto.shop.checkout.cart.summary.after', ['cart' => $cart]) !!}

                    @if ($cart)
                        <div class="col-lg-4 col-md-12 offset-lg-2 row order-summary-container">
                            @include('shop::checkout.total.summary', ['cart' => $cart])

                            <coupon-component></coupon-component>
                        </div>
                    @else
                        <div class="fs16 col-12 empty-cart-message">
                            {{ __('shop::app.checkout.cart.empty') }}
                        </div>

                        <a
                            class="fs16 mt15 col-12 remove-decoration continue-shopping"
                            href="{{ route('shop.home.index') }}">

                            <button type="button" class="theme-btn remove-decoration">
                                {{ __('shop::app.checkout.cart.continue-shopping') }}
                            </button>
                        </a>
                    @endif

                {!! view_render_event('bagisto.shop.checkout.cart.summary.after', ['cart' => $cart]) !!}

                @if (count($savedForLaterItems))
                    <div class="cart-details-header col-lg-8 col-md-12">
                        <!-- table header -->
                        <h3>{{ __('shop::app.checkout.cart.save-for-later') }}</h3>
                        <div class="row cart-header col-12 no-padding">
                            <span class="col-5 fw6 fs16 pr0">
                                {{ __('velocity::app.checkout.items') }}
                            </span>

                            <span class="col-2 fw6 fs16">
                                {{ __('velocity::app.checkout.price') }}
                            </span>

                            <span class="col-3 fw6 fs16">
                                {{ __('velocity::app.checkout.quantity') }}
                            </span>

                            <span class="col-2 fw6 fs16">
                                {{ __('velocity::app.checkout.subtotal') }}
                            </span>
                        </div>

                        <div class="cart-content col-12">

                            <div class="cart-item-list">

                                @foreach ($savedForLaterItems as $key => $item)

                                    @php
                                        $productBaseImage = $item->product->getTypeInstance()->getBaseImage($item);
                                        $product          = $item->product;

                                        $productPrice = $product->getTypeInstance()->getProductPrices();

                                        if ($item->variation) {
                                            $totalQuantity = $item->variation->qty;
                                        } else {
                                            $totalQuantity = 0;
                                            foreach ($product->inventories as $inventory) {
                                                $totalQuantity += $inventory->qty;
                                            }
                                        }

                                        if (is_null ($product->url_key)) {
                                            if (! is_null($product->parent)) {
                                                $url_key = $product->parent->url_key;
                                            }
                                        } else {
                                            $url_key = $product->url_key;
                                        }
                                    @endphp

                                    <!-- table content -->
                                    <div class="row col-12 cart-item">
                                        <!-- Product Image -->
                                        <div class="col-md-2 col-3 pt-3">
                                            <a
                                                title="{{ $product->name }}"
                                                class="product-image-container"
                                                href="{{ route('shop.productOrCategory.index', $url_key) }}">
                                                <img
                                                    class="card-img-top"
                                                    alt="{{ $product->name }}"
                                                    @if($item->variation && $item->variation->ImageUrl)
                                                        src="{{ $item->variation->ImageUrl }}"
                                                    @else
                                                        src="{{ $productBaseImage['large_image_url'] }}"
                                                    @endif
                                                    :onerror="`this.src='${this.$root.baseUrl}/vendor/webkul/ui/assets/images/product/large-product-placeholder.png'`"
                                                >
                                            </a>
                                            <!-- Remove Icon -->
                                            <a
                                                class="remove-item unset"
                                                href="{{ route('shop.checkout.cart.remove', ['id' => $item->id]) }}"
                                                @click="removeLink('{{ __('shop::app.checkout.cart.cart-remove-action') }}')"
                                            >
                                                <i class="rango-close text-down-4"></i>
                                            </a>
                                        </div>

                                        <!-- name -->
                                        <div class="product-details-content col-md-4 col-9">
                                            <div class="row item-title no-margin">
                                                <a
                                                    href="{{ route('shop.productOrCategory.index', $url_key) }}"
                                                    title="{{ $product->name }}"
                                                    class="unset col-12 no-padding">

                                                    <span class="fs20 fw6 link-color product-name">{{ $product->name }}</span>
                                                </a>
                                            </div>

                                            @if (isset($item->additional['attributes']))
                                                <div class="product-variation">
                                                    @foreach ($item->additional['attributes'] as $attribute)
                                                    <span>
                                                        {{ $attribute['option_label'] }}
                                                    </span>
                                                    @endforeach
                                                </div>
                                            @endif

                                            @php
                                                $moveToWishlist = trans('shop::app.checkout.cart.move-to-wishlist');
                                                $showWishlist   = core()->getConfigData('general.content.shop.wishlist_option') == "1" ? true : false;
                                            @endphp

                                            <!-- Remove -->
                                            <div class="no-padding col-12 cursor-pointer fs16">
                                                @auth('customer')
                                                    @if ($showWishlist)
                                                        @if ($item->parent_id != 'null' ||$item->parent_id != null)
                                                            <div @click="removeLink('{{ __('shop::app.checkout.cart.cart-remove-action') }}')" class="alert-wishlist">
                                                                @include('shop::products.wishlist', [
                                                                'addClass' => $addWishlistClass ?? '',
                                                                'text' => "<span class='align-vertical-super'>$moveToWishlist</span>"
                                                                ])
                                                            </div>
                                                        @else
                                                            <div @click="removeLink('{{ __('shop::app.checkout.cart.cart-remove-action') }}')" class="alert-wishlist">
                                                                @include('shop::products.wishlist', [
                                                                'addClass' => $addWishlistClass ?? '',
                                                                'text' => "<span class='align-vertical-super'>$moveToWishlist</span>"
                                                                ])
                                                            </div>
                                                        @endif
                                                    @endif
                                                @endauth
                                                <div class="d-inline-block">
                                                    <form method="post" action="{{ route('cart.add-from-saved' , $item->id) }}">
                                                        @csrf
                                                        <!-- Add 'Save for Later' button here -->
                                                        <button class="unset ml10 theme-btn text-center save-for-later" type="submit">
                                                            {{ __('shop::app.products.add-to-cart') }}
                                                        </button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>

                                        <!-- Price -->
                                        <div class="product-price fs18 col-md-2 offset-md-0 offset-3 col-9">
                                            <span class="d-md-none">{{ __('velocity::app.checkout.price') }}:</span>
                                            <span>{{ core()->currency($item->base_price) }}</span>
                                        </div>

                                        <!-- Quantity -->
                                        <div class="product-quantity col-md-2 offset-md-0 offset-3 col-9">
                                            {{ $item->quantity }}
                                        </div>

                                        <!-- Subtotal -->
                                        <div class="product-price fs18 col-md-2 offset-md-0 offset-3 col-9">
                                            <span class="d-md-none">{{ __('velocity::app.checkout.subtotal') }}:</span>
                                            <span class="card-current-price fw6 mr10">
                                                {{ core()->currency( $item->base_total) }}
                                            </span>
                                        </div>

                                        @if (! cart()->isItemHaveQuantity($item))
                                            <div class="control-error mt-4 fs16 fw6">
                                                * {{ __('shop::app.checkout.cart.quantity-error') }}
                                            </div>
                                        @endif
                                    </div>

                                @endforeach
                            </div>
                        </div>

                    </div>
                @endif
            </section>
        </div>
    </script>

        <script type="text/javascript" id="cart-template">
            (() => {
                Vue.component('cart-component', {
                    template: '#cart-template',
                    data: function() {
                        return {
                            isMobileDevice: this.isMobile(),
                        }
                    },

                    methods: {
                        removeLink(message) {
                            if (!confirm(message))
                                event.preventDefault();
                        }
                    }
                })
            })()
        </script>

        <script>
            $(document).ready(function() {
                setTimeout(() => {
                    $('.qty-select').change(function() {
                        console.log($(this).val());
                        $(this).parent('.product-quantity').children('.qty-input').val($(this).val());
                        $(this).parents('form').submit();
                    });
                }, 100);
            });
        </script>
    @endpush
@endif