@extends('layouts.landingapp')
@section('content')
<section class="shop-cart spad">
	<div class="container">
			<div class="card text-center">
				<div class="card-header">
                 <div class="row">
                    <div class="col-md-4">
                     <h5><b><span>Order No:</span> <span>#{{$CustOrder->id}}</span></b></h5>
                    </div>
                    <div class="col-md-4">
                   <h4><B>{{$CustOrder->store->title}}</B></h4>
                    </div>
                 </div>
				</div>
				<div class="card-body">
                <div class="shop__cart__table"> 
                   <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>SI.NO</th>
                                <th>Product</th>
                                <th>Image</th>
                                <th>Price</th>
                                <th>QTY</th>
                                <th>Total</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                        @php $i=1; @endphp
                        @foreach($CustOrder->orderdetails as $item)
                            <tr>
                                <td>{{$i++}}</td>
                                <td>{{$item->product->title}}</td>
                                <td><img style="width:100px; height:100px;" src="{{url('storage/images/products/'.$item->product->image)}}" alt=""></td>
                                <td>{{$item->quantity}}</td>
                                <td>@currency($item->product->sales_amount)</td>
                                <td>{{$item->quantity * $item->product->sales_amount}}</td>
                            </tr>
                            @endforeach
                            <tr>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td colspan="2"><B>Total: <span>{{$toatlamount}}</span></B></td>
                            </tr>
                        </tbody>
                    </table>
                   </div>
                </div>
				</div>
				{{--<div class="card-footer">
				  <div class="proceed text-right">
                        <a href="#" class="primary-btn proceed-btn">Proceed to chekout</a>
                        <a href="#" class="primary-btn ">Cash on delivery</a>                    
                  </div>
			    </div> --}}
    </div> 
</section>

<section class="shop-cart spad">
	<div class="container">
        <div class="row">
            <div class="col-md-12">  
                <div class="mb-3">
                    <h4>Choose your address</h4>
                </div>
            </div>           
        </div>
        <div class="row">            
            <div class="col-md-12">                
                <form method="POST" action="{{route('cashonDelivery')}}">
                    @csrf
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <h5>@if($User->personalinformation->count() != null) Select Address @else Add Address @endif</h5>
                                @php $i=1; @endphp
                            </div>
                        </div>
                    @foreach($User->personalinformation as $address)
                    @if($address->housename != null)
                     <div class="col-md-12">                   
                        <div class="form-check">
                            <input class="form-check-input" type="radio"  onclick="selectid(this);"  id="address{{$address->id}}" name="personalInformationID" value="{{$address->id}}">
                            <label class="form-check-label" for="exampleRadios2">
                              <span>{{$address->housename}}, {{$address->street}}, {{$address->landmark}}, {{$address->state}}, {{$address->city}}, {{$address->pin}}</span>
                            </label>
                        </div>
                    </div>
                      @endif
                    @endforeach
                    </div>
                    <div class="row mt-3">
                        <div class="col-md-12">
                            <a class="btn btn-info" onclick="uncheck()" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
                                @if($User->personalinformation->count() != null) Other Address @else Cick here @endif
                            </a>
                        </div>
                    </div>
                    <input type="hidden" name="orderID" value="{{$CustOrder->id}}">
                    <input type="hidden" name="StoreID" value="{{$StoreID}}">
                   
                    <div class="collapse" id="collapseExample">
                        <div class="row mt-5">
                                <div class="col-md-6">                          
                                    <div class="form-group">
                                        <label for="housename">House Name/Flat No.</label>
                                        <input type="text" class="form-control" name="housename" id="housename" placeholder="house name/ flat" required>
                                    </div>
                                </div>
                                <div class="col-md-6">                           
                                    <div class="form-group">
                                        <label for="street">Street</label>
                                        <input type="text" class="form-control" name="street" id="street" placeholder="street" required>
                                    </div>
                                </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="landmark">Landmark</label>
                                    <input type="text" class="form-control" name="landmark" id="landmark" placeholder="landmark" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="city">City</label>
                                    <input type="text" class="form-control" name="city" id="city" placeholder="city" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="state">State</label>
                                    <input type="text" class="form-control" name="state" id="state" placeholder="state" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="name">Pin</label>
                                    <input type="number" class="form-control" name="pin" id="pin" placeholder="enter your pincode" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="name">Name</label>
                                    <input type="text" class="form-control" name="name" id="name" placeholder="your name" required>
                                </div>                              
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="email">Email</label>
                                    <input type="email" class="form-control" name="email" id="email" placeholder="your email" required>
                                </div>
                            </div>
                        </div>                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="phone">Mobile</label>
                                    <input type="number" class="form-control" name="phone" id="phone" placeholder="mobile" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                               
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                        </div>
                        <div class="col-md-6">
                            <div class="mt-3">
                                <button type="submit" class="primary-btn" style="border:none;">Cash on Delivery</button>
                            </div>
                        </div>
                    </div>                    
                  </form>
            </div>
        </div>
    </div>
</section>

<script>
    function selectid(Data){
    if(Data.checked == true){
        document.getElementById("housename").required = false;
        document.getElementById("street").required = false;
        document.getElementById("landmark").required = false;
        document.getElementById("city").required = false;       
        document.getElementById("name").required = false;
        document.getElementById("email").required = false;
        document.getElementById("phone").required = false;
        document.getElementById("state").required = false;
        document.getElementById("pin").required = false;
    }
}

function uncheck() {    
    // document.getElementById("address1").checked = false;
    // document.getElementById("address2").checked = false;   
    @foreach($User->personalinformation as $address)
        @if($address->housename != null)
        document.getElementById("address{{$address->id}}").checked  = false;
        @endif
    @endforeach

    document.getElementById("housename").required = true;
    document.getElementById("street").required = true;
    document.getElementById("landmark").required = true;
    document.getElementById("city").required = true;
    document.getElementById("name").required = true;
    document.getElementById("email").required = true;
    document.getElementById("phone").required = true;
    document.getElementById("state").required = true;
    document.getElementById("pin").required = true;

}
</script>

@endsection