334 lines
19 KiB
Smarty
334 lines
19 KiB
Smarty
{**
|
||
* Copyright since 2007 PrestaShop SA and Contributors
|
||
* PrestaShop is an International Registered Trademark & Property of PrestaShop SA
|
||
*
|
||
* NOTICE OF LICENSE
|
||
*
|
||
* This source file is subject to the Academic Free License version 3.0
|
||
* that is bundled with this package in the file LICENSE.md.
|
||
* It is also available through the world-wide-web at this URL:
|
||
* https://opensource.org/licenses/AFL-3.0
|
||
* If you did not receive a copy of the license and are unable to
|
||
* obtain it through the world-wide-web, please send an email
|
||
* to license@prestashop.com so we can send you a copy immediately.
|
||
*
|
||
* @author PrestaShop SA and Contributors <contact@prestashop.com>
|
||
* @copyright Since 2007 PrestaShop SA and Contributors
|
||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
|
||
*}
|
||
<div class="legacy" data-test="checkout-payment-block">
|
||
{if !$orderPayPal}
|
||
<div class="checkout-modal-container">
|
||
<div class="checkout-modal">
|
||
{if $psCheckoutCart->getPaypalStatus() === 'CANCELED'}
|
||
<div role="alert" aria-live="polite" aria-atomic="true" class="alert alert-info">
|
||
<p>{l s='Transaction details are not available' mod='ps_checkout'} {l s='This PayPal Order has been canceled.' mod='ps_checkout'}</p>
|
||
</div>
|
||
{elseif $psCheckoutCart->getPaypalStatus() === 'REVERSED'}
|
||
<div role="alert" aria-live="polite" aria-atomic="true" class="alert alert-info">
|
||
<p>{l s='Transaction details are not available' mod='ps_checkout'} {l s='This PayPal Order has been reversed.' mod='ps_checkout'}</p>
|
||
</div>
|
||
{else}
|
||
<div role="alert" aria-live="polite" aria-atomic="true" class="alert alert-warning">
|
||
<p>{l s='Transaction details are not available' mod='ps_checkout'}</p>
|
||
</div>
|
||
<br/>
|
||
<p>{l s='The PayPal account that was used to create this order is no longer linked to the PrestaShop Checkout module.' mod='ps_checkout'}</p>
|
||
<p>{l s='In order to see this information, please reconnect the correct PayPal account.' mod='ps_checkout'}</p>
|
||
<br/>
|
||
<button class="checkout-modal-button">
|
||
<a class="btn" href="{$moduleUrl}">{l s='Go to PrestaShop Checkout' mod='ps_checkout'}</a>
|
||
</button>
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
|
||
{if $orderPayPal}
|
||
<div class="panel-wrapper">
|
||
<div>
|
||
<h3 class="panel__title">{l s='PayPal Order' mod='ps_checkout'}</h3>
|
||
<dl class="panel__infos">
|
||
<dt data-grid-area="reference">{l s='Reference' mod='ps_checkout'}</dt>
|
||
<dd data-test="reference-value">{$orderPayPal.id|escape:'html':'UTF-8'}</dd>
|
||
<dt data-grid-area="status">{l s='Status' mod='ps_checkout'}</dt>
|
||
<dd data-test="status-value">
|
||
<span class="badge rounded badge-{$orderPayPal.status.class|escape:'html':'UTF-8'}" data-value="{$orderPayPal.status.value|escape:'html':'UTF-8'}">
|
||
{$orderPayPal.status.translated|escape:'html':'UTF-8'}
|
||
</span>
|
||
</dd>
|
||
<dt data-grid-area="total">{l s='Total' mod='ps_checkout'}</dt>
|
||
<dd data-test="total-value">{$orderPayPal.total}</dd>
|
||
<dt data-grid-area="balance">
|
||
{l s='Balance' mod='ps_checkout'}
|
||
<i class="icon-info-sign" title="{l s='Total amount you will receive on your bank account: the order amount, minus transaction fees, minus potential refunds' mod='ps_checkout'}"></i>
|
||
</dt>
|
||
<dd data-test="balance-value">{$orderPayPal.balance}</dd>
|
||
<dt data-grid-area="payment">{l s='Payment mode' mod='ps_checkout'}</dt>
|
||
<dd data-test="payment-mode-value">{$orderPaymentDisplayName|escape:'html':'UTF-8'} <img src="{$orderPayPal.paymentSourceLogo}" alt="{$orderPaymentDisplayName|escape:'html':'UTF-8'}" title="{$orderPaymentDisplayName|escape:'html':'UTF-8'}" height="20"></dd>
|
||
<dt data-grid-area="environment">
|
||
{l s='Environment' mod='ps_checkout'}
|
||
<i class="icon-info-sign" title="{l s='The environment in which the transaction was made: Test or Production' mod='ps_checkout'}"></i>
|
||
</dt>
|
||
<dd data-grid-area="environment-value">
|
||
<span data-test="payment-env-value" class="badge rounded badge-paypal-environment-{if $isProductionEnv}live{else}sandbox{/if}" data-value="{$psCheckoutCart->getEnvironment()|escape:'html':'UTF-8'}">
|
||
{if $isProductionEnv}
|
||
{l s='Production' mod='ps_checkout'}
|
||
{else}
|
||
{l s='Test' mod='ps_checkout'}
|
||
{/if}
|
||
</span>
|
||
</dd>
|
||
{if $psCheckoutCart->paypal_funding === 'card'}
|
||
<dt data-grid-area="card-sca">{l s='3D Secure' mod='ps_checkout'}</dt>
|
||
<dd data-grid-area="card-sca-value">
|
||
{if $orderPayPal.is3DSecureAvailable && $orderPayPal.isLiabilityShifted}
|
||
<span class="badge rounded badge-success">{l s='Success' mod='ps_checkout'}</span>
|
||
{elseif $orderPayPal.is3DSecureAvailable && !$orderPayPal.isLiabilityShifted}
|
||
<span class="badge rounded badge-danger">{l s='Failed' mod='ps_checkout'}</span>
|
||
{else}
|
||
<span class="badge rounded badge-warning">{l s='Card does not support 3D Secure' mod='ps_checkout'}</span>
|
||
{/if}
|
||
</dd>
|
||
<dt data-grid-area="card-liability">{l s='Liability shift' mod='ps_checkout'}</dt>
|
||
<dd data-grid-area="card-liability-value">
|
||
{if $orderPayPal.isLiabilityShifted}
|
||
<span class="badge rounded badge-success">{l s='Bank' mod='ps_checkout'}</span>
|
||
{else}
|
||
<span class="badge rounded badge-warning">{l s='Merchant' mod='ps_checkout'}</span>
|
||
{/if}
|
||
</dd>
|
||
{/if}
|
||
</dl>
|
||
{if $psCheckoutCart->paypal_funding === 'card' && !$orderPayPal.isLiabilityShifted}
|
||
<div class="liability-explanation">
|
||
{l s='The bank issuer declined the liability shift. We advice you not to honor the order immediately, wait a few days in case of chargeback and contact the consumer to ensure authenticity of the transaction. For this type of cases we also recommend to consider Chargeback protection.' mod='ps_checkout'}
|
||
</div>
|
||
{/if}
|
||
{if $psCheckoutCart->paypal_funding === 'card' && $orderPayPal.isLiabilityShifted}
|
||
<div class="liability-explanation">
|
||
{l s='The bank issuer accepted the liability shift. You can safely honor the order.' mod='ps_checkout'}
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
{if !empty($orderPayPal.transactions)}
|
||
<div class="select-wrapper">
|
||
<select name="select-tab" id="select-transaction" class="select-wrapper__select">
|
||
{foreach $orderPayPal.transactions as $orderPayPalTransaction}
|
||
<option value="{$orderPayPalTransaction.id}-tab">{dateFormat date=$orderPayPalTransaction.date full=true} - {$orderPayPalTransaction.type.translated|escape:'html':'UTF-8'} | {if $orderPayPalTransaction.type.value === 'refund'}-{else}+{/if} {$orderPayPalTransaction.amount|escape:'html':'UTF-8'} {$orderPayPalTransaction.currency|escape:'html':'UTF-8'}</option>
|
||
{/foreach}
|
||
</select>
|
||
</div>
|
||
|
||
<div class="tabs">
|
||
<div role="tablist" aria-label="Transactions">
|
||
{assign var="counter" value=1}
|
||
{foreach $orderPayPal.transactions as $orderPayPalTransaction}
|
||
<button
|
||
role="tab"
|
||
aria-selected="{if $counter eq 1}true{else}false{/if}"
|
||
aria-controls="{$orderPayPalTransaction.id}-tab"
|
||
class="tab"
|
||
>
|
||
<strong class="tab__btn-title"> {$orderPayPalTransaction.type.translated|escape:'html':'UTF-8'} </strong>
|
||
<span class="tab__btn-infos">
|
||
<span class="tab__btn-time">{dateFormat date=$orderPayPalTransaction.date full=true}</span>
|
||
<strong class="tab__btn-amount">
|
||
{if $orderPayPalTransaction.type.value === 'refund'}-{else}+{/if}
|
||
{$orderPayPalTransaction.amount|escape:'html':'UTF-8'} {$orderPayPalTransaction.currency|escape:'html':'UTF-8'}
|
||
</strong>
|
||
</span>
|
||
</button>
|
||
{assign var="counter" value=$counter+1}
|
||
{/foreach}
|
||
</div>
|
||
|
||
<div class="tabpanel-wrapper">
|
||
{assign var="counter" value=1}
|
||
{foreach $orderPayPal.transactions as $orderPayPalTransaction}
|
||
{assign var="maxAmountRefundable" value=$orderPayPalTransaction.maxAmountRefundable|string_format:"%.2f"}
|
||
{assign var="orderPayPalRefundAmountIdentifier" value='orderPayPalRefundAmount'|cat:$orderPayPalTransaction.id}
|
||
<div
|
||
tabindex="0"
|
||
role="tabpanel"
|
||
id="{$orderPayPalTransaction.id}-tab"
|
||
aria-labelledby="first"
|
||
class="tabpanel"
|
||
{if $counter neq 1}hidden="hidden"{/if}
|
||
>
|
||
<div>
|
||
<div>
|
||
<h3 class="tabpanel__title">{l s='Transaction details' mod='ps_checkout'}</h3>
|
||
<dl class="tabpanel__infos">
|
||
<dt>{l s='Reference' mod='ps_checkout'}</dt>
|
||
<dd>{$orderPayPalTransaction.id}</dd>
|
||
<dt>{l s='Status' mod='ps_checkout'}</dt>
|
||
<dd>
|
||
<span class="badge rounded badge-{$orderPayPalTransaction.status.class|escape:'html':'UTF-8'}">
|
||
{$orderPayPalTransaction.status.translated}
|
||
</span>
|
||
</dd>
|
||
<dt>{l s='Amount (Tax incl.)' mod='ps_checkout'}</dt>
|
||
<dd>{$orderPayPalTransaction.amount} {$orderPayPalTransaction.currency}</dd>
|
||
{if !empty($orderPayPalTransaction.seller_protection)}
|
||
<dt>
|
||
{l s='Seller protection' mod='ps_checkout'}
|
||
<i class="icon-info-sign" title="{$orderPayPalTransaction.seller_protection.help|escape:'html':'UTF-8'}"></i>
|
||
</dt>
|
||
<dd>
|
||
<span class="badge rounded badge-{$orderPayPalTransaction.seller_protection.class|escape:'html':'UTF-8'}">
|
||
{$orderPayPalTransaction.seller_protection.translated|escape:'html':'UTF-8'}
|
||
</span>
|
||
</dd>
|
||
{/if}
|
||
</dl>
|
||
</div>
|
||
{if $orderPayPalTransaction.gross_amount || $orderPayPalTransaction.paypal_fee || $orderPayPalTransaction.net_amount}
|
||
<div>
|
||
<h3 class="tabpanel__title">{l s='Transaction amounts' mod='ps_checkout'}</h3>
|
||
<dl class="tabpanel__infos">
|
||
{if $orderPayPalTransaction.gross_amount}
|
||
<dt>{l s='Gross amount' mod='ps_checkout'}</dt>
|
||
<dd>{$orderPayPalTransaction.gross_amount} {$orderPayPalTransaction.currency}</dd>
|
||
{/if}
|
||
{if $orderPayPalTransaction.paypal_fee}
|
||
<dt>{l s='Fees (Tax Incl.)' mod='ps_checkout'}</dt>
|
||
<dd>- {$orderPayPalTransaction.paypal_fee} {$orderPayPalTransaction.currency}</dd>
|
||
{/if}
|
||
{if $orderPayPalTransaction.net_amount}
|
||
<dt>{l s='Net amount' mod='ps_checkout'}</dt>
|
||
<dd>{$orderPayPalTransaction.net_amount} {$orderPayPalTransaction.currency}</dd>
|
||
{/if}
|
||
</dl>
|
||
</div>
|
||
{/if}
|
||
<a href="https://www.paypal.com/activity/payment/{$orderPayPalTransaction.id|escape:'html':'UTF-8'}" target="_blank" class="tabpanel__cta">
|
||
{l s='See on PayPal' mod='ps_checkout'}
|
||
</a>
|
||
{if $orderPayPalTransaction.isRefundable}
|
||
<a class="btn btn-primary btn-sm refund" data-transaction-id="{$orderPayPalTransaction.id|escape:'html':'UTF-8'}">
|
||
{l s='Refund' mod='ps_checkout'}
|
||
</a>
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
|
||
{if $orderPayPalTransaction.isRefundable}
|
||
<div id="ps-checkout-refund-{$orderPayPalTransaction.id|escape:'html':'UTF-8'}" class="modal fade ps-checkout-refund legacy" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<form action="{$orderPayPalBaseUrl|escape:'html':'UTF-8'}" method="POST" class="form-horizontal ps-checkout-refund-form">
|
||
<div class="modal-header">
|
||
<h3 class="modal-title">
|
||
<img src="{$moduleLogoUri}" width="20" height="20" alt="logo"> {l s='Refund transaction totally or partially' mod='ps_checkout'}
|
||
</h3>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="{l s='Cancel' mod='ps_checkout'}">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body mb-2">
|
||
<div class="modal-notifications">
|
||
</div>
|
||
<div class="modal-content-container">
|
||
<div class="form-group mb-0">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<p class="mb-2">
|
||
<b>{l s='Order details' mod='ps_checkout'}</b>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="order-totals">
|
||
<div class='order-totals-column'>
|
||
<p>{l s='Gross amount' mod='ps_checkout'}</p>
|
||
<p>{l s='Fees (Tax Incl.)' mod='ps_checkout'}</p>
|
||
<p>
|
||
<b>{l s='Amount (Tax Incl.)' mod='ps_checkout'}</b>
|
||
</p>
|
||
</div>
|
||
<div class='order-totals-column'>
|
||
<p>
|
||
<b>{$orderPayPal.total}</b>
|
||
</p>
|
||
<p>
|
||
<b>{$orderPayPal.fees}</b>
|
||
</p>
|
||
<p>
|
||
<b>{$orderPayPal.balance}</b>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="row separator">
|
||
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<label class="form-control-label" for="{$orderPayPalRefundAmountIdentifier|escape:'html':'UTF-8'}">
|
||
<b>{l s='Net amount to refund' mod='ps_checkout'}</b>
|
||
</label>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<input name="ajax" type="hidden" value="1">
|
||
<input name="action" type="hidden" value="RefundOrder">
|
||
<input name="orderPayPalRefundTransaction" type="hidden" value="{$orderPayPalTransaction.id|escape:'html':'UTF-8'}">
|
||
<input name="orderPayPalRefundOrder" type="hidden" value="{$orderPayPal.id|escape:'html':'UTF-8'}">
|
||
<input name="orderPayPalRefundCurrency" type="hidden" value="{$orderPayPalTransaction.currency|escape:'html':'UTF-8'}">
|
||
<div class="input-group">
|
||
<div class="input-group-text"></div>
|
||
<div class="input-group-addon">{$orderPayPalTransaction.currency|escape:'html':'UTF-8'}</div>
|
||
<input
|
||
class="form-control text-right"
|
||
name="orderPayPalRefundAmount"
|
||
id="{$orderPayPalRefundAmountIdentifier|escape:'html':'UTF-8'}"
|
||
type="number"
|
||
step=".01"
|
||
min="0.01"
|
||
max="{$maxAmountRefundable|escape:'html':'UTF-8'}"
|
||
>
|
||
</div>
|
||
<p class="text-muted">
|
||
{* Function l of smarty not support sprintf in PrestaShop 1.6 *}
|
||
{capture assign="refundHelpText"}
|
||
{l s='Maximum [AMOUNT_MAX] [CURRENCY] (tax included)' mod='ps_checkout'}
|
||
{/capture}
|
||
{$refundHelpText|replace:'[AMOUNT_MAX]':$maxAmountRefundable|replace:'[CURRENCY]':$orderPayPalTransaction.currency} <a href="#">
|
||
{l s='Learn more' mod='ps_checkout'}
|
||
</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p class="text-muted">
|
||
{l s='Your transaction refund request will be sent to PayPal. After that, you’ll need to manually process the refund action in the PrestaShop order: choose the type of refund (standard or partial) in order to generate credit slip.' mod='ps_checkout'}
|
||
</p>
|
||
</div>
|
||
<div class="modal-loader text-center">
|
||
<i class="process-icon-loading"></i>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-outline-primary" data-dismiss="modal">
|
||
{l s='Cancel' mod='ps_checkout'}
|
||
</button>
|
||
<button type="button" class="btn btn-primary refund-submit" disabled>
|
||
{l s='Refund' mod='ps_checkout'} <span class="refund-value" data-transaction-currency="{$orderPayPalTransaction.currency|escape:'html':'UTF-8'}"></span>
|
||
</button>
|
||
<button type="submit" class="btn btn-primary refund-confirm" hidden="hidden">
|
||
{l s='Confirm refund' mod='ps_checkout'}
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
|
||
{assign var="counter" value=$counter+1}
|
||
{/foreach}
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
{/if}
|
||
</div>
|