@extends('layouts.front.front')

@section('maincontent')
    <section class="global-space-section">
        <div class="container">
            <h3>Your Shopping Cart</h3>
            @if (sizeof($carts) > 0)
            <div class="checkout-index">
                <div class="row">
                    <div class="col-md-9 col-sm-9">
                        <div class="checkout-panel_001">                            
                            <div class="cart-item-wrapper">                               
                                    <ul>
                                        @foreach ($carts as $cart)
                                            @php
                                                $pn = $cart['name'];
                                                $slug = str_slug($pn);
                                                $purl = route('front.shop.shop-product-details', ['slug' => $slug, 'code' => $cart['article'], 'color' => $cart['color'], 'pid' => $cart['ref_id']]);
                                                $purl = str_replace('#', '__hash__', $purl);
                                            @endphp
                                            <li class="cart-item clearfix">
                                                <div class="layout-row">
                                                    <div class="product-image">
                                                        <a href="{{ $purl }}">
                                                            @if (strstr($cart['photo'], 'placeholder.png'))
                                                                <img src="{{ asset($cart['photo']) }}"
                                                                    alt="{{ $cart['name'] }}">
                                                            @else
                                                                <img src="{{ asset('uploads/articles/photos/medium/' . $cart['photo']) }}"
                                                                    alt="{{ $cart['name'] }}">
                                                            @endif
                                                        </a>
                                                    </div>
                                                    <div class="product-detail">
                                                        <div class="brand-text-uppercase bold"><a href="{{ $purl }}">{{ $pn }}</a></div>
                                                        <div class="product-name bold"><a href="{{ $purl }}">{{ $cart['article'] }}</a></div>
                                                        <div class="product-code">Color: <span>{{ $cart['color'] }}</span></div>
                                                        <div class="product-code">Size: <span>{{ $cart['size'] }}</span></div>
                                                        <div class="product-code">Qty.: <span>{{ $cart['qty'] }}</span></div>
                                                    </div>
                                                    <div class="product-pricing">
                                                        <div class="layout-align-center">
                                                            <div class="discount-price">
                                                                {{ $homepageModel->formatCurrencyWithDecimal($cart['selling_price'] * $cart['qty']) }}</div>
                                                        </div>
                                                        <div class="layout-align-center">
                                                            <div class="action-btn-checkout">
                                                                <span class="Wishlist">
                                                                    <img src="{{ asset('front-shop/images/wishlist.svg') }}" alt="wishlist" data-toggle="modal" data-target="#login-site">
                                                                    </span>
                                                                   
                                                                <span class="Remove">
                                                                    <img src="{{ asset('front-shop/images/cross.svg') }}" title="Remove Item" onclick="removeitemcart({{ $cart['id'] }});" alt="Remove"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        @endforeach
                                    </ul>
                                
                            </div>

                            <div class="clearfix">
                                <div class="payment-mode-option"><img
                                        src="{{ asset('front-shop/images/payment-icons-way.jpg') }}"></div>
                            </div>

                            <!--div class="sm-title">
                                <p>*Once your order has been placed no subsequent changes can be made in it.</p>
                                <p>*Shipping cost may vary depending on the delivery destination.</p>
                                <p>*Please check the final amount on the order summary page before completing the payment.
                                </p>
                                <p>*An item's price may vary according to the size selected.</p>
                            </div-->
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-3">
                        <h3>Cart Summary</h3>

                        <div class="CartSummary">
                            <div class="CartTotal bold">
                                <span>Cart Total</span>
                                <span class="float-right">{{ $homepageModel->formatCurrencyWithDecimal($cartInfo['cartDetails']['totalMrp']) }}</span>
                            </div>
                            @foreach($discounts as $k => $v)
                            @if($v > 0)
                            <div class="CartTotal bold">
                                <span>{{ $k }}</span>
                                <span class="float-right">{{ $homepageModel->formatCurrencyWithDecimal($v) }}</span>
                            </div>
                            @endif
                            @endforeach
                            @foreach($totals as $k => $v)
                            @if($v > 0)
                            <div class="CartTotal bold">
                                <span>{{ $k }}</span>
                                <span class="float-right">{{ $homepageModel->formatCurrencyWithDecimal($v) }}</span>
                            </div>
                            @endif
                            @endforeach
                            <div class="Shipping bold m-b-0">
                                <span>Shipping</span>
                                <span class="float-right">{{ $homepageModel->formatCurrencyWithDecimal($cartShipping) }}</span>
                            </div>
                            <p class="h7 demi-bold">Shipping charges to be calculated on Checkout</p>
                        </div>
                        <div class="PromoCodeWrapper hidden">
                            <h4>Promo Code</h4>
                            <div class="ApplyPromoCode m-b-25">
                                <div class="layout">
                                    <input placeholder="HAVE A PROMOCODE" value="">
                                    <button type="button" class="btn-pernia-primary bold">APPLY</button>
                                </div>
                            </div>
                        </div>

                        <div class="TotalWrapper">
                            <span class="Total bold">TOTAL PAYABLE</span>
                            <span
                                class="float-right ex-bold TotalAmount">{{ $homepageModel->formatCurrencyWithDecimal($totals['Payable']) }}</span>
                        </div>

                        <div class="Buttons">
                            <button class="btn-pernia-primary bold mr-bottom" onclick="window.location.href='{{ route('front.shop-checkout') }}'">proceed to
                                checkout</button>
                                <button class="btn-pernia-secondry bold"  onclick="window.location.href='{{ route('front.shop') }}'">Continue Shopping</button>
                        </div>
                    </div>                   
                </div>               
            </div>
            @else
            <div class="alert">
                <div class="text-center">
                    <div class="empty-bag-cart">
                        <img src="{{ asset('front-shop/images/empty-shp-ct.png') }}" class="img-responsive center-block" alt="">
                      </div> 
                </div>
                <br>
                <div class="text-center"><a href="{{ route('front.shop') }}"
                        class="btn btn-danger">CONTINUE SHOPPING!</a></div>
            </div>
        @endif
        </div>
    </section>
@endsection

<script>
    function removeitemcart(id){                 
        var _token   = $('meta[name="csrf-token"]').attr('content');
            $.get("{{ route('removeCartItems') }}", {
                 _token: _token,                        
                    id: id
        }, function(result) {                        
            var response = jQuery.parseJSON(result);
                       
                if(response.status == false) {
                            toastr.error(response.info);
                } else {                                            
                    toastr.success(response.info);
                    location.reload();
                }   
        });
    }

</script>