{% extends 'layouts/base.html.twig' %}

{% set titre ='Veuillez valider le paiement' %}
{% block title %}
	{{ titre }}
{% endblock %}
{% block body %}
	<section class="mt-7 py-0">
		<div class="bg-holder w-50 bg-right d-none d-lg-block" style="background-image:url({{ asset('assets/img/gallery/hero-section-1.png')}};"></div>
		<div class="container">
			<div class="row">
				<div class="col-12 col-md-8 col-xl-5">
					<h1>{{titre}}</h1>
					<input type="hidden" id="tarif" value="{{ tarif }}">
					<input type="hidden" id="agence" value="{{ agence }}">
					<input type="hidden" id="requestToStatus" value="/reqtostatus">
					<input type="hidden" id="urlSuccess" value="/agence/majagence">
					<input type="hidden" id="urlEchec" value="/schedule">
					<img width="40%" src="{{ asset('assets/img/icons/encoursexecution.gif')}}">
					<h2>Tapez *105# pour valider le paiement Mobile Money sur votre téléphone.</h2>
					<br>
					<br>
					<h2>
						<div id="api-data"></div>
					</h2>
				</div>
				<div class="col-lg-2 d-none d-lg-block">
					<img width="500" src="{{ asset('assets/img/gallery/KD-PROFIL-4.jpg')}}" alt="Description de l'image">
				</div>
			</div>
		</div>
	</section>
{% endblock %}
{% block javascript %}
	{{ parent()}}
	<script src="{{asset('assets/js/paymentstatus.js')}}"></script>
	<script type="text/javascript">
		history.pushState(null, null, window.location.href);
window.onpopstate = function () {
history.go(1);
};
	</script>

{% endblock %}