@extends('layout.app')

@section('page-title', $cartDto->title)

@section('breadcrumb')
    <div class="tf-breadcrumb">
        <div class="container">
            <div class="tf-breadcrumb-wrap d-flex justify-content-between flex-wrap align-items-center">
                <div class="tf-breadcrumb-list">
                    <a href="{{ url('new-design/home.php') }}" class="text">Home</a>
                    <i class="icon icon-arrow-right"></i>
                    <span class="text">Shopping cart</span>
                </div>
            </div>
        </div>
    </div>
@endsection

@if(PROD_ENV === true)
    @section('tracking')
        <!-- BEGIN: wtDataLayer -->
        <script>
            dataLayer.push({
                'event': "view_cart",
                'ecommerce': {
                    'currency': "USD",
                    'value': {{ $cartDto->order->totals['grand_total'] }},
                    'items': [
                        @if($cartDto->order->contents)
                            @foreach($cartDto->order->contents->dataset->dataset as $product)
                                {
                                    'item_name': "{{ $product['product_name'] }}",
                                    'price': {{ $product['price'] }},
                                    'item_category': "{{ $product['category'] }}",
                                    'item_id': "{{ $product['product_id'] }}",
                                    'quantity': {{ $product['qty'] }}
                                },
                            @endforeach
                        @endif
                    ],
                    'purchase_type': '{{ $vv_purchase_type }}'
                }
            });
        </script>
        <!-- END: wtDataLayer -->
    @endsection
@endif

@section('content')
    <!-- page-cart -->
    <section class="flat-spacing-wt">
        <div class="container">
            @if(empty($cartDto->order->contents))
                <div class="tf-page-cart text-center mt_140 mb_200">
                    <h5 class="mb_24">Your cart is empty</h5>
                    <p class="mb_24">You may check out all the available products and buy some in the shop</p>
                    <a href="{{ WEB_PATH . 'new-design/collections.php' }}" class="tf-btn btn-sm radius-3 btn-fill btn-icon animate-hover-btn">Return
                        to shop<i class="icon icon-arrow1-top-left"></i></a>
                </div>
            @else
                <form action="{{ WEB_PATH . 'new-design/cart.php' }}"
                      method="POST"
                      class="tf-page-cart-wrap"
                      id="cart-form"
                >
                    <input type="hidden" name="action_name" id="action-name">
                    @include('partials._cart_items', ['order' => $cartDto->order, 'is_readonly' => false])

                    <div class="tf-page-cart-footer">
                        <div class="tf-cart-footer-inner">
                            <div class="tf-page-cart-checkout order-summary">
                                <div class="order-summary-title">
                                    Order Summary
                                </div>
                                <div class="order-summary-body">
                                    <div id="sub-total-values">
                                        <div class="tf-cart-totals-discounts">
                                            <h4>Subtotal</h4>
                                                <span class="sub-total-value" data-value="{{ $cartDto->order->totals['sub_total'] }}">
                                                {!! $wtViewHelper->renderPrice($cartDto->order->totals['sub_total'], true) !!}
                                            </span>
                                        </div>
                                        @foreach($cartDto->order->treatments->list as $treatmentId => $treatmentData)
                                            @if($cartDto->order->charges[$treatmentData['treatment_charge_id']])
                                                <div class="tf-cart-totals-discounts">
                                                    <h4>{{ $treatmentData['name'] }}</h4>
                                                    <span class="sub-total-value"
                                                          data-value="{{ $cartDto->order->charges[$treatmentData['treatment_charge_id']] }}"
                                                    >
                                                        {!! $wtViewHelper->renderPrice($cartDto->order->charges[$treatmentData['treatment_charge_id']], true) !!}
                                                    </span>
                                                </div>
                                            @endif
                                        @endforeach
                                        <div class="tf-cart-totals-discounts">
                                            <h4>Shipping</h4>
                                            <span class="sub-total-value"
                                                  id="shipping-sub-total-value"
                                                  data-value="{{ $cartDto->order->charges['shipping_charge'] }}"
                                            >
                                                {!! $wtViewHelper->renderPrice($cartDto->order->charges['shipping_charge'], true) !!}
                                            </span>
                                        </div>
                                        <div class="tf-cart-totals-discounts">
                                            <h4>Sales Tax</h4>
                                            <span class="sub-total-value"
                                                  data-value="{{ $cartDto->order->charges['sales_tax_charge'] }}"
                                            >
                                                {!! $wtViewHelper->renderPrice($cartDto->order->charges['sales_tax_charge'], true) !!}
                                            </span>
                                        </div>
                                        @if(!empty($cartDto->order->charges['white_glove_charge']))
                                            <div class="tf-cart-totals-discounts">
                                                <h4>White Glove Delivery</h4>
                                                <span class="sub-total-value"
                                                      id="optional-shipping-sub-total-value"
                                                      data-value="{{ $cartDto->order->charges['white_glove_charge'] }}"
                                                >{!! $wtViewHelper->renderPrice($cartDto->order->charges['white_glove_charge'], true) !!}</span>
                                            </div>
                                        @endif
                                        @if(!empty($cartDto->order->charges['inside_delivery_charge']))
                                            <div class="tf-cart-totals-discounts">
                                                <h4>Inside Delivery</h4>
                                                <span class="sub-total-value"
                                                      id="optional-shipping-sub-total-value"
                                                      data-value="{{ $cartDto->order->charges['inside_delivery_charge'] }}"
                                                >{!! $wtViewHelper->renderPrice($cartDto->order->charges['inside_delivery_charge'], true) !!}</span>
                                            </div>
                                        @endif
                                        @if($cartDto->order->shipto_options['coupon'])
                                            <div class="tf-cart-totals-discounts">
                                                <h4>Promo/Gift Code ({{ $cartDto->order->shipto_options['coupon'] }})</h4>
                                                <span class="sub-total-value"
                                                      data-value="{{ 0 - $cartDto->order->shipto_options['coupon_value'] }}"
                                                >
                                                    - {!! $wtViewHelper->renderPrice($cartDto->order->shipto_options['coupon_value'], true) !!}
                                                </span>
                                                <input type="hidden" name="coupon"
                                                       value="{{ $cartDto->order->shipto_options['coupon'] }}">
                                            </div>
                                        @endif
                                    </div>
                                    <div class="tf-cart-totals-discounts total">
                                        <h3>Total</h3>
                                        <span class="total-value">{!! $wtViewHelper->renderPrice($cartDto->order->totals['grand_total'], true) !!}</span>
                                    </div>
                                </div>
                            </div>
                            @if(($gst->display_coupon || $GLOBALS['session']->admin))
                                <div class="tf-page-cart-checkout accordion-section">
                                    <div class="shipping-calculator">
                                        <summary
                                                class="accordion-shipping-header d-flex justify-content-between align-items-center collapsed"
                                                data-bs-target="#coupon-code"
                                                data-bs-toggle="collapse"
                                                aria-controls="coupon-code"
                                        >
                                            <h3 class="shipping-calculator-title">Have a Promo Code</h3>
                                            <span class="shipping-calculator_accordion-icon"></span>
                                        </summary>
                                        <div class="collapse" id="coupon-code">
                                            <div class="accordion-shipping-content">
                                                <fieldset class="field msg-wrapper" id="coupon">
                                                    <label class="label">Promo/Gift Code</label>
                                                    <input type="text" name="coupon" value="{{ $cartDto->order->shipto_options['coupon'] ?? '' }}">
                                                </fieldset>
                                                <p class="coupon-msg wt-d-none">
                                                    If you feel that this is in error then please do not hesitate to reach out to us 
                                                    by <a href="#!" class="wt-chat-handler">live chat</a>, 
                                                    <a href="/new-design/contact_us.php" target="_blank">email</a>, 
                                                    or call <a href="tel:{{ $vv_wt_phone }}" aria-label="Call {{ $vv_wt_phoneword }}">{{ $vv_wt_phone }}</a>
                                                    for immediate assistance
                                                </p>
                                                <button class="tf-btn btn-fill animate-hover-btn radius-3 justify-content-center text-uppercase"
                                                        id="apply-coupon"
                                                >
                                                    <span>Apply</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                            <div class="tf-page-cart-checkout accordion-section">
                                <div class="shipping-calculator">
                                    <summary
                                            class="accordion-shipping-header d-flex justify-content-between align-items-center collapsed"
                                            data-bs-target="#est-sales-tax"
                                            data-bs-toggle="collapse"
                                            aria-controls="shipping"
                                    >
                                        <h3 class="shipping-calculator-title">Estimate Sales Tax</h3>
                                        <span class="shipping-calculator_accordion-icon"></span>
                                    </summary>
                                    <div class="collapse" id="est-sales-tax">
                                        <div class="accordion-shipping-content">
                                            <fieldset class="field msg-wrapper" id="shipto_zip">
                                                <label class="label">Zip code</label>
                                                <input type="text"
                                                       name="shipto_zip"
                                                       value="{{ $cartDto->order->shipto_options['shipto_zip'] }}"
                                                >
                                            </fieldset>
                                            <button class="tf-btn btn-fill animate-hover-btn radius-3 justify-content-center text-uppercase"
                                                    id="estimate-sales-tax"
                                            >
                                                <span>Estimate</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tf-page-cart-checkout accordion-section">
                                <div class="shipping-calculator">
                                    <summary
                                            class="accordion-shipping-header d-flex justify-content-between align-items-center collapsed"
                                            data-bs-target="#additional-options"
                                            data-bs-toggle="collapse"
                                            aria-controls="shipping"
                                    >
                                        <h3 class="shipping-calculator-title">Additional shipping and delivery options</h3>
                                        <span class="shipping-calculator_accordion-icon"></span>
                                    </summary>
                                    <div class="collapse" id="additional-options">
                                        <div class="accordion-shipping-content">
                                            <div class="msg-wrapper" id="shipping">
                                                <div class="title" id="optional_shipping">Optional Shipping Services</div>
                                                <div class="cart-checkbox">
                                                    <input type="radio"
                                                           class="tf-check optional_shipping"
                                                           id="shipping-none"
                                                           name="shipping"
                                                           value="none"
                                                           data-charge="0.00"
                                                           {{ $cartDto->shipping === 'none' ? 'checked' : '' }}
                                                    >
                                                    <label for="shipping-none" class="fw-4">None</label>
                                                </div>
                                                <div class="cart-checkbox">
                                                    <input type="radio"
                                                           class="tf-check"
                                                           id="shipping-inside-delivery"
                                                           name="shipping_dummy"
                                                           {{ in_array($cartDto->shipping, ['inside_ground', 'inside_with_elevator', 'inside_without_elevator']) ? 'checked disabled' : '' }}
                                                    >
                                                    <label for="shipping-inside-ground" class="fw-4">Inside Delivery</label>
                                                </div>
                                                <div class="cart-checkbox-group"
                                                     style="display: {{ in_array($cartDto->shipping, ['inside_ground', 'inside_with_elevator', 'inside_without_elevator']) ? 'block' : 'none' }}">
                                                    <div class="cart-checkbox">
                                                        <input type="radio"
                                                               class="tf-check optional_shipping"
                                                               id="shipping-inside-ground"
                                                               name="shipping"
                                                               value="inside_ground"
                                                               data-charge="{{ $cartDto->shipping_charges['inside_ground'] }}"
                                                               {{ $cartDto->shipping === 'inside_ground' ? 'checked' : '' }}
                                                        >
                                                        <label for="shipping-inside-ground" class="fw-4">Ground floor</label> (+{!! $wtViewHelper->renderPrice($cartDto->shipping_charges['inside_ground']) !!})
                                                    </div>
                                                    <div class="cart-checkbox">
                                                        <input type="radio"
                                                               class="tf-check optional_shipping"
                                                               id="shipping-inside-with-elevator"
                                                               name="shipping"
                                                               value="inside_with_elevator"
                                                               data-charge="{{ $cartDto->shipping_charges['inside_with_elevator'] }}"
                                                               {{ $cartDto->shipping === 'inside_with_elevator' ? 'checked' : '' }}
                                                        >
                                                        <label for="shipping-inside-with-elevator" class="fw-4">With elevator</label> (+{!! $wtViewHelper->renderPrice($cartDto->shipping_charges['inside_with_elevator']) !!})
                                                    </div>
                                                    <div class="cart-checkbox">
                                                        <input type="radio"
                                                               class="tf-check optional_shipping"
                                                               id="shipping-inside-without-elevator"
                                                               name="shipping"
                                                               value="inside_without_elevator"
                                                               data-charge="{{ $cartDto->shipping_charges['inside_without_elevator'] }}"
                                                               {{ $cartDto->shipping === 'inside_without_elevator' ? 'checked' : '' }}
                                                        >
                                                        <label for="shipping-inside-without-elevator" class="fw-4">Without elevator</label> (+{!! $wtViewHelper->renderPrice($cartDto->shipping_charges['inside_without_elevator']) !!})
                                                    </div>
                                                </div>
                                                <div class="cart-checkbox">
                                                    <input type="radio"
                                                           class="tf-check optional_shipping"
                                                           id="shipping-wgd"
                                                           name="shipping"
                                                           value="white_glove"
                                                           data-charge="{{ $cartDto->shipping_charges['white_glove'] }}"
                                                           {{ $cartDto->shipping === 'white_glove' ? 'checked' : '' }}
                                                    >
                                                    <label for="shipping-wgd" class="fw-4">White Glove</label> (+{!! $wtViewHelper->renderPrice($cartDto->shipping_charges['white_glove']) !!})
                                                </div>
                                            </div>

                                            @if($cartDto->backordered_items)
                                                <div class="msg-wrapper" id="shipping_preference">
                                                    <div class="title">
                                                        Some items are on backorder. Please, select your shipping preference.
                                                    </div>
                                                    <div class="cart-checkbox">
                                                        <input type="radio"
                                                               class="tf-check"
                                                               id="shipping-preference-yes"
                                                               name="shipping_preference"
                                                               value="yes"
                                                               {{ $cartDto->order->shipto_options['shipping_preference'] === 'yes' ? 'checked' : '' }}
                                                        >
                                                        <label for="shipping-preference-yes" class="fw-4">
                                                            Ship instock items now and backordered items - when available
                                                        </label>
                                                    </div>
                                                    <div class="cart-checkbox">
                                                        <input type="radio"
                                                               class="tf-check"
                                                               id="shipping-preference-no"
                                                               name="shipping_preference"
                                                               value="no"
                                                               {{ $cartDto->order->shipto_options['shipping_preference'] === 'no' ? 'checked' : '' }}
                                                        >
                                                        <label for="shipping-preference-no" class="fw-4">
                                                            Ship all at once, when backordered items are instock
                                                        </label>
                                                    </div>
                                                </div>
                                            @endif

                                            @if($cartDto->show_truck_access)
                                                <div class="msg-wrapper" id="truck_access">
                                                    <div class="title">
                                                        Can a large delivery truck access the delivery address?
                                                    </div>
                                                    <div class="cart-checkbox">
                                                        <input type="radio"
                                                               class="tf-check"
                                                               name="truck_access"
                                                               value="yes"
                                                               {{ $cartDto->order->shipto_options['truck_access'] === 'yes' ? 'checked' : '' }}
                                                        >
                                                        <label for="truck_access" class="fw-4">Yes</label>
                                                    </div>
                                                    <div class="cart-checkbox">
                                                        <input type="radio"
                                                               class="tf-check"
                                                               name="truck_access"
                                                               value="no"
                                                               {{ $cartDto->order->shipto_options['truck_access'] === 'no' ? 'checked' : '' }}
                                                        >
                                                        <label for="truck_access" class="fw-4">No</label>
                                                    </div>
                                                </div>
                                            @endif

                                            @if($cartDto->show_cushion_shipping_preference)
                                                <div class="msg-wrapper" id="ship_instock_cushions">
                                                    <div class="title">Cushion Shipping Preference</div>
                                                    <div class="cart-checkbox">
                                                        <input type="radio"
                                                               class="tf-check"
                                                               id="ship-instock-cushions-yes"
                                                               name="ship_instock_cushions"
                                                               value="yes"
                                                               {{ $cartDto->order->shipto_options['ship_instock_cushions'] === 'yes' ? 'checked' : '' }}
                                                        >
                                                        <label for="ship-instock-cushions-yes" class="fw-4">
                                                            Ship temporary cushions
                                                        </label>
                                                    </div>
                                                    <div class="cart-checkbox">
                                                        <input type="radio"
                                                               class="tf-check"
                                                               id="ship-instock-cushions-no"
                                                               name="ship_instock_cushions"
                                                               value="no"
                                                               {{ $cartDto->order->shipto_options['ship_instock_cushions'] === 'no' ? 'checked' : '' }}
                                                        >
                                                        <label for="ship-instock-cushions-no" class="fw-4">
                                                            Don't ship temporary cushions
                                                        </label>
                                                    </div>
                                                </div>
                                            @endif

                                            @if($GLOBALS['session']->admin && $cartDto->show_foam_cores_options)
                                                <div class="msg-wrapper" id="add_foam_cores">
                                                    <div class="title">Foam Cores</div>
                                                    <div class="cart-checkbox">
                                                        <input type="radio"
                                                               class="tf-check"
                                                               id="add-foam-cores-yes"
                                                               name="add_foam_cores"
                                                               value="yes"
                                                               {{ $cartDto->order->shipto_options['add_foam_cores'] === 'yes' ? 'checked' : '' }}
                                                        >
                                                        <label for="add-foam-cores-yes" class="fw-4">
                                                            Yes, add foam cores
                                                        </label>
                                                    </div>
                                                    <div class="cart-checkbox">
                                                        <input type="radio"
                                                               class="tf-check"
                                                               id="add-foam-cores-no"
                                                               name="add_foam_cores"
                                                               value="no"
                                                               {{ $cartDto->order->shipto_options['add_foam_cores'] === 'no' ? 'checked' : '' }}
                                                        >
                                                        <label for="add-foam-cores-no" class="fw-4">
                                                            No, don't add foam cores
                                                        </label>
                                                    </div>
                                                </div>
                                            @endif

                                            <button class="tf-btn btn-fill animate-hover-btn radius-3 justify-content-center text-uppercase"
                                                    id="recalculate-additional-shipping-delivery"
                                            >
                                                <span>Recalculate</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tf-page-cart-checkout accordion-section">
                                <div class="shipping-calculator">
                                    <summary
                                            class="accordion-shipping-header d-flex justify-content-between align-items-center collapsed"
                                            data-bs-target="#save-cart"
                                            data-bs-toggle="collapse"
                                            aria-controls="shipping"
                                    >
                                        <h3 class="shipping-calculator-title">Save cart</h3>
                                        <span class="shipping-calculator_accordion-icon"></span>
                                    </summary>
                                    <div class="collapse" id="save-cart">
                                        <div class="accordion-shipping-content">
                                            @if($cartDto->admin_or_reseller)
                                                <fieldset class="field msg-wrapper" id="save-cart-wrap">
                                                    <label class="label">Reference (for example, &quot;customer #1, quote #3&quot;)</label>
                                                    <input type="text" name="reference" id="reference">
                                                    <div class="pt-2 small">
                                                        You'll receive an email with a link to your saved cart contents.
                                                    </div>
                                                </fieldset>
                                                <button class="tf-btn btn-fill animate-hover-btn radius-3 justify-content-center text-uppercase"
                                                        id="save-cart-button"
                                                >
                                                    <span>Save</span>
                                                </button>
                                            @else
                                                <fieldset class="field msg-wrapper" id="send-cart-email">
                                                    <label class="label">Email address to send cart</label>
                                                    <input type="text" name="customer_cart_email" id="customer_cart_email">
                                                    <div class="pt-2 small">
                                                        Your cart contents will be emailed for viewing later or on other devices.
                                                    </div>
                                                </fieldset>
                                                <button class="tf-btn btn-fill animate-hover-btn radius-3 justify-content-center text-uppercase"
                                                        id="send-cart-email-button"
                                                >
                                                    <span>Send</span>
                                                </button>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <p class="affirm-as-low-as pt-3" data-page-type="product"
                               data-amount="{{ $cartDto->order->totals['grand_total'] * 100 }}"></p>
                            <div class="cart-checkout-btn mt-3">
                                <button class="tf-btn btn-fill justify-content-center flex-grow-1 animate-hover-btn text-uppercase"
                                        id="proceed-checkout"
                                >
                                    {{-- This checkout uses the cart.js function() submit logic --}}
                                    <span>Proceed to Checkout</span>
                                </button>
                            </div>
                            <div class="tf-page-cart-checkout">
                                <div class="tf-page-cart_imgtrust">
                                    <p class="text-center fw-6">Guarantee Safe Checkout</p>

                                    @include('partials._payment_options')
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            @endif
        </div>
    </section>
    <!-- page-cart -->
@endsection

@push('after-foot-js')
    <script type="text/javascript" src="{{ asset('new-design/js/cart.js') }}"></script>
    @if($cartDto->admin_or_reseller)
        <script>
            $(document).ready(function(){
                $('#save-cart-button').on('click', function (e) {
                    e.preventDefault();
                    const saveCartWrapper = $('#save-cart-wrap');
                    saveCartWrapper.find('.flat-alert').remove();
                    const reference = $('#reference').val();

                    if (!reference) {
                        saveCartWrapper.append('<div class="flat-alert msg-error">Please, enter reference!</div>');
                        return false;
                    }

                    Loader.show();
                    $.ajax({
                        type: "POST",
                        url: '/new-design/cart.php',
                        data: {"reference": reference, "action_name": "save_cart"},
                        success: function (data) {
                            data = $.parseJSON(data);

                            if (data.success) {
                                alert('Email successfully sent!');
                            } else if (Object.entries(data.errors).length > 0) {
                                for (let [id, error] of Object.entries(data.errors)) {
                                    saveCartWrapper.append('<div class="flat-alert msg-error">' + error + '</div>');
                                    saveCartWrapper.closest('.accordion-section').find('.collapse').collapse('show');
                                }
                            }
                            Loader.hide();
                        },
                        error: function (error) {
                            console.log(error);
                            Loader.hide();
                        }
                    });
                });
            });
        </script>
    @else
        <script>
            $(document).ready(function(){
                $('#send-cart-email-button').on('click', function (e) {
                    e.preventDefault();
                    const sentCartEmailWrapper = $('#send-cart-email');
                    sentCartEmailWrapper.find('.flat-alert').remove();
                    const email = $('#customer_cart_email').val();

                    if (!email || email.indexOf('@') === -1) {
                        sentCartEmailWrapper.append('<div class="flat-alert msg-error">Please, enter valid email address!</div>');
                        return false;
                    }

                    Loader.show();
                    $.ajax({
                        type: "POST",
                        url: '/new-design/cart.php',
                        data: {"customer_cart_email": email, "action_name": "send_cart_email"},
                        success: function (data) {
                            data = $.parseJSON(data);

                            if (data.success) {
                                @if(PROD_ENV === true)
                                    gtag('event', 'Click', {
                                        'event_category' : 'Email Cart',
                                        'event_label' : email
                                    });
                                @endif
                                alert('Email successfully sent!');
                            } else if (Object.entries(data.errors).length > 0) {
                                for (let [id, error] of Object.entries(data.errors)) {
                                    sentCartEmailWrapper.append('<div class="flat-alert msg-error">' + error + '</div>');
                                    sentCartEmailWrapper.closest('.accordion-section').find('.collapse').collapse('show');
                                }
                            }
                            Loader.hide();
                        },
                        error: function (error) {
                            console.log(error);
                            Loader.hide();
                        }
                    });
                });
            });
        </script>
    @endif
@endpush