CRM-20264, Added Card type and Pan Truncation form fields on Payment form
[civicrm-core.git] / templates / CRM / Contribute / Form / AdditionalPayment.tpl
1 {*
2 +--------------------------------------------------------------------+
3 | CiviCRM version 4.7 |
4 +--------------------------------------------------------------------+
5 | Copyright CiviCRM LLC (c) 2004-2017 |
6 +--------------------------------------------------------------------+
7 | This file is a part of CiviCRM. |
8 | |
9 | CiviCRM is free software; you can copy, modify, and distribute it |
10 | under the terms of the GNU Affero General Public License |
11 | Version 3, 19 November 2007 and the CiviCRM Licensing Exception. |
12 | |
13 | CiviCRM is distributed in the hope that it will be useful, but |
14 | WITHOUT ANY WARRANTY; without even the implied warranty of |
15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. |
16 | See the GNU Affero General Public License for more details. |
17 | |
18 | You should have received a copy of the GNU Affero General Public |
19 | License and the CiviCRM Licensing Exception along |
20 | with this program; if not, contact CiviCRM LLC |
21 | at info[AT]civicrm[DOT]org. If you have questions about the |
22 | GNU Affero General Public License or the licensing of CiviCRM, |
23 | see the CiviCRM license FAQ at http://civicrm.org/licensing |
24 +--------------------------------------------------------------------+
25 *}
26 {if $transaction}
27 {if !empty($rows)}
28 <table id='info'>
29 <tr class="columnheader">
30 <th>{ts}Amount{/ts}</th>
31 <th>{ts}Type{/ts}</th>
32 <th>{ts}Payment Method{/ts}</th>
33 <th>{ts}Received{/ts}</th>
34 <th>{ts}Transaction ID{/ts}</th>
35 <th>{ts}Status{/ts}</th>
36 </tr>
37 {foreach from=$rows item=row}
38 <tr>
39 <td>{$row.total_amount|crmMoney:$row.currency}</td>
40 <td>{$row.financial_type}</td>
41 <td>{$row.payment_instrument}{if $row.check_number} (#{$row.check_number}){/if}</td>
42 <td>{$row.receive_date|crmDate}</td>
43 <td>{$row.trxn_id}</td>
44 <td>{$row.status}</td>
45 </tr>
46 {/foreach}
47 <table>
48 {else}
49 {if $component eq 'event'}
50 {assign var='entity' value='participant'}
51 {else}
52 {assign var='entity' value=$component}
53 {/if}
54 {ts 1=$entity}No payments found for this %1 record{/ts}
55 {/if}
56 {if !$suppressPaymentFormButtons}
57 <div class="crm-submit-buttons">
58 {include file="CRM/common/formButtons.tpl"}
59 </div>
60 {/if}
61 {else}
62
63 <div class="crm-block crm-form-block crm-payment-form-block">
64
65 {if !$email}
66 <div class="messages status no-popup">
67 <div class="icon inform-icon"></div>&nbsp;{ts}You will not be able to send an automatic email receipt for this payment because there is no email address recorded for this contact. If you want a receipt to be sent when this payment is recorded, click Cancel and then click Edit from the Summary tab to add an email address before recording the payment.{/ts}
68 </div>
69 {/if}
70 {if $newCredit AND $contributionMode EQ null}
71 {if $contactId}
72 {capture assign=ccModeLink}{crmURL p='civicrm/payment/add' q="reset=1&action=add&cid=`$contactId`&id=`$id`&component=`$component`&mode=live"}{/capture}
73 {/if}
74 {if $paymentType eq 'owed'}
75 <div class="action-link css_right crm-link-credit-card-mode">
76 <a class="open-inline-noreturn action-item crm-hover-button" href="{$ccModeLink}">&raquo; {ts}submit credit card payment{/ts}</a>
77 </div>
78 {/if}
79 {/if}
80 <div class="crm-submit-buttons">
81 {include file="CRM/common/formButtons.tpl"}
82 </div>
83 <table class="form-layout-compressed">
84 <tr>
85 <td class="font-size12pt label"><strong>{if $component eq 'event'}{ts}Participant{/ts}{else}{ts}Contact{/ts}{/if}</strong></td><td class="font-size12pt"><strong>{$displayName}</strong></td>
86 </tr>
87 {if $contributionMode}
88 <tr class="crm-payment-form-block-payment_processor_id"><td class="label nowrap">{$form.payment_processor_id.label}<span class="crm-marker"> * </span></td><td>{$form.payment_processor_id.html}</td></tr>
89 {/if}
90 {if $eventName}
91 <tr>
92 <td class='label'>{ts}Event{/ts}</td><td>{$eventName}</td>
93 </tr>
94 {/if}
95 <tr class="crm-payment-form-block-total_amount">
96 <td class="label">{$form.total_amount.label}</td>
97 <td>
98 <span id='totalAmount'>{$form.currency.html|crmAddClass:eight}&nbsp;{$form.total_amount.html|crmAddClass:eight}</span>&nbsp; <span class="status">{if $paymentType EQ 'refund'}{ts}Refund Due{/ts}{else}{ts}Balance Owed{/ts}{/if}:&nbsp;{$paymentAmt|crmMoney}</span>
99 </td>
100 </tr>
101 </table>
102
103 <div class="crm-accordion-wrapper crm-accordion_title-accordion crm-accordion-processed" id="paymentDetails_Information">
104 {if !$contributionMode}
105 <div class="crm-accordion-header">
106 {if $paymentType EQ 'refund'}{ts}Refund Details{/ts}{else}{ts}Payment Details{/ts}{/if}
107 </div>
108 <div class="crm-accordion-body">
109 <table class="form-layout-compressed" >
110 <tr class="crm-payment-form-block-trxn_date">
111 <td class="label">{$form.trxn_date.label}</td>
112 <td>{$form.trxn_date.html}<br />
113 <span class="description">{ts}The date this payment was received.{/ts}</span>
114 </td>
115 </tr>
116 <tr class="crm-payment-form-block-payment_instrument_id">
117 <td class="label">{$form.payment_instrument_id.label}</td>
118 <td >{$form.payment_instrument_id.html} {help id="payment_instrument_id"}</td>
119 </td>
120 </tr>
121 {if $showCheckNumber || !$isOnline}
122 <tr id="checkNumber" class="crm-payment-form-block-check_number">
123 <td class="label">{$form.check_number.label}</td>
124 <td>{$form.check_number.html}</td>
125 </tr>
126 {/if}
127 <tr class="crm-payment-form-block-trxn_id">
128 <td class="label">{$form.trxn_id.label}</td>
129 <td>{$form.trxn_id.html} {help id="id-trans_id"}</td>
130 </tr>
131 {if $email and $outBound_option != 2}
132 <tr class="crm-payment-form-block-is_email_receipt">
133 <td class="label">
134 {$form.is_email_receipt.label}</td><td>{$form.is_email_receipt.html}&nbsp;
135 <span class="description">{ts 1=$email}Automatically email a receipt to %1?{/ts}</span>
136 </td>
137 </tr>
138 {/if}
139 <tr id="fromEmail" class="crm-payment-form-block-receipt_date" style="display:none;">
140 <td class="label">{$form.from_email_address.label}</td>
141 <td>{$form.from_email_address.html}</td>
142 </tr>
143 <tr id='notice' class="crm-event-eventfees-form-block-receipt_text">
144 <td class="label">{$form.receipt_text.label}</td>
145 <td><span class="description">
146 {ts}Enter a message you want included at the beginning of the confirmation email.{/ts}
147 </span><br />
148 {$form.receipt_text.html|crmAddClass:huge}
149 </td>
150 </tr>
151 <tr class="crm-payment-form-block-fee_amount"><td class="label">{$form.fee_amount.label}</td><td>{$form.fee_amount.html|crmMoney:$currency:'XXX':'YYY'}<br />
152 <span class="description">{ts}Processing fee for this transaction (if applicable).{/ts}</span></td></tr>
153 <tr class="crm-payment-form-block-net_amount"><td class="label">{$form.net_amount.label}</td><td>{$form.net_amount.html|crmMoney:$currency:'':1}<br />
154 <span class="description">{ts}Net value of the payment (Total Amount minus Fee).{/ts}</span></td></tr>
155 </table>
156 </div>
157 {/if}
158 {include file='CRM/Core/BillingBlockWrapper.tpl'}
159 </div>
160
161 {literal}
162 <script type="text/javascript">
163
164 var url = "{/literal}{$dataUrl}{literal}";
165
166 CRM.$(function($) {
167 showHideByValue( 'is_email_receipt', '', 'notice', 'table-row', 'radio', false );
168 showHideByValue( 'is_email_receipt', '', 'fromEmail', 'table-row', 'radio', false );
169 });
170 {/literal}
171 </script>
172
173 <br />
174 <div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="bottom"}</div>
175 </div>
176 {literal}
177 <script type="text/javascript">
178 function verify() {
179 if (cj('#is_email_receipt').prop('checked')) {
180 return confirm( '{/literal}{ts escape='js'}Click OK to save this payment record AND send a receipt to the contributor now{/ts}{literal}.' );
181 }
182 }
183 CRM.$(function($) {
184 var $form = $('form.{/literal}{$form.formClass}{literal}');
185 checkEmailDependancies();
186 $('#is_email_receipt', $form).click(function() {
187 checkEmailDependancies();
188 });
189
190 function checkEmailDependancies() {
191 if ($('#is_email_receipt', $form).attr('checked')) {
192 $('#fromEmail, #notice', $form).show();
193 $('#receiptDate', $form).hide();
194 }
195 else {
196 $('#fromEmail, #notice', $form).hide( );
197 $('#receiptDate', $form).show();
198 }
199 }
200
201 // bind first click of accordion header to load crm-accordion-body with snippet
202 $('#adjust-option-type', $form).hide();
203 $('.crm-ajax-accordion .crm-accordion-header', $form).one('click', function() {
204 loadPanes($(this).attr('id'));
205 });
206 $('.crm-ajax-accordion:not(.collapsed) .crm-accordion-header', $form).each(function(index) {
207 loadPanes($(this).attr('id'));
208 });
209 // load panes function call for snippet based on id of crm-accordion-header
210 function loadPanes(id) {
211 var url = "{/literal}{crmURL p='civicrm/payment/add' q='formType=' h=0}{literal}" + id;
212 {/literal}
213 {if $contributionMode}
214 url += "&mode={$contributionMode}";
215 {/if}
216 {if $qfKey}
217 url += "&qfKey={$qfKey}";
218 {/if}
219 {literal}
220 if (!$('div.'+ id, $form).html()) {
221 CRM.loadPage(url, {target: $('div.' + id, $form)});
222 }
223 }
224
225 $('#fee_amount', $form).change( function() {
226 var totalAmount = $('#total_amount', $form).val();
227 var feeAmount = $('#fee_amount', $form).val();
228 var netAmount = totalAmount.replace(/,/g, '') - feeAmount.replace(/,/g, '');
229 if (!$('#net_amount', $form).val() && totalAmount) {
230 $('#net_amount', $form).val(CRM.formatMoney(netAmount, true));
231 }
232 });
233 });
234
235 </script>
236 {/literal}
237 {if !$contributionMode}
238 {include file="CRM/common/showHideByFieldValue.tpl"
239 trigger_field_id ="payment_instrument_id"
240 trigger_value = '4'
241 target_element_id ="checkNumber"
242 target_element_type ="table-row"
243 field_type ="select"
244 invert = 0
245 }
246 {/if}
247 {/if}