@extends('master')

@php
$rentRequest = $request; 
@endphp

@section('content')
    <section id="review-page" class="bg-white">
        <div class="container">
		    <div class="row">
	            <div class="col-md-8 offset-md-2">
                	<hr class="dashboard-title-divider">
                        <input type="hidden" id='usrcode'  value="{{ $_GET['code'] }}" />
                        <h2>Betaling voltooien</h2> 
                        <hr class="my-4">
                                                                      
                        <p class="is-dark-gray my-4 line-g">Klik op onderstaande button om betaling te voltooien.</p>
                            
                        <!-- <p class="is-dark-gray my-4 line-g">Klik hier om de betaling te voltooien. {{-- $string --}}</p> -->
                        						
						<button class="btn btn-green mt-2 mb-4" id='paynow'>Direct betalen</button>
                        
                        <span class="is-bold text-16 mb-3 d-flex text-center">Gekozen inventarispakket:</span>
                        
                        <div class="grid-2 text-left">

                            <span class="is-normal text-14 is-dark-gray">{{ $request->inventory_package_label }}</span>
                            <span class="is-bold text-14 is-dark-gray text-right">€ {{ number_format($request->inventory_package_cost / 100, 2, ',', '.') }}</span>
                        
                        </div>
                        
                        <hr class="mb-4">
                        
                        <br /><br /><br /><br />
		            </div>
				</div>
            </div>
        </div>
    </section>
    <script type="text/javascript"  src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script type="text/javascript">
      jQuery('document').ready(function(){
           
        $("#paynow").click(function(){
             // if (confirm('Are you sure want to pay ?')){
                    $('#paynow').attr("disabled", true); 
                    $.ajax({

                        url : "{{route('payment.getpackagepay')}}",
                        method: 'Post',
                        dataType: "json",
                        data: {
                            "_token": "{{ csrf_token() }}",
                            "userid": "{{ $_GET['code'] }}"
                            },
                        success: function(response) {
                            if(response.status==1) {
                               window.location.href = response.link;
                            }
                        },
                        error: function(response) {
                            $('#paynow').attr("disabled", false); 
                            alert('Er is een fout in het betaalproces. Probeer het s.v.p. nogmaals of neem contact met ons.')
                        }
                    })
            //  }
        })
    
       	   
      })
    </script>

    @include('partials.footer_newsletter')

@endsection