@extends('layouts.landingapp')
@section('content')
<style>
.shop__cart__table tbody tr td{
    padding: 20px;
}
</style>

   <!-- Shop Cart Section Begin -->
   <section class="shop-cart spad">
    <div class="container"> 
        <div class="row">   
            <x-flash/>
            </div>     
        <div class="row">            
            <div class="col-lg-12 col-md-12">
                <div class="shop__cart__table">                    
                   @if($data) 
                   <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>SI.NO</th>
                                <th>Stores</th>
                                <th>No.Items</th>
                                <th>Total</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $i=1; @endphp
                          @foreach ($data as $key => $value)
                             <tr>
                             <td>{{$i++}}</td>
                             <td>{{$value['title']}}</td>
                             <td>{{$value['itemCount']}}</td>
                             <td>{{$value['total']}}</td>
                             <td>                                
                                 <a href="{{ url('cart/'.$value['id'])}}" class="primary-btn">Proceed</a>
                                </td>    
                            </tr>
                              
                          @endforeach
                                             
                        </tbody>
                    </table>
                   </div>
                    @elseif($data == '')
                    <div>
                        No Item in Cart!
                    </div>
                    @endif
                </div>
            </div> 
                    
        </div>
        {{-- <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6">
                <div class="cart__btn">
                    <a href="#">Continue Shopping</a>
                </div>
            </div>           
        </div> --}}
        {{-- <div class="row">           
            <div class="col-lg-4 offset-lg-2">
                <div class="cart__total__procced">
                    <h6>Cart total</h6>
                    <ul>
                        <li>Total <span id="total"></span></li>  
                        <li>Total <span>$ 750.0</span></li>
                    </ul>
                    <a onclick="send_to_whatsapp()" class="primary-btn">Proceed to WhatsApp</a>
                </div>
            </div>
        </div> --}}
    </div>
</section>
<!-- Shop Cart Section End -->

<script>
function subqnt(InputBox,Product) 
{
    if(document.getElementById(InputBox).value>1)
    {   

        // var price =  document.getElementById(Price).value;              
        var qnt=eval(document.getElementById(InputBox).value)-1;
        document.getElementById(InputBox).value=qnt; 
        // document.getElementById()
        // document.getElementById("spanCartCount").innerHTML=data;  
        $.ajax({
        url: '{{ url('update-cart') }}',
        method: "patch",
        data: {_token: '{{ csrf_token() }}',id:Product,quantity:qnt },
                    success: function (response) { 
                    
                    document.getElementById('ProductTotalAmount'+Product).innerHTML=response;                    
                    // window.location.reload();
                     total();
                        }
                });        
    } 
}

function addqnt(InputBox,Product) 
{  

    
   
    if(document.getElementById(InputBox).value>0)
    {   
        var qnt=eval(document.getElementById(InputBox).value)+1;                
        document.getElementById(InputBox).value=qnt;               
        $.ajax({
        url: '{{ url('update-cart') }}',
        method: "patch",
        data: {_token: '{{ csrf_token() }}',id:Product,quantity:qnt },
                    success: function (response) {
                    //    var price = price;
                    // alert(response);
                     document.getElementById('ProductTotalAmount'+Product).innerHTML=response;                    
                    // window.location.reload();

                     total();
                    
                        }
                });        
    } 
}

function total(){

    $.ajax({
        url: '{{ url('totalprice') }}',
        method: "get",
        data: {_token: '{{ csrf_token() }}'},
                    success: function (response) { 
                        // alert(response);                              
                        // window.location.reload();
                        // document.getElementById('ProductTotalAmount'+Product).innerHTML=response;
                        document.getElementById('total').innerHTML=response;
                                    }
                });   

}

function removefromcart(row)
{  
    
    // if(confirm('Are you sure')){
        $.ajax({
            url: '{{ url('remove-from-cart') }}',
            method: "DELETE",
            data: {_token: '{{ csrf_token() }}', id:row },
            success: function (response) {                   
               
                $("#row" + row).remove();                        
                total();
                document.getElementById("spanCartCount").innerHTML=response;                      
                
               
            }
        });

    // }
}

function send_to_whatsapp(){        

$.get('/send-to-whatsapp', function(data){    

window.location.replace(data);
// alert(data);       

    });

}
</script>
@endsection