@extends('reachassuree_agent/layouts.main')
@section('title', $data['title'])
@section('content')

<style type="text/css">
    .payment{
		border:1px solid #f2f2f2;
		height:max-content;
        border-radius:20px;
        background:#fff;
	}
    .payment_header{
        background: #1e7e34;
        padding: 20px;
        border-radius: 20px 20px 0px 0px;
    }
    .check{
        margin:0px auto;
        width:50px;
        height:50px;
        border-radius:100%;
        background:#fff;
        text-align:center;
    }
    .check i{
        vertical-align:middle;
        line-height:50px;
        font-size:30px;
        color: green;
    }
    .content{
        text-align:center;
    }
    .content  h1{
        font-size:25px;
        padding-top:25px;
    }
    .content a{
        width:200px;
        height:35px;
        color:#fff;
        border-radius:30px;
        padding:5px 10px;
        background:#1e7e34;
        transition:all ease-in-out 0.3s;
    }
    .content a:hover{
        text-decoration:none;
        background:#000;
    }
</style>

<div class="page-content">
<div class="row">
    <div class="col-md-8 mx-auto">
        <div class="payment">
            <div class="payment_header">
                <div class="check"><i class="mdi mdi-check-all"></i></div>
                <h6 class="text-center text-white mb-0 mt-2 font-size-14">{{ date('d F Y') }}</h6>
            </div>
            <div class="content mt-0 py-4">
                <h1 class="mb-3 pt-2">Refund Transaction Successful!</h1>
                <h6 class="font-size-14">We are pleased to inform you that your refund has been processed successfully, and the amount will be credited to your account within the next 2-3 working days. Please note that the refund will be sent to the bank details you provided when you initially purchased the plan. If you have any further questions or require assistance, please don't hesitate to reach out to our customer support team.</h6>
            </div>
        </div>
    </div>
</div>
</div>  
@endsection