Merge pull request #583 from yashodha/CRM-12463
[civicrm-core.git] / templates / CRM / Contribute / Form / Contribution.tpl
1 {*
2 +--------------------------------------------------------------------+
3 | CiviCRM version 4.3 |
4 +--------------------------------------------------------------------+
5 | Copyright CiviCRM LLC (c) 2004-2013 |
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 {* this template is used for adding/editing/deleting contributions and pledge payments *}
27
28 {if $cdType}
29 {include file="CRM/Custom/Form/CustomData.tpl"}
30 {elseif $priceSetId}
31 {include file="CRM/Price/Form/PriceSet.tpl" context="standalone" extends="Contribution"}
32 {elseif $showAdditionalInfo and $formType }
33 {include file="CRM/Contribute/Form/AdditionalInfo/$formType.tpl"}
34 {else}
35
36 {if $contributionMode}
37 <h3>{if $ppID}{ts}Credit Card Pledge Payment{/ts}{else}{ts}Credit Card Contribution{/ts}{/if}</h3>
38 {elseif $context NEQ 'standalone'}
39 <h3>{if $action eq 1 or $action eq 1024}{if $ppID}{ts}Pledge Payment{/ts}{else}{ts}New Contribution{/ts}{/if}{elseif $action eq 8}{ts}Delete Contribution{/ts}{else}{ts}Edit Contribution{/ts}{/if}</h3>
40 {/if}
41
42 <div class="crm-block crm-form-block crm-contribution-form-block">
43
44 {if $contributionMode == 'test' }
45 {assign var=contribMode value="TEST"}
46 {elseif $contributionMode == 'live'}
47 {assign var=contribMode value="LIVE"}
48 {/if}
49
50 {if !$email and $action neq 8 and $context neq 'standalone'}
51 <div class="messages status no-popup">
52 <div class="icon inform-icon"></div>&nbsp;{ts}You will not be able to send an automatic email receipt for this contribution because there is no email address recorded for this contact. If you want a receipt to be sent when this contribution is recorded, click Cancel and then click Edit from the Summary tab to add an email address before recording the contribution.{/ts}
53 </div>
54 {/if}
55 {if $contributionMode}
56 <div id="help">
57 {if $contactId}
58 {ts 1=$displayName 2=$contribMode}Use this form to submit a new contribution on behalf of %1. <strong>A %2 transaction will be submitted</strong> using the selected payment processor.{/ts}
59 {else}
60 {ts 1=$displayName 2=$contribMode}Use this form to submit a new contribution. <strong>A %2 transaction will be submitted</strong> using the selected payment processor.{/ts}
61 {/if}
62 </div>
63 {/if}
64 {if $action eq 8}
65 <div class="messages status no-popup">
66 <div class="icon inform-icon"></div>
67 {ts}WARNING: Deleting this contribution will result in the loss of the associated financial transactions (if any).{/ts} {ts}Do you want to continue?{/ts}
68 </div>
69 {else}
70 <div class="crm-submit-buttons">
71 {include file="CRM/common/formButtons.tpl"}
72 {if $newCredit AND $action EQ 1 AND $contributionMode EQ null}
73 {if $contactId}
74 {capture assign=ccModeLink}{crmURL p='civicrm/contact/view/contribution' q="reset=1&action=add&cid=`$contactId`&context=`$context`&mode=live"}{/capture}
75 {else}
76 {capture assign=ccModeLink}{crmURL p='civicrm/contact/view/contribution' q="reset=1&action=add&context=standalone&mode=live"}{/capture}
77 {/if}
78 <span class="action-link crm-link-credit-card-mode">&nbsp;<a href="{$ccModeLink}">&raquo; {ts}submit credit card contribution{/ts}</a>
79 {/if}
80 </div>
81 {if $isOnline}{assign var=valueStyle value=" class='view-value'"}{else}{assign var=valueStyle value=""}{/if}
82 <table class="form-layout-compressed">
83 {if $context neq 'standalone'}
84 <tr>
85 <td class="font-size12pt label"><strong><strong>{ts}Contributor{/ts}</strong></td><td class="font-size12pt"><strong>{$displayName}</strong></td>
86 </tr>
87 {else}
88 {if !$contributionMode and !$email and $outBound_option != 2}
89 {assign var='profileCreateCallback' value=1 }
90 {/if}
91 {include file="CRM/Contact/Form/NewContact.tpl"}
92 {/if}
93 {if $contributionMode}
94 <tr class="crm-contribution-form-block-payment_processor_id"><td class="label nowrap">{$form.payment_processor_id.label}<span class="marker"> * </span></td><td>{$form.payment_processor_id.html}</td></tr>
95 {/if}
96 <tr class="crm-contribution-form-block-contribution_type_id crm-contribution-form-block-financial_type_id">
97 <td class="label">{$form.financial_type_id.label}</td><td{$valueStyle}>{$form.financial_type_id.html}&nbsp;
98 {if $is_test}
99 {ts}(test){/ts}
100 {/if} {help id="id-financial_type"}
101 </td>
102 </tr>
103 {if $action eq 2 and $lineItem and !$defaultContribution}
104 <tr>
105 <td class="label">{ts}Contribution Amount{/ts}</td>
106 <td>{include file="CRM/Price/Page/LineItem.tpl" context="Contribution"}</td>
107 </tr>
108 {else}
109 <tr class="crm-contribution-form-block-total_amount">
110 <td class="label">{$form.total_amount.label}</td>
111 <td {$valueStyle}>
112 <span id='totalAmount'>{$form.currency.html|crmAddClass:eight}&nbsp;{$form.total_amount.html|crmAddClass:eight}</span>
113 {if $hasPriceSets}
114 <span id='totalAmountORPriceSet'> {ts}OR{/ts}</span>
115 <span id='selectPriceSet'>{$form.price_set_id.html}</span>
116 <div id="priceset" class="hiddenElement"></div>
117 {/if}
118
119 {if $ppID}{ts}<a href='#' onclick='adjustPayment();'>adjust payment amount</a>{/ts}{help id="adjust-payment-amount"}{/if}
120 <br /><span class="description">{ts}Actual amount given by contributor.{/ts}</span>
121 </td>
122 </tr>
123
124 {if $buildRecurBlock && !$ppID}
125 <tr id='recurringPaymentBlock' class='hiddenElement'>
126 <td></td>
127 <td>
128 <strong>{$form.is_recur.html} {ts}every{/ts}
129 &nbsp;{$form.frequency_interval.html}
130 &nbsp;{$form.frequency_unit.html}&nbsp;
131 {ts}for{/ts}
132 &nbsp;{$form.installments.html}
133 &nbsp;{$form.installments.label}
134 </strong>
135 <br />
136 <span class="description">
137 {ts}Your recurring contribution will be processed automatically for the number of installments you specify. You can leave the number of installments blank if you want to make an open-ended commitment. In either case, you can choose to cancel at any time. You will receive an email receipt for each recurring contribution. The receipts will include a link you can use if you decide to modify or cancel your future contributions.{/ts}
138 </span>
139 </td>
140 </tr>
141 {/if}
142
143 <tr id="adjust-option-type" class="crm-contribution-form-block-option_type">
144 <td class="label"></td><td {$valueStyle}>{$form.option_type.html}</td>
145 </tr>
146 {/if}
147 {if $contributionMode && $processorSupportsFutureStartDate}
148 <tr id='start_date' class="crm-contribution-form-block-receive_date">
149 <td class="label">{ts}Start Date{/ts}</td>
150 <td {$valueStyle}>{if $hideCalender neq true}{include file="CRM/common/jcalendar.tpl" elementName=receive_date}{else}{$receive_date|crmDate}{/if}<br />
151 <span class="description">{ts}You can set a start date for recurring contributions and the first payment will be on that date. For a single post-dated contribution you must select recurring and choose one installment{/ts}</span>
152 </td>
153 </tr>
154 {/if}
155
156 <tr class="crm-contribution-form-block-source">
157 <td class="label">{$form.source.label}</td>
158 <td {$valueStyle}>{$form.source.html|crmAddClass:huge} {help id="id-contrib_source"}
159 </td>
160 </tr>
161
162 {* CRM-7362 --add campaign to contributions *}
163 {include file="CRM/Campaign/Form/addCampaignToComponent.tpl" campaignTrClass="crm-contribution-form-block-campaign_id"}
164
165 {if $contributionMode}
166 {if $email and $outBound_option != 2}
167 <tr class="crm-contribution-form-block-is_email_receipt">
168 <td class="label">{$form.is_email_receipt.label}</td>
169 <td>{$form.is_email_receipt.html}&nbsp; <span class="description">{ts 1=$email}Automatically email a receipt for this contribution to %1?{/ts}</span>
170 </td>
171 </tr>
172 {elseif $context eq 'standalone' and $outBound_option != 2 }
173 <tr id="email-receipt" style="display:none;" class="crm-contribution-form-block-is_email_receipt"><td class="label">{$form.is_email_receipt.label}</td><td>{$form.is_email_receipt.html} <span class="description">{ts}Automatically email a receipt for this contribution to {/ts}<span id="email-address"></span>?</span></td></tr>
174 {/if}
175 <tr id="fromEmail" style="display:none;" >
176 <td class="label">{$form.from_email_address.label}</td>
177 <td>{$form.from_email_address.html}</td>
178 </tr>
179 <tr id="receiptDate" class="crm-contribution-form-block-receipt_date">
180 <td class="label">{$form.receipt_date.label}</td>
181 <td>{include file="CRM/common/jcalendar.tpl" elementName=receipt_date}<br />
182 <span class="description">{ts}Date that a receipt was sent to the contributor.{/ts}</span>
183 </td>
184 </tr>
185 {/if}
186 {if !$contributionMode}
187 <tr class="crm-contribution-form-block-contribution_status_id">
188 <td class="label">{$form.contribution_status_id.label}</td>
189 <td>{$form.contribution_status_id.html}
190 {if $contribution_status_id eq 2}{if $is_pay_later }: {ts}Pay Later{/ts} {else}: {ts}Incomplete Transaction{/ts}{/if}{/if}
191 </td>
192 </tr>
193
194 {* Cancellation / Refunded fields are hidden unless contribution status is set to Cancelled or Refunded*}
195 <tr id="cancelInfo" class="crm-contribution-form-block-cancelInfo">
196 <td>&nbsp;</td>
197 <td><fieldset><legend>{ts}Cancellation or Refund Information{/ts}</legend>
198 <table class="form-layout-compressed">
199 <tr id="cancelDate" class="crm-contribution-form-block-cancel_date">
200 <td class="label">{$form.cancel_date.label}</td>
201 <td>
202 {if $hideCalendar neq true}
203 {include file="CRM/common/jcalendar.tpl" elementName=cancel_date}
204 {else}
205 {$form.cancel_date.html|crmDate}
206 {/if}
207 </td>
208 </tr>
209 <tr id="cancelDescription" class="crm-contribution-form-block-cancel_reason">
210 <td class="label">&nbsp;</td>
211 <td class="description">{ts}Enter the cancellation or refunded date, or you can skip this field and the cancellation date or refunded date will be automatically set to TODAY.{/ts}</td>
212 </tr>
213 <tr id="cancelReason">
214 <td class="label" style="vertical-align: top;">{$form.cancel_reason.label}</td>
215 <td>{$form.cancel_reason.html|crmReplace:class:huge}</td>
216 </tr>
217 </table>
218 </fieldset>
219 </td>
220 </tr>
221 {/if}
222
223 </table>
224 <div class="crm-accordion-wrapper crm-accordion_title-accordion crm-accordion-processed" id="softCredit">
225 <div class="crm-accordion-header">
226 {ts}Soft Credit{/ts}
227 </div>
228 <div class="crm-accordion-body">
229 {include file="CRM/Contribute/Form/SoftCredit.tpl"}
230 </div>
231 </div>
232 {if !$contributionMode}
233 <div class="crm-accordion-wrapper crm-accordion_title-accordion crm-accordion-processed" id="paymentDetails_Information">
234 <div class="crm-accordion-header">
235 {ts}Payment Details{/ts}
236 </div>
237 <div class="crm-accordion-body">
238 <table class="form-layout-compressed" >
239 <tr class="crm-contribution-form-block-receive_date">
240 <td class="label">{$form.receive_date.label}</td>
241 <td {$valueStyle}>{include file="CRM/common/jcalendar.tpl" elementName=receive_date}<br />
242 <span class="description">{ts}The date this contribution was received.{/ts}</span>
243 </td>
244 </tr>
245 <tr class="crm-contribution-form-block-payment_instrument_id">
246 <td class="label">{$form.payment_instrument_id.label}</td>
247 <td {$valueStyle}>{$form.payment_instrument_id.html}<br />
248 <span class="description">{ts}Leave blank for non-monetary contributions.{/ts}</span>
249 </td>
250 </tr>
251 {if $showCheckNumber || !$isOnline}
252 <tr id="checkNumber" class="crm-contribution-form-block-check_number">
253 <td class="label">{$form.check_number.label}</td>
254 <td>{$form.check_number.html|crmReplace:class:six}</td>
255 </tr>
256 {/if}
257 <tr class="crm-contribution-form-block-trxn_id">
258 <td class="label">{$form.trxn_id.label}</td>
259 <td {$valueStyle}>{$form.trxn_id.html|crmReplace:class:twelve} {help id="id-trans_id"}</td>
260 </tr>
261 {if $email and $outBound_option != 2}
262 <tr class="crm-contribution-form-block-is_email_receipt">
263 <td class="label">
264 {$form.is_email_receipt.label}</td><td>{$form.is_email_receipt.html}&nbsp;
265 <span class="description">{ts 1=$email}Automatically email a receipt for this payment to %1?{/ts}</span>
266 </td>
267 </tr>
268 {elseif $context eq 'standalone' and $outBound_option != 2 }
269 <tr id="email-receipt" style="display:none;" class="crm-contribution-form-block-is_email_receipt">
270 <td class="label">{$form.is_email_receipt.label}</td>
271 <td>{$form.is_email_receipt.html} <span class="description">{ts}Automatically email a receipt for this payment to {/ts}<span id="email-address"></span>?</span>
272 </td>
273 </tr>
274 {/if}
275 <tr id="receiptDate" class="crm-contribution-form-block-receipt_date">
276 <td class="label">{$form.receipt_date.label}</td>
277 <td>{include file="CRM/common/jcalendar.tpl" elementName=receipt_date}<br />
278 <span class="description">{ts}Date that a receipt was sent to the contributor.{/ts}</span>
279 </td>
280 </tr>
281 <tr id="fromEmail" class="crm-contribution-form-block-receipt_date" style="display:none;">
282 <td class="label">{$form.from_email_address.label}</td>
283 <td>{$form.from_email_address.html}</td>
284 </tr>
285 </table>
286 </div>
287 </div>
288 {/if}
289
290 <div id="customData" class="crm-contribution-form-block-customData"></div>
291
292 {*include custom data js file*}
293 {include file="CRM/common/customData.tpl"}
294
295 {literal}
296 <script type="text/javascript">
297 cj( function( ) {
298 {/literal}
299 CRM.buildCustomData( '{$customDataType}' );
300 {if $customDataSubType}
301 CRM.buildCustomData( '{$customDataType}', {$customDataSubType} );
302 {/if}
303 {literal}
304 });
305
306 // bind first click of accordion header to load crm-accordion-body with snippet
307 // everything else taken care of by cj().crm-accordions()
308 cj(function() {
309 cj('#adjust-option-type').hide();
310 cj('.crm-ajax-accordion .crm-accordion-header').one('click', function() {
311 loadPanes(cj(this).attr('id'));
312 });
313 cj('.crm-ajax-accordion:not(.collapsed) .crm-accordion-header').each(function(index) {
314 loadPanes(cj(this).attr('id'));
315 });
316 });
317 // load panes function calls for snippet based on id of crm-accordion-header
318 function loadPanes( id ) {
319 var url = "{/literal}{crmURL p='civicrm/contact/view/contribution' q='snippet=4&formType=' h=0}{literal}" + id;
320 {/literal}
321 {if $contributionMode}
322 url = url + "&mode={$contributionMode}";
323 {/if}
324 {if $qfKey}
325 url = url + "&qfKey={$qfKey}";
326 {/if}
327 {literal}
328 if (! cj('div.'+id).html()) {
329 var loading = '<img src="{/literal}{$config->resourceBase}i/loading.gif{literal}" alt="{/literal}{ts escape='js'}loading{/ts}{literal}" />&nbsp;{/literal}{ts escape='js'}Loading{/ts}{literal}...';
330 cj('div.'+id).html(loading);
331 cj.ajax({
332 url : url,
333 success: function(data) { cj('div.'+id).html(data); }
334 });
335 }
336 }
337
338 var url = "{/literal}{$dataUrl}{literal}";
339
340 {/literal}
341 {if $context eq 'standalone' and $outBound_option != 2 }
342 {literal}
343 cj( function( ) {
344 cj("#contact_1").blur( function( ) {
345 checkEmail( );
346 });
347 checkEmail( );
348 showHideByValue( 'is_email_receipt', '', 'receiptDate', 'table-row', 'radio', true);
349 showHideByValue( 'is_email_receipt', '', 'fromEmail', 'table-row', 'radio', false );
350 });
351
352 function checkEmail( ) {
353 var contactID = cj("input[name='contact_select_id[1]']").val();
354 if (contactID) {
355 var postUrl = "{/literal}{crmURL p='civicrm/ajax/checkemail' h=0}{literal}";
356 cj.post( postUrl, {contact_id: contactID},
357 function (response) {
358 if (response) {
359 cj("#email-receipt").show( );
360 cj("#email-address").html(response);
361 }
362 else {
363 cj("#email-receipt").hide( );
364 }
365 }
366 );
367 }
368 else {
369 cj("#email-receipt").hide( );
370 }
371 }
372
373 function profileCreateCallback( blockNo ) {
374 checkEmail( );
375 }
376 {/literal}
377 {/if}
378 </script>
379
380 <div class="accordion ui-accordion ui-widget ui-helper-reset">
381 {* Additional Detail / Honoree Information / Premium Information *}
382 {foreach from=$allPanes key=paneName item=paneValue}
383
384 <div class="crm-accordion-wrapper crm-ajax-accordion crm-{$paneValue.id}-accordion {if $paneValue.open neq 'true'}collapsed{/if}">
385 <div class="crm-accordion-header" id="{$paneValue.id}">
386
387 {$paneName}
388 </div><!-- /.crm-accordion-header -->
389 <div class="crm-accordion-body">
390
391 <div class="{$paneValue.id}"></div>
392 </div><!-- /.crm-accordion-body -->
393 </div><!-- /.crm-accordion-wrapper -->
394
395 {/foreach}
396 </div>
397
398 {/if}
399 <br />
400 <div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="bottom"}</div>
401 </div>
402
403 {literal}
404 <script type="text/javascript">
405 function verify( ) {
406 if (cj('#is_email_receipt').attr( 'checked' )) {
407 var ok = confirm( '{/literal}{ts escape='js'}Click OK to save this contribution record AND send a receipt to the contributor now{/ts}{literal}.' );
408 if (!ok) {
409 return false;
410 }
411 }
412 }
413
414 function status() {
415 cj("#cancel_date").val('');
416 cj("#cancel_reason").val('');
417 }
418
419 </script>
420 {/literal}
421
422 {if $action neq 8}
423 {literal}
424 <script type="text/javascript">
425 cj( function( ) {
426 checkEmailDependancies( );
427 cj('#is_email_receipt').click( function( ) {
428 checkEmailDependancies( );
429 });
430 });
431
432 function checkEmailDependancies( ) {
433 if (cj('#is_email_receipt').attr( 'checked' )) {
434 cj('#fromEmail').show( );
435 cj('#receiptDate').hide( );
436 }
437 else {
438 cj('#fromEmail').hide( );
439 cj('#receiptDate').show( );
440 }
441 }
442
443 {/literal}{if !$contributionMode}{literal}
444 cj( function( ) {
445 showHideCancelInfo(cj('#contribution_status_id'));
446
447 cj('#contribution_status_id').change(function() {
448 showHideCancelInfo(this);
449 }
450 );
451 });
452
453 function showHideCancelInfo(obj) {
454 contributionStatus = cj(obj).val();
455 if (contributionStatus == 3 || contributionStatus == 7) {
456 cj('#cancelInfo').show( );
457 }
458 else {
459 status();
460 cj('#cancelInfo').hide( );
461 }
462 }
463
464 {/literal}{/if}{literal}
465 </script>
466 {/literal}
467 {if !$contributionMode}
468 {include file="CRM/common/showHideByFieldValue.tpl"
469 trigger_field_id ="payment_instrument_id"
470 trigger_value = '4'
471 target_element_id ="checkNumber"
472 target_element_type ="table-row"
473 field_type ="select"
474 invert = 0
475 }
476 {/if}
477 {/if} {* not delete mode if*}
478
479 {* include jscript to warn if unsaved form field changes *}
480 {include file="CRM/common/formNavigate.tpl"}
481
482 {/if} {* closing of main custom data if *}
483
484 {literal}
485 <script type="text/javascript">
486 cj(function() {
487 cj().crmAccordions();
488 });
489
490 {/literal}
491
492 // load form during form rule.
493 {if $buildPriceSet}{literal}buildAmount( );{/literal}{/if}
494
495 {literal}
496 function buildAmount( priceSetId ) {
497 if (!priceSetId) priceSetId = cj("#price_set_id").val( );
498
499 var fname = '#priceset';
500 if (!priceSetId) {
501 // hide price set fields.
502 cj(fname).hide( );
503
504 // show/hide price set amount and total amount.
505 cj("#totalAmountORPriceSet").show( );
506 cj("#totalAmount").show( );
507
508 //we might want to build recur block.
509 if (cj("#is_recur")) buildRecurBlock( null );
510 return;
511 }
512
513 //don't allow recurring w/ priceset.
514 if ( cj( "#is_recur" ) && cj( 'input:radio[name="is_recur"]:checked').val( ) ) {
515 //reset the values of recur block.
516 cj("#installments").val('');
517 cj("#frequency_interval").val('');
518 cj('input:radio[name="is_recur"]')[0].checked = true;
519 cj("#recurringPaymentBlock").hide( );
520 }
521
522 var dataUrl = {/literal}"{crmURL h=0 q='snippet=4'}"{literal} + '&priceSetId=' + priceSetId;
523
524 var response = cj.ajax({
525 url: dataUrl,
526 async: false
527 }).responseText;
528
529 cj( fname ).show( ).html( response );
530 // freeze total amount text field.
531 cj( "#total_amount").val('');
532
533 cj( "#totalAmountORPriceSet" ).hide( );
534 cj( "#totalAmount").hide( );
535 }
536
537 function adjustPayment( ) {
538 cj('#adjust-option-type').show();
539 cj("#total_amount").removeAttr("READONLY");
540 cj("#total_amount").css('background-color', '#ffffff');
541 }
542
543 {/literal}{if $processorSupportsFutureStartDate}{literal}
544 cj ('input:radio[name="is_recur"]').click( function( ) {
545 showStartDate( );
546 });
547
548 showStartDate( );
549
550 function showStartDate( ) {
551 if (cj( 'input:radio[name="is_recur"]:checked').val( ) == 0 ) {
552 cj('#start_date').hide( );
553 }
554 else {
555 cj('#start_date').show( );
556 }
557 }
558
559 {/literal}{/if}{literal}
560 cj('#fee_amount').change( function() {
561 var totalAmount = cj('#total_amount').val();
562 var feeAmount = cj('#fee_amount').val();
563 var netAmount = totalAmount.replace(/,/g, '') - feeAmount.replace(/,/g, '');
564 if (!cj('#net_amount').val()) {
565 cj('#net_amount').val(netAmount);
566 }
567 });
568 </script>
569 {/literal}