@extends('layouts.landingapp')
@section('content')
   <!-- Shop Cart Section Begin -->
   {{-- @php dd($storeid) @endphp --}}  
   <style>

   .proceed-whatsapp{
       margin-bottom:10px;
   }
       .phone{
        height: 50px;
    width: 100%;
    padding-left: 20px;
    font-size: 14px;
    color: #444444;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    margin-bottom: 20px;
       }
       .address{
        height: 130px;
    width: 100%;
    padding-left: 20px;
    padding-top: 12px;
    font-size: 14px;
    color: #444444;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    margin-bottom: 14px;
    resize: none;
}
    .ad-btn{
        font-size: 14px;
    color: #ffffff;
    background: #ca1515;
    font-weight: 600;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    }
       </style>
   <section class="shop-cart spad">
    <div class="container" id="cartdiv">
        <div class="row">
            <div class="col-lg-12">
                @if($Store)
                <div class="related__title text-center">
                    <h5>{{$Store->title}}</h5>
                </div>
                @endif
            </div>
           </div>           
        <div class="row">
            <div class="col-lg-12">                
                <div class="shop__cart__table table-responsive">                    
                    <table class="table">
                        <thead>
                            <tr> 
                                <th>Image</th>
                                <th>Product</th>
                                <th>Features</th>                               
                                <th>Price</th>
                                <th>Quantity</th>
                                <th>Total</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $total = 0 @endphp

                            @if($cartitem)
                                @foreach($cartitem as $details)

                                    @php $total += $details['price'] * $details['quantity'] @endphp
                            <tr id="row{{$details["id"]}}">
                                <td class="cart__price">
                                    <img style="width:100px; height:100px;" src="{{url('storage/images/products/'.$details['photo'])}}" alt="">
                                    {{-- <div class="cart__product__item__title">
                                        <h6>{{ $details['title'] }}</h6>                                        
                                    </div> --}}
                                </td>
                                <td class="cart__price">
                                    <div class="pl-3">
                                        @if($details['PropertyTypeValueIDs'] != [0])
                                        @foreach($details['PropertyTypeValueIDs'] as $id)
                                        @if($Value = App\ProductPropertyTypeValue::getValue($id))
                                            <p>{{$Value->title}}</p>
                                        @endif
                                        @endforeach
                                        @else   
                                        <p>not mentioned</p>
                                        @endif
                                    </div>
                                </td>
                                <td class="cart__price">
                                    <div class="pl-4">
                                        <h6>{{ $details['title'] }}</h6>                                        
                                    </div>
                                </td>
                                <td class="cart__price">@currency($details['price'])</td>
                                <td class="cart__quantity">
                                    <div class="quantity">
                                        <div class="d-flex" >
                                            <button class="btn btn-secondary"  onclick="subqnt('input{{$details["id"]}}',{{$details["id"]}})" >-</button>
                                                <input class="form-cotrol" style="width:50px;" id="input{{ $details["id"] }}" min="1" type="text"  value="{{ $details['quantity'] }}" readonly >
                                            <button class="btn btn-secondary" onclick="addqnt('input{{$details["id"]}}',{{$details["id"]}})">+</button>
                                        </div>
                                    </div>
                                </td>
                                <td class="cart__total total{{$details["id"]}}" id="ProductTotalAmount{{$details["id"]}}">@currency($details['price'] * $details['quantity'])</td>
                                <td class="cart__close"  onclick="removefromcart({{$details["id"]}})" style="text-align:center"><span class="icon_close"></span></td>
                            </tr>
                            @endforeach
                            @endif                        
                        </tbody>
                    </table>
                </div>                
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6">
                   {{-- <div class="contact__content">
                        <div class="contact__form">
                            <h5>Address</h5>
                                <input class="phone" type="text" placeholder="phone" value="{{$Phone}}" id="phone">
                        <textarea class="address" placeholder="Complete" id="address">{{$Address}}</textarea>                              
                        </div>
                    </div> --}}
            </div>
            <div class="col-lg-4 offset-lg-2">
                <div class="cart__total__procced">
                    <h6>Cart total</h6>
                    <ul>
                        <input type="hidden" value="{{$storeid}}" id="storeid">
                        <li id="cart-div">Total <span id="total">{{$total}}</span></li>  
                        {{-- <li>Total <span>$ 750.0</span></li> --}}
                    </ul>
                   {{-- <a onclick="send_to_whatsapp({{$storeid}})"  class="primary-btn proceed-whatsapp">Proceed to WhatsApp</a> --}}
                    {{--<form method="GET" action="{{route('Order.create')}}">
                    <input type="hidden" name="storeID" value="{{$storeid}}">
                    <div style="padding-top: 10px;"><button type="submit" >Place Order</button></div>
                    </form>--}}
                    <a href="{{route('placeOrder',$storeid)}}" class="primary-btn">Place Order</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(){    
  var storeID = document.getElementById('storeid').value;   
    $.ajax({
        url: '{{ url('totalprice') }}',
        method: "get",
        data: {_token: '{{ csrf_token() }}',stID:storeID},
                    success: function (response) { 
                      
                        // 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; 
                $('#cart-div').load(document.URL + ' #cart-div');                      
                
               
            }
        });

    // }
}

function send_to_whatsapp(storeid){   
    // var storeID = document.getElementById('storeid').value;
    var Address=document.getElementById('address').value;
    var Phone=document.getElementById('phone').value;
    $.ajax({
            url: '{{ url('send-to-whatsapp') }}',
            method: "GET",
            data: {_token: '{{ csrf_token() }}', storeID:storeid,Phone:Phone,Address:Address },
            success: function (response) {                   
               
                window.location.replace(response); 
               
            }
        });

}

// function address(){

//    var phone = document.getElementById("phone").value;
//    alert(phone);
// }

// function send_to_whatsapp(){        

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

// window.location.replace(data);
      

//     });

// }
</script>
@endsection