@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"> 
                <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 Transaction.</div>
                </div>
                <p>
                    Your insurance policy is pending for verification. <br>
                    Policy Authentication will be sent to your email address upon successful verification. <br>
                    Thank you!<br> </p>
                
                <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