@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"> 
             
                   
                    <div class="d-sm-flex align-items-center mb-0">
                        <div class="h2 mb-0 text-info text-uppercase font-weight-bold" style="margin: 0 auto;margin-top:30px;padding-bottom:20px">Pending Payment</div>
                    </div>
                <p>How to pay?<br> 1. Download or have a screenshot of this file. <a href="{{url('download-payment-voucher/'.$certificate_no.'/'.$description.'/'.$amount)}}" target="_blank">Payment Voucher</a><br>
                        2. Go to your Local Government Unit Office and look for the insurance section. <br/>
                        3. Show  your payment voucher to the cashier. <br/>
                        <br><br>
                   
               
           
                <a href="{{ route('location.create') }}" class="btn btn-info"><i class="fas fa-plus" style="font-size:14px"></i> New Transaction</a>
            </div>
        </div>
    </div>
    
</div>
@endsection