@extends('master')

@section('content')

    <!-- SECTION FOR VIEWCART -->
          
    <section class="">
        <div class="container">
            <div  id="rugsart-content-wrapper">
                <!-- Bread Crumb -->
                <div class="col-md-12 col-sm-12 col-xs-12 bread-crumb">Order Confirmation</div>

                <!-- ViewCart Container -->
                <div class="col-md-12 col-sm-12 col-xs-12 viewcart-container">
                   <div class="row">
                    <div class="col-md-6">
                        <h4>Billing Detail</h4>
                        <p>
                            <b style="text-transform: capitalize;">{{$billing->firstname." ".$billing->lastname}}</b><br/>
                            {{$billing->address}}<br/>
                            {{$billing->city}},
                            {{$billing->state}} - {{$billing->zip}}<br/>
                            {{$billing->country->country_name}}<br/>
                            Ph:{{$billing->phone}}<br/>
                            Email:{{$billing->email}}<br/>

                        </p>
                        
                    </div>

                    <div class="col-md-6">
                        <h4>Shipping Detail</h4>
                        <p>
                            <b style="text-transform: capitalize;">{{$shipping->firstname." ".$shipping->lastname}}</b><br/>
                            {{$shipping->address}}<br/>
                            {{$shipping->city}},
                            {{$shipping->state}} - {{$shipping->zip}}<br/>
                            {{$shipping->country->country_name}}<br/>
                            Ph:{{$shipping->phone}}<br/>
                            Email:{{$shipping->email}}<br/>

                        </p>
                        
                    </div>
                    </div>
                    
                    
                    <!-- Viewcart table -->
                    @foreach($cartItem as $row)

                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <tr>
                                <th>design</th>
                                <th>name</th>
                                <th>size</th>
                                <th>quantity</th>
                                <th>price</th>
                                
                                <th>amount</th>
                               
                                
                               

                            </tr>
                            <tr>
                                <td> <img src="{{$row->options->image}}" width="50" /></td>
                                <td><span class="text-uppercase">{{ $row->name}}</span> - {{$row->options->color}}</td>
                                <td>{{$row->options->size}}</td>
                                
                                <td>{{$row->qty}}</td>
                                <td>{{number_format($row->price,2)}}</td>
                                <td>${{number_format(Cart::total(),2)}}</td>
                                
                               

                               
                            </tr>
                            <tr>
                                <td colspan="6" class="note">Note: {{$order->order_remarks}}</td>
                            </tr>
                        </table>
                        


                    </div>

                    @endforeach
                   
                    <div class="row">
                        <form action="{{url('order/paymentrequest')}}" method="GET" onSubmit="return paynow(); ">
                            <div class="col-md-10 text-right">
                            <input type="checkbox" name="agree" id="agree"> &nbsp;I have read and agree to the <a target="_blank" href="{{url('page/terms-and-conditions')}}">Terms and Conditions</a>
                            </div>
                            <div class="col-md-2">
                                    <div class="pull-right"><button type="submit" href="" class="btn btn-lg btn-danger">Pay Now</button></div>
                            </div>
                        </form>
                    </div>

                    <div class="row">
                    &nbsp;&nbsp;&nbsp;&nbsp;<img src="{{url('safekey/amx_sk_bbl_rm_rgb_45px_pref.gif')}}">
                        &nbsp;&nbsp;&nbsp;<a href="{{url('safekey/SafeKey_2_0_Branding_Guidelines_English_Oct 2017.pdf')}}" target="_blank">Amex Brand Guidelines</a>
                        &nbsp;&nbsp;|&nbsp;&nbsp; <a href="{{url('safekey/SafeKey_Merchant_Product_Overview_Global.pdf')}}" target="_blank">Amex SafeKey Overview</a>
                    </div>

                    

                </div>
            </div>
        </div>
    </section>
    
@stop

@section('scriptBlock')
    <script type="text/javascript">
        function paynow(){
            if(document.getElementById('agree').checked) { 
                //location.href="{{url('order/paymentrequest')}}";
                //prevent_default();
                return true; 
            } else { 
                alert('Please indicate that you have read and agree to the Terms and Conditions'); 
                return false; 
            }
        }
    </script>

    @endsection