{% extends 'D2CustomerBusinessBundle::layout.html.twig' %}

{% block head_script_extra %} 
<script type="text/javascript" src="{{ asset('bundles/d2customerbusiness/js/payfast.js') }}"></script>
{% endblock head_script_extra %}

{% block head_css_extra %} 
{% endblock head_css_extra %}

{% block page_header %}
<div>
	<p>Payment via <code>PayFast</code></p>
</div>
{% endblock page_header %}

{% block content %}
<div class="offset3 span6">
	<div class="well">
		<h2>Online Payment via <img class="large_img" src="{{ asset('bundles/d2core/images/payfast.png') }}" alt="PayFast" style="width:160px"/></h2>
		{% if mode == 1 %}
		<p>Thank you for your order. An invoice ({{ doc_no }}) to the amount of <b>R{{ amount }}</b> has been generated and emailed to you.</p>
		{% else %}
		<p>Online payment for invoice <b>{{ doc_no }}</b> to the amount of <b>R{{ amount }}</b>.</p>
		{% endif %}
		<p>When you click on the <b>Pay Now</b> button below, you will be re-directed to the PayFast system for payment. Once your payment has been completed, you will be automatically re-directed
		back to our system. The items in the invoice will be provisioned on successful payment.</p>
		<p>We support both <b>Instant EFT</b> and <b>Credit Card</b> transactions on the PayFast system.</p>
		<div id="payment_div">
			<a href="javascript:request_payment('{{ id }}', '{{ mode }}')" class="btn btn-large btn-primary pull-right">Pay Now</a>
		</div>
	</div>
	{% if mode == 1 %}
	<div>
		<p><i>(Please note that should your transaction not be successfull, you can retry the payment by viewing your <b>Company Documents</b> in the <b>Sms Shop</b> menu. Alternatively you can manually EFT and forward the payment confirmation to us.)</i></p>
	</div>	
	{% endif %}
</div>
{% endblock content %}