@extends('layouts.posPurchageOrder.front')

@section('maincontent')
    <section class="global-space-section">
        <div class="container">
            <div class="checkout-index">
                <div class="row">
                    <div class="col-md-9 col-sm-9">

                        <div class="checkout-panel_001">
                            <h3>Your Shopping Cart</h3>
                            <div class="cart-item-wrapper">
                                @if (sizeof($carts) > 0)
                                    <ul>
                                        @foreach ($carts as $cart)
                                            @php
                                                $pn = $cart['name'];
                                                $slug = str_slug($pn);
                                                $purl = route('details-product', ['id' => $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 style="max-width: 115px;" src="{{ $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"> ₹{{ $cart['basemrp'] * $cart['qty'] }} </div>
                                                        </div>
                                                        <div class="layout-align-center">
                                                            <div class="action-btn-checkout" >                                                                 
                                                                <button type="button" data-toggle="tooltip" title="" class="btn btn-danger" onclick="remove({{ $cart['id'] }});" data-original-title="Remove">
                                                                    <i class="fa fa-times-circle"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        @endforeach
                                    </ul>
                                @else
                                    <div class="alert alert-warning">
                                        <div class="text-center">Cart is empty!</div>
                                        <div class="text-center"><a href="{{ route('add-pos-purchage-order') }}"
                                                class="btn btn-danger">Continue Shopping!</a></div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-3">
                        <h3>Cart Summary</h3>                        

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

                        <div class="Buttons">
                            <!--button class="btn-pernia-primary bold mr-bottom" onclick="window.location.href='{{ route('save-pos-sale-orders-by-barcode') }}'">Place Order</button-->
                                <input type="hidden" name="dis_per" id="dis_per" value="{{ $discount_per }}">
                            <button class="btn-pernia-primary bold mr-bottom" onclick="placeOrder({{ $pos_id }})">Place Order</button>
                                <button class="btn-pernia-secondry bold"  onclick="window.location.href='{{ route('add-pos-purchage-order') }}'">Continue Shopping</button>
                        </div>
                    </div>
                    <div class="clearfix">
                        <div class="payment-mode-option"><img
                                src="{{ asset('add-purchage-order/images/payment-icons-way.jpg') }}"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('extraJS')
    <script>
        function remove(id){                 
                var _token   = $('meta[name="csrf-token"]').attr('content');
                $.get("{{ route('cart-remove') }}", {
                        _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();
                        }   
                    });
        }

        function placeOrder(pos_id) {
            var _token   = $('meta[name="csrf-token"]').attr('content');           
            var dis_per=$('#dis_per').val();
            showLoader();
                $.ajax({
                    method: 'POST',
                    url: '{{ route('save-pos-sale-order-by-pos') }}',
                    data: '_token=' + document.tokenForm._token.value + '&to_pos=' + pos_id + '&dis_per=' + dis_per,
                    success: function(result) {
                        var response = jQuery.parseJSON(result);
                        hideLoader();
                        if(response.status == false) {
                            toastr.error(response.info);
                        } else {                                            
                            toastr.success(response.info);
                            location.reload();
                        }  
                        
                    }
                });            
        }

        

       
    </script>