@extends('welcome')

@section('content')
 <style> 
 .content-wrapper{min-height:0px !important;}
 .tnx_holder{font-family: 'Montserrat', sans-serif;text-align:center;padding: 50px 0px;}
.tnx_holder h1 {
    display: block;
    text-align: center;
    text-transform: capitalize;
    font-size: 60px;
	font-family: 'Montserrat', sans-serif;
}
.successfulImg{text-align:center;} 
.successfulImg img{width: 120px;} 
.tnx_holder p {
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #3c8dbc;
}
.bkToH{
	color: #fff;
    background: #17b286;
    padding: 13px 20px;
    margin-top: 15px;
    display: inline-block;
    text-transform: uppercase; 
    border-radius: 4px;
}
a.bkToH:hover{
	color:#fff;
}
a.bkToH:focus{
	color:#fff;
}
 </style>
        <div class="switchable bg--secondary space--md backgroundBdy" style="padding: 30px 0px;"> 
			<div class="container">
			    <div class="row"> 
				    <div class="col-md-12">
					    <!--<h2 class="title-head pdB-00" style="color: #223367;text-align: center;"> thank You for sharing <span style="color:rgb(0, 184, 248);;">  Paytm</span> order id with us Our team will contact you soon.</h2>--->
						<div class="tnx_holder">
						    <div class="successfulImg"><img src="{{ URL::asset('/images/payment-successful.png') }}" alt=""></div>
					         <h1>sorry!</h1>
							 <p>
							    Payment failed!!!
							 </p>
							 <a class="bkToH" href="{{url('/')}}"> <i class="fa fa-long-arrow-left" aria-hidden="true"></i> back to home</a>
						</div>
					</div>							
			    </div>
			</div>
		</div>	
<script>

$(document).ready(function(){ 
	
	$('#transactionForm').validate({ // initialize the plugin
        rules: {
            tx_id: {
                required: true
            },
        }
    });
	/*var iframe=$('#payment_iframe');
	iframe.load(function(){ 
		//iframe.contents().find( "div" ).css( "background-color", "#BADA55" );
		//iframe.contents().find('input#tAmount').val(5999); 
		//iframe.contents().find('#mobileNumber').val('5999'); 
	})*/
});
</script>
@endsection