1{if $showRemoteInput}
2 <div id="frmRemoteCardProcess" class="text-center" align="center">
3 {$remoteInput}
4 <iframe name="ccframe" class="auth3d-area" width="90%" height="600" scrolling="auto" src="about:blank"></iframe>
5 </div>
6
7 <script language="javascript">
8 jQuery("#frmRemoteCardProcess").find("form:first").attr('target', 'ccframe');
9 setTimeout("autoSubmitFormByContainer('frmRemoteCardProcess')", 1000);
10 </script>
11{else}
12 {include file="$template/payment/$cardOrBank/validate.tpl"}
13 <form id="frmPayment" method="post" action="{$submitLocation}" class="form-horizontal" role="form">
14 <input type="hidden" name="invoiceid" value="{$invoiceid}" />
15
16 <div class="row">
17 <div class="col-md-7">
18
19 {if $errormessage}
20 {include file="$template/includes/alert.tpl" type="error" errorshtml=$errormessage}
21 {/if}
22
23 <div class="alert alert-danger text-center gateway-errors w-hidden"></div>
24
25 <div class="form-group">
26 <label class="col-sm-4 control-label">
27 {lang key='paymentmethod'}
28 </label>
29 <div class="col-sm-8">
30 {include file="$template/payment/$cardOrBank/select.tpl"}
31 </div>
32 </div>
33
34 {if !$hasRemoteInput}
35 {include file="$template/payment/$cardOrBank/inputs.tpl"}
36 {/if}
37 <div id="btnSubmitContainer" class="form-group submit-container">
38 <div class="text-center">
39 <button type="submit" class="btn btn-primary btn-lg margin-top-5" id="btnSubmit" value="{lang key='submitpayment'}">
40 <span class="pay-text">{lang key='submitpayment'}</span>
41 <span class="click-text w-hidden">{lang key='pleasewait'}</span>
42 </button>
43 </div>
44 </div>
45
46 </div>
47 <div class="col-md-5">
48 {include file="$template/payment/invoice-summary.tpl"}
49 </div>
50 </div>
51
52 {if $servedOverSsl}
53 <div class="alert alert-warning" role="alert">
54 <i class="fas fa-lock"></i> {lang key='creditcardsecuritynotice'}
55 </div>
56 {/if}
57
58 </form>
59
60 <script>
61 jQuery(document).ready(function() {
62 jQuery('#inputCardCvv, #inputCardNumber').filter(':visible').first().focus();
63 });
64 </script>
65{/if}
66