@extends('layouts.app-home')
@section('content')
<div class="ltn__breadcrumb-area text-left bg-overlay-white-30 ">
        <div class="container">
            <div class="row direction">
                <div class="col-lg-6">
                    <div class="ltn__breadcrumb-inner mt-2">
                        <h2 class="page-title" style="margin-bottom: 0px;">Checkout</h2>
                        
                    </div>
                </div>
                <div class="col-lg-6">

                	<div class="ltn__breadcrumb-list mt-1" style="text-align: right;  padding-top: 12px;">
                            <ul>
                                <li><a href="{{url('user/dashboard')}}"><span class="ltn__secondary-color"><i class="icon-home"></i></span>  Home</a></li>
                                <li><i class="icon-angle-right"></i></li>
                                <li>Checkout</li>
                            </ul>
                        </div>
                  </div>
            </div>
        </div>
    </div>
<div class="secondary_page_wrapper pt-4" style="    background: #f8f8f8;">

<div class="checkout pt-5 pb-5">
            <div class="container">
                
                    <div class="row">

                        
                            
                            <div class="col-md-7 mb-3">
                            <h3 class="mb-2">Shipping Address</h3>

                                <div class="shipping-address p-2">
                                    <h5>Shipping Address</h5>

                                                                        <div class="mt-3" id="hiddenrow27">
                                        <input type="radio" id="ad-27" name="shippingAddress" value="27" location="1" onclick="ShippedChanged(27,1)">
                                        <label for="ad-1" class="m-0 ml-1">Manish  KUmar</label>
                                        <p>noida, up, Saudi Arabia - 20130 <span class="badge badge-primary"> Inside Riyadh </span>
                                        <a class="text-success mr-3 float-right" data-toggle="modal" data-target="#add-address-modal" href="#" onclick="editAddress(27)"><i class="icofont-ui-edit"></i> Edit</a> 
                                        <a class="text-danger float-right" data-toggle="modal" data-target="#delete-addressconfirm-modal" onclick="deleteAddress(27)" href="#"><i class="icofont-ui-delete"></i> Delete</a></p>
                                    </div>
                                    <br>
                                    <hr>
                                                                       <p>
                                        <a onclick="addAddress()" class="main-color" href="javascript:void(0)" data-toggle="modal" data-target="#add-address-modal"><i class="fa fa-plus mr-1"></i> Add New Address</a>
                                    </p>
                                </div>

                            
                            </div>

                            <div class="col-md-5">
                                <!-- <h3 class="mb-2">Coupon</h3>
                                <div id="showCoupon">
                                    <form class="mb-3" id="appliesCoupon">
                                        <div class="input-group mb-3">
                                            <input type="text" name="coupon" class="form-control" maxlength="10">
                                            <input type="hidden" name="productid" value="155" id="productid">
                                            <div class="input-group-prepend">
                                                <button class="btn btn-primary" type="submit" id="button-addon1">Enter</button>
                                            </div>
                                        </div>
                                    </form>
                                </div> -->
                                
                                <div id="removeCoupon" style="display: none;">
                                </div>
                                <p class="coupon text-danger pb-3"></p>

                                <div class="order-summary p-2 mt-2 ">
                                <h3 class="mb-2">Order Summary</h3>
                                    <a href="{{url('user/checkout')}}" class=" pull-right " title="Refresh Page" style=" margin-top: -22px;"><i class="fa fa-refresh" aria-hidden="true"></i></a>
                                    <hr>

                                    <div class="checkoutData">
                                    @php $totalprice=null; @endphp
                                    @foreach($cart as $val)
                                        <div class="row">
                                        <div class="col-lg-3 text-center">
                                            <div class="thum-img">
                                            @if($val->product->main_img)
                                            <img src="{{url('media/product/'.@$val->product->main_img)}}" alt="{{$val->product->title}}" style=" width:80px;height: 80px;object-fit: cover;">     
                                           @else
                                            <img src="{{url('adminAssets/assets/img/default.png')}}" alt="{{$val->product->title}} " style=" width:80px;height: 80px;object-fit: cover;">
                                            @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-7">
                                            <h5 style="margin-bottom: 5px;">{{$val->product->title}}</h5>
                                            <p style="margin-bottom: 0px;"> <span class="main-color font-weight-bold">{{$val->qty}}</span> X <!--Amount--> 
                                            @if($val->product->discount_price!='0')
                                                            <ins>£ @php echo $price=$val->product->price-$val->product->discount_price; @endphp</ins>
                                                            @else
                                                            <ins>£  @php echo $price=$val->product->price; @endphp</ins>
                                                            @endif</p>                              
                                            
                                        </div>
                                        <div class="col-lg-2 text-center">
                                            <span class="re-pro btn btn-danger" onclick="removecart({{$val->id}})"> <i class="fa fa-trash"></i> </span>
                                        </div>
                                    </div>
                                    @php $totalprice +=$price*$val->qty; @endphp
                                    @endforeach
                                    </div>
                                    <hr>
                                                 


                                    <ul class="list-unstyled bg-white">
                                        <li>Sub Total<span class="float-right"><span class="checkoutSubTotal"> {{$totalprice}}</span> £ </span></li>
                                        <li class="chkCouponAmt" style="display: none;">Coupon Discount<span class="float-right"><span class="checkoutcouponDiscount">0</span> £ </span></li>
                                        <li>VAT (<span class="vattext1">{{$setting->tax}}</span>%)<span class="float-right">@php echo $vat=$totalprice*$setting->tax/100; @endphp  £ </span></li>
                                        <!-- <li>Delivery Amount <span class="float-right"><span class="checkoutShippingCharge">0</span> SAR </span></li> -->

                                        <li><b>Total Price <span class="float-right"><span class="checkoutTotalPrice">{{$totalprice+$vat}}</span> £ </span> <span class="checkoutTotalPrice2" style="opacity:0;">{{$totalprice+$vat}}</span></b></li>
                                        
                                    </ul>
                                    <a class="button_blue btn btn-primary" href="{{url('user/payment')}}" style="width:100%">Proceed to Pay</a>

                                </div>
                            </div>

                </div>

            </div>
        </div>
</div>

@endsection
@section('script')

@endsection