@extends('layouts.fillform')
@section('heading')
{{ $data->reference }}
@endsection
@section('logo')
{{ $data->logo }}
@endsection
@section('content')
<div class="jumbotron text-center">
    <h1 class="display-3">Thank You!</h1>
    <p class="lead"><strong>We have received your submission.</strong> </p>
        <table align="center" style="border: none;">
            @isset($data->submission_ref)
            <tr>
                <td align="right">Your reference : </td>
                <td>{{ $data->submission_ref }}</td>
            </tr>
            @endisset
            @if(isset($data->amount) && $data->amount > 10)
            <tr>
                <td align="right">Payment Amount : </td>
                <td>{{ number_format($data->amount,2) }}</td>
            </tr>
            <tr>
                <td align="right">Payment Method : </td>
                <td>{{ $data->payment_method }}</td>
            </tr>
            <tr>
                <td align="right">Payment Reference : </td>
                <td>{{ $data->payment_reference }}</td>
            </tr>
            <tr>
                <td align="right">Payment Time : </td>
                <td>{{ $data->payment_time }}</td>
            </tr>
            @endif
        </table>
    <hr>
    <p class="lead">
      <a class="btn btn-primary btn-sm" href="{{ env('APP_URL') }}" role="button">Visit homepage</a>
    </p>
</div>
@endsection
@section('footer')
<script type="text/javascript">
	$(document).ready(function(){
		//notification after payment failure
		@if (!empty(session('status')) && session('status')['success'] == 1)
            var msg = '{!!session('status')['msg']!!}';
            toastr.success(msg);
        @elseif(!empty(session('status')) && session('status')['success'] == 0)
        	var msg = '{!!session('status')['msg']!!}';
            toastr.error(msg);
        @endif
		$('span.currency').each(function(index, element){
			var money = __formatCurrency($(this).text());
			$(this).text(money);
		});
		
	});
</script>
@endsection