@extends('layouts.app')
<style type="text/css">
  
    p{
        color: #666;
        font-size: 18px;
        padding-bottom: 50px;
    }
    .message{
        text-align:center;
        padding:40px;
        margin-top: 20px;
    }
    #failed, #pending, #success{
        height: 4.5rem;
        width: 4.5rem;
        font-size: 2rem;
    }
</style>

@section('content')
<div class="col-xl-12 col-lg-12">
    <div class="card shadow mb-4">
        <!-- Card Body -->
        <div class="card-body">
            <div class="message"> 
                @if( request()->get('status')=='S' )
                    <button class="btn btn-circle btn-success btn-lg" id="success"><i class="fas fa-check"></i> </button>
                    <div class="d-sm-flex align-items-center mb-0">
                        <div class="h2 mb-0 text-success text-uppercase font-weight-bold" style="margin: 0 auto;margin-top:30px;padding-bottom:20px">Payment successful.</div>
                    </div>
                    <p>Thank you!<br> A confirmation email will be sent to you shortly.<br><br>
                    {{ request()->get('message') }}</p>
                @elseif(request()->get('status')=='P')
                    <button class="btn btn-circle btn-warning btn-lg" id="pending"><i class="fas fa-exclamation-triangle"></i> </button>
                    <div class="d-sm-flex align-items-center mb-0">
                        <div class="h2 mb-0 text-warning text-uppercase font-weight-bold" style="margin: 0 auto;margin-top:30px;padding-bottom:20px">Pending Payment.</div>
                    </div>
                    <p>Your purchase is not yet complete. We've sent you an email on how to pay your policy.</p>
                @elseif(request()->get('status')=='U')
                    <button class="btn btn-circle btn-danger btn-lg" id="failed"><i class="fas fa-times"></i></button>
                    <div class="d-sm-flex align-items-center mb-0">
                        <div class="h2 mb-0 text-danger text-uppercase font-weight-bold" style="margin: 0 auto;margin-top:30px;padding-bottom:20px">Payment failed.</div>
                    </div>
                    <p> Try again or use a different payment method.</p>
                @endif
                <a href="{{ route('location.create') }}" class="btn btn-info"><i class="fas fa-plus" style="font-size:14px"></i> New Transaction</a>
                @if($businessType == 'Travel Agency')
                    
                        <a href="{{ url('/surety/'.$transactionId) }}" class="btn btn-info btn-lg"><i class="fas fa-plus" style="font-size:14px"></i> <strong>Buy Surety Bond Insurance </strong></a>
                    
                @endif
            </div>
        </div>
    </div>
    
</div>
@endsection