mirror of
https://github.com/btcpayserver/btcpayserver.git
synced 2025-02-22 06:21:44 +01:00
627 lines
47 KiB
Text
627 lines
47 KiB
Text
@model PaymentModel
|
||
@{
|
||
Layout = null;
|
||
ViewData["Title"] = "Payment";
|
||
}
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||
<!-- base href="/" -->
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
<title>BTCPay Invoice</title>
|
||
|
||
<link href="~/vendor/font-awesome/css/font-awesome.css" rel="stylesheet" />
|
||
<link href="~/css/css.css" rel="stylesheet" type="text/css">
|
||
<link href="~/css/normalizer.css" rel="stylesheet" type="text/css">
|
||
<script src="https://code.jquery.com/jquery-3.2.1.min.js"
|
||
crossorigin="anonymous"></script>
|
||
<script type="text/javascript">
|
||
@Model.ToJSVariableModel("srvModel")
|
||
</script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script>
|
||
<script src="~/js/vue.js" type="text/javascript" defer="defer"></script>
|
||
<script src="~/js/vue-qrcode.js" type="text/javascript" defer="defer"></script>
|
||
<script src="~/js/core.js" type="text/javascript" defer="defer"></script>
|
||
<!-- <script src="img/Intl.js" type="text/javascript" defer="defer"></script>
|
||
<script src="img/en-US.js" type="text/javascript" defer="defer"></script>
|
||
<script src="img/polyfills.js" type="text/javascript" defer="defer"></script>
|
||
<script src="img/vendor.js" type="text/javascript" defer="defer"></script>
|
||
<script src="img/main-en-US.js" defer="defer"></script> -->
|
||
</head>
|
||
<body style="background: #E4E4E4">
|
||
<noscript>
|
||
<center style="padding: 2em">
|
||
<h2>Javascript is currently disabled in your browser.</h2>
|
||
<h5>Please enable Javascript and refresh this page for the best experience.</h5>
|
||
|
||
<p>Alternatively, click below to continue to our HTML-only invoice.</p>
|
||
|
||
<form action="/invoice-noscript" method="GET">
|
||
<button style="text-decoration: underline; color: blue">Continue to javascript-disabled invoice ></button>
|
||
</form>
|
||
</center>
|
||
</noscript>
|
||
|
||
<!--[if lte IE 8]>
|
||
<center style="padding: 2em">
|
||
<form action="/invoice-noscript" method="GET">
|
||
<button style="text-decoration: underline; color: blue">Continue to legacy browser compatible invoice page
|
||
</button>
|
||
</form>
|
||
</center>
|
||
<![endif]-->
|
||
|
||
<invoice>
|
||
<div class="no-bounce" id="checkoutCtrl">
|
||
@*<div class="modal-backdrop fade-in"></div>*@
|
||
|
||
<!---->
|
||
<div class="modal page">
|
||
<div class="modal-dialog open opened" role="document">
|
||
<div class="modal-content long">
|
||
<div class="content">
|
||
<div class="invoice">
|
||
<div class="top-header">
|
||
<div class="header">
|
||
<div class="header__icon">
|
||
<img class="header__icon__img" src="~/img/logo-white.png" height="40">
|
||
</div>
|
||
<!---->
|
||
</div>
|
||
<div class="timer-row">
|
||
<div class="timer-row__progress-bar" style="width: 0%;"></div>
|
||
<!---->
|
||
<div class="timer-row__spinner">
|
||
<bp-spinner>
|
||
<svg xml:space="preserve" style="enable-background:new 0 0 50 50;" version="1.1" viewBox="0 0 50 50" x="0px" xmlns="http://www.w3.org/2000/svg" y="0px">
|
||
<path d="M11.1,29.6c-0.5-1.5-0.8-3-0.8-4.6c0-8.1,6.6-14.7,14.7-14.7S39.7,16.9,39.7,25c0,1.6-0.3,3.2-0.8,4.6l6.1,2c0.7-2.1,1.1-4.3,1.1-6.6c0-11.7-9.5-21.2-21.2-21.2S3.8,13.3,3.8,25c0,2.3,0.4,4.5,1.1,6.6L11.1,29.6z"></path>
|
||
</svg>
|
||
</bp-spinner>
|
||
</div>
|
||
<div class="timer-row__message">
|
||
<!---->
|
||
<span>
|
||
<!---->
|
||
<span i18n="">Awaiting Payment...</span>
|
||
<!---->
|
||
</span>
|
||
<!---->
|
||
</div>
|
||
<div class="timer-row__time-left">@Model.TimeLeft</div>
|
||
</div>
|
||
</div>
|
||
<div class="order-details">
|
||
<!---->
|
||
<div class="single-item-order buyerTotalLine">
|
||
<div class="single-item-order__left">
|
||
<div class="single-item-order__left__name">
|
||
{{ srvModel.storeName }}
|
||
</div>
|
||
<div class="single-item-order__left__description">
|
||
{{ srvModel.itemDesc }}
|
||
</div>
|
||
</div>
|
||
<!---->
|
||
<div class="single-item-order__right">
|
||
<div class="single-item-order__right__btc-price" id="buyerTotalBtcAmount">
|
||
<span>{{ srvModel.btcDue }} {{ srvModel.cryptoCode }}</span>
|
||
</div>
|
||
<!---->
|
||
<div class="single-item-order__right__ex-rate">
|
||
1 {{ srvModel.cryptoCode }} = {{ srvModel.rate }}
|
||
</div>
|
||
<!---->
|
||
</div>
|
||
|
||
<span class="fa fa-angle-double-down"></span>
|
||
<span class="fa fa-angle-double-up"></span>
|
||
</div>
|
||
<!---->
|
||
<line-items>
|
||
<div class="line-items">
|
||
<!---->
|
||
<div class="line-items__item">
|
||
<div class="line-items__item__label" i18n="">Order Amount</div>
|
||
<div class="line-items__item__value">{{srvModel.orderAmount}} {{ srvModel.cryptoCode }}</div>
|
||
</div>
|
||
<div class="line-items__item">
|
||
<div class="line-items__item__label">
|
||
<span i18n="">Network Cost</span>
|
||
</div>
|
||
<div class="line-items__item__value" i18n="">{{srvModel.networkFeeDescription }}</div>
|
||
</div>
|
||
<div class="line-items__item">
|
||
<div class="line-items__item__label">
|
||
<span i18n="">Already Paid</span>
|
||
</div>
|
||
<div class="line-items__item__value" i18n="">-{{srvModel.btcPaid }} {{ srvModel.cryptoCode }}</div>
|
||
</div>
|
||
<div class="line-items__item line-items__item--total">
|
||
<div class="line-items__item__label" i18n="">Due </div>
|
||
<div class="line-items__item__value">{{srvModel.btcDue}} {{ srvModel.cryptoCode }}</div>
|
||
</div>
|
||
<!---->
|
||
</div>
|
||
</line-items>
|
||
<div class="payment-tabs">
|
||
<div class="payment-tabs__tab active" id="scan-tab">
|
||
<span i18n="">Scan</span>
|
||
</div>
|
||
<div class="payment-tabs__tab" id="copy-tab">
|
||
<span i18n="">Copy</span>
|
||
</div>
|
||
<div class="payment-tabs__slider"></div>
|
||
</div>
|
||
</div>
|
||
<div adjust-height="" class="payment-box">
|
||
<div class="bp-view payment scan" id="scan">
|
||
<div class="payment__scan">
|
||
<img :src="srvModel.cryptoImage" style="position: absolute; height:64px; width:64px; left:118px; top:96px;" />
|
||
<qrcode :val="srvModel.invoiceBitcoinUrl" :size="256" bg-color="#f5f5f7" fg-color="#000" />
|
||
</div>
|
||
<div class="payment__details__instruction__open-wallet">
|
||
<a class="payment__details__instruction__open-wallet__btn action-button" v-bind:href="srvModel.invoiceBitcoinUrl">
|
||
<span i18n="">Open in wallet</span>
|
||
<span class="glyphicon glyphicon-new-window"></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="bp-view payment manual-flow enter-contact-email active" id="emailAddressView">
|
||
<form class="manual__step-one refund-address-form contact-email-form" id="emailAddressForm" name="emailAddressForm" novalidate="">
|
||
<div class="manual__step-one__header">
|
||
<!---->
|
||
<span i18n="">Contact & Refund Email</span>
|
||
<!---->
|
||
</div>
|
||
<div class="manual__step-one__instructions">
|
||
<span class="initial-label">
|
||
<!---->
|
||
<span i18n="">Please provide an email address below. We’ll contact you at this address if there is an issue with your payment. </span>
|
||
<!---->
|
||
</span>
|
||
<span class="submission-error-label" i18n="">Please enter a valid email address.</span>
|
||
</div>
|
||
<div class="input-wrapper">
|
||
<input class="bp-input email-input ng-pristine ng-invalid ng-touched" id="emailAddressFormInput" placeholder="Your email" type="email">
|
||
<bp-loading-button i18n="">
|
||
<button class="action-button" style="margin-top: 15px;" type="button">
|
||
<span class="button-text" lcl="">Continue</span>
|
||
<div class="loader-wrapper">
|
||
<bp-spinner>
|
||
<svg xml:space="preserve" style="enable-background:new 0 0 50 50;" version="1.1" viewBox="0 0 50 50" x="0px" xmlns="http://www.w3.org/2000/svg" y="0px">
|
||
<path d="M11.1,29.6c-0.5-1.5-0.8-3-0.8-4.6c0-8.1,6.6-14.7,14.7-14.7S39.7,16.9,39.7,25c0,1.6-0.3,3.2-0.8,4.6l6.1,2c0.7-2.1,1.1-4.3,1.1-6.6c0-11.7-9.5-21.2-21.2-21.2S3.8,13.3,3.8,25c0,2.3,0.4,4.5,1.1,6.6L11.1,29.6z"></path>
|
||
</svg>
|
||
</bp-spinner>
|
||
</div>
|
||
</button>
|
||
</bp-loading-button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<div class="bp-view" id="link-expired" style="padding-top: 3.6rem;">
|
||
<div class="manual__step-one refund-address-form" novalidate="">
|
||
<div class="manual__step-one__header" i18n="">Link Expired</div>
|
||
<div class="manual__step-one__instructions">
|
||
<span class="initial-label" i18n="">Sorry, this link has expired. Please try requesting another refund by clicking the button below.</span>
|
||
</div>
|
||
<div class="input-wrapper">
|
||
<bp-loading-button i18n="">
|
||
<button class="action-button" style="margin-top: 15px;" type="submit">
|
||
<span class="button-text" lcl="">Request Refund</span>
|
||
<div class="loader-wrapper">
|
||
<bp-spinner>
|
||
<svg xml:space="preserve" style="enable-background:new 0 0 50 50;" version="1.1" viewBox="0 0 50 50" x="0px" xmlns="http://www.w3.org/2000/svg" y="0px">
|
||
<path d="M11.1,29.6c-0.5-1.5-0.8-3-0.8-4.6c0-8.1,6.6-14.7,14.7-14.7S39.7,16.9,39.7,25c0,1.6-0.3,3.2-0.8,4.6l6.1,2c0.7-2.1,1.1-4.3,1.1-6.6c0-11.7-9.5-21.2-21.2-21.2S3.8,13.3,3.8,25c0,2.3,0.4,4.5,1.1,6.6L11.1,29.6z"></path>
|
||
</svg>
|
||
</bp-spinner>
|
||
</div>
|
||
</button>
|
||
</bp-loading-button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="bp-view confirm-contact-email-view">
|
||
<form class="manual__step-one refund-address-form contact-email-form ng-untouched ng-pristine" novalidate="">
|
||
<div class="manual__step-one__header" i18n="">Contact & Refund Email</div>
|
||
<div class="manual__step-one__instructions">
|
||
<span class="initial-label" i18n="">If there is an issue with this payment, or a refund needs to be made, we will contact you at this address.</span>
|
||
</div>
|
||
<div class="input-wrapper">
|
||
<input bp-focus="focusEmailInput" class="bp-input email-input ng-untouched ng-pristine" disabled="disabled" name="receiptEmail" placeholder="Your email" style="opacity: 1;" type="email">
|
||
<button class="action-button" style="margin-top: 15px;">
|
||
<span i18n="">Confirm email address</span>
|
||
</button>
|
||
</div>
|
||
<div class="refund-address-form__link" id="wrong-email-button" style="color: #a9a9a9;">
|
||
<span i18n="">Wrong email?</span>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<div class="bp-view wrong-email-view" id="compromised-invoice">
|
||
<div class="manual__step-one refund-address-form" novalidate="" style="margin-top: -1rem;">
|
||
<div class="manual__step-one__header">
|
||
<span i18n="">There seems to be a problem</span>
|
||
</div>
|
||
<div class="manual__step-one__instructions">
|
||
<span class="initial-label" i18n="">
|
||
This invoice was previously opened, and the address <strong class="placeholder-refundEmail">{Entered email address}</strong> was submitted as your contact email. If you entered this email, you can still safely make your payment. <br> <br>
|
||
If you did not submit the email address, it's possible a thief falsely
|
||
submitted this address to steal refunds. Please contact the merchant
|
||
about this security incident, and try your payment again.
|
||
</span>
|
||
</div>
|
||
<div class="input-wrapper">
|
||
<a class="action-button" style="margin-top: 15px;" target="_blank" href="mailto:@Model.StoreEmail">
|
||
<span i18n="">Contact {{srvModel.storeName}}</span>
|
||
</a>
|
||
</div>
|
||
<div class="refund-address-form__link">
|
||
<span i18n="">I understand, continue to payment →</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="bp-view confirm-bitcoin-address-view" id="confirm-refund-address">
|
||
<form class="manual__step-one refund-address-form ng-untouched ng-pristine ng-valid" novalidate="" style="padding-top: 1.6rem;">
|
||
<div><img src="~/imlegacy/mail.svg"></div>
|
||
<div class="manual__step-one__header">
|
||
<span i18n="">Please confirm your address</span>
|
||
</div>
|
||
<div class="manual__step-one__instructions">
|
||
<span class="initial-label" i18n="">You should receive an email from us in a moment at <strong class="placeholder-refundEmail">{enterd refund email}</strong>. To ensure your refund is sent to the correct address, please confirm your bitcoin address by clicking the link in the email. </span>
|
||
</div>
|
||
<bp-resend-link id="resend-link">
|
||
<div class="bp-resend__link">
|
||
<span class="link-text">
|
||
<!---->
|
||
<span i18n="">Resend email</span>
|
||
<!---->
|
||
</span>
|
||
<div class="success-text">
|
||
<!---->
|
||
<img src="~/imlegacy/circle-check.svg">
|
||
<!---->
|
||
<div i18n="">Email resent</div>
|
||
<!---->
|
||
</div>
|
||
</div>
|
||
</bp-resend-link>
|
||
</form>
|
||
</div>
|
||
<div class="bp-view refund-address-view" id="enter-refund-address">
|
||
<form class="manual__step-one refund-address-form ng-untouched ng-pristine ng-invalid" name="refundAddressForm" novalidate="" style="margin-top: 28px; margin-bottom: 4rem;">
|
||
<div class="manual__step-one__header">
|
||
<!---->
|
||
<span i18n="">Please provide a refund address.</span>
|
||
<!---->
|
||
</div>
|
||
<div class="manual__step-one__instructions">
|
||
<span class="initial-label">
|
||
<!---->
|
||
<span i18n="">
|
||
To send your refund of {BTC to refund} BTC,
|
||
we’ll need a bitcoin address from your wallet. Please open your bitcoin
|
||
wallet, copy a receiving address, and paste it below.
|
||
</span>
|
||
<!---->
|
||
</span>
|
||
<span class="submission-error-label" i18n="" id="invalid-bitcoin-address">Please enter a valid bitcoin address.</span>
|
||
</div>
|
||
<div class="input-wrapper">
|
||
<bp-refund-address name="refundAddress" ngmodel="" class="ng-untouched ng-pristine ng-invalid">
|
||
<div class="bp-refund-address">
|
||
<div class="bitcoin-logo">
|
||
<div><img src="@Model.CryptoImage"></div>
|
||
</div>
|
||
<input class="bp-input {'not-empty': addressValue.length > 0} ng-untouched ng-pristine ng-valid" id="refund-address-input" name="refundAddress" ngclass="{'not-empty': addressValue.length > 0}">
|
||
</div>
|
||
</bp-refund-address>
|
||
<bp-loading-button i18n="" id="request-refund-button">
|
||
<button class="action-button" style="margin-top: 15px;" type="submit">
|
||
<span class="button-text" lcl="">Request Refund</span>
|
||
<div class="loader-wrapper">
|
||
<bp-spinner>
|
||
<svg xml:space="preserve" style="enable-background:new 0 0 50 50;" version="1.1" viewBox="0 0 50 50" x="0px" xmlns="http://www.w3.org/2000/svg" y="0px">
|
||
<path d="M11.1,29.6c-0.5-1.5-0.8-3-0.8-4.6c0-8.1,6.6-14.7,14.7-14.7S39.7,16.9,39.7,25c0,1.6-0.3,3.2-0.8,4.6l6.1,2c0.7-2.1,1.1-4.3,1.1-6.6c0-11.7-9.5-21.2-21.2-21.2S3.8,13.3,3.8,25c0,2.3,0.4,4.5,1.1,6.6L11.1,29.6z"></path>
|
||
</svg>
|
||
</bp-spinner>
|
||
</div>
|
||
</button>
|
||
</bp-loading-button>
|
||
</div>
|
||
<div class="refund-address-form__cancel">
|
||
<span i18n="">Cancel</span>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<div class="bp-view payment manual-flow" id="copy">
|
||
<div class="manual__step-two__instructions">
|
||
<span i18n="">To complete your payment, please send {{ srvModel.btcDue }} {{ srvModel.cryptoCode }} to the address below.</span>
|
||
</div>
|
||
<div class="manual-box flipped" style="margin-bottom: 30px;">
|
||
<div class="manual-box__amount">
|
||
<div class="manual-box__amount__label label" i18n="">Amount</div>
|
||
<!---->
|
||
<div class="manual-box__amount__value copy-cursor" ngxclipboard="">
|
||
<span>{{srvModel.btcDue}}</span> {{ srvModel.cryptoCode }}
|
||
<div class="copied-label">
|
||
<span i18n="">Copied</span>
|
||
</div>
|
||
</div>
|
||
<!---->
|
||
</div>
|
||
<div class="manual-box__address">
|
||
<div class="flipper flipped-initially">
|
||
<div class="back"></div>
|
||
<div class="front">
|
||
<div class="manual-box__address__arrow"></div>
|
||
<div class="manual-box__address__label label" i18n="">Address</div>
|
||
<!---->
|
||
<div class="manual-box__address__value copy-cursor" ngxclipboard="">
|
||
<div class="manual-box__address__wrapper">
|
||
<div class="manual-box__address__wrapper__logo">
|
||
<img :src="srvModel.cryptoImage" />
|
||
</div>
|
||
<div class="manual-box__address__wrapper__value">{{srvModel.btcAddress}}</div>
|
||
</div>
|
||
<div class="copied-label" style="top: 5px;">
|
||
<span i18n="">Copied</span>
|
||
</div>
|
||
</div>
|
||
<!---->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="bp-view pad" id="paid">
|
||
<div class="status-block">
|
||
<div class="success-block">
|
||
<div class="status-icon">
|
||
<div class="status-icon__wrapper">
|
||
<div class="inner-wrapper">
|
||
<div class="status-icon__wrapper__icon">
|
||
<img src="~/imlegacy/checkmark.svg">
|
||
</div>
|
||
<div class="status-icon__wrapper__outline"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!---->
|
||
<div class="success-message" i18n="">This invoice has been paid.</div>
|
||
<!---->
|
||
<button class="action-button" style="margin-top: 0px;">
|
||
<bp-done-text>
|
||
<span i18n="" class="i18n-return-to-merchant">Return to {{srvModel.storeName}}</span>
|
||
</bp-done-text>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<!---->
|
||
<div class="button-wrapper refund-address-form-container" id="refund-overpayment-button">
|
||
<!---->
|
||
</div>
|
||
<!---->
|
||
</div>
|
||
<div class="bp-view" id="refund-pending">
|
||
<div class="status-block">
|
||
<div class="pending-block" style="position: relative; padding-bottom: 1.6rem;">
|
||
<img src="~/imlegacy/refund-pending.svg">
|
||
<div class="pending-block__header" i18n="">Processing Refund</div>
|
||
<span>
|
||
<!---->
|
||
<!---->
|
||
<!---->
|
||
<span class="pending-block__message" i18n="">The amount below will be refunded to you within 1-2 business days. </span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div class="manual-box" style="margin-bottom: 30px;">
|
||
<div class="manual-box__amount amount-only">
|
||
<div class="manual-box__amount__label label">
|
||
<span class="initial-label"> </span>
|
||
<span class="final-label" i18n="">Amount To Be Refunded</span>
|
||
</div>
|
||
<div class="manual-box__amount__value">{BTC Amount} BTC</div>
|
||
</div>
|
||
<div class="manual-box__address">
|
||
<div class="flipper">
|
||
<div class="back"></div>
|
||
<div class="front">
|
||
<div class="manual-box__address__arrow"></div>
|
||
<div class="manual-box__address__label label" i18n="">Will Be Refunded To</div>
|
||
<div class="manual-box__address__wrapper">
|
||
<div class="manual-box__address__wrapper__logo">
|
||
<img src="~/imlegacy/bitcoin-symbol.svg">
|
||
</div>
|
||
<div class="manual-box__address__wrapper__value">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!---->
|
||
</div>
|
||
<div class="bp-view expired" id="low-fee">
|
||
<div class="expired__body">
|
||
<div class="expired__header" i18n="" style="font-weight: 400; font-size: 22px;">Payment Confirming</div>
|
||
<div class="expired__text" i18n="">This payment was made with a low <a href="https://bitcoin.org/en/glossary/transaction-fee">bitcoin miner fee</a>, which may prevent it from being accepted by the Bitcoin network.</div>
|
||
<div class="expired__text" i18n="">This is an issue with the configuration of your bitcoin wallet.</div>
|
||
<div class="expired__text" i18n="">
|
||
If the transaction
|
||
doesn't confirm, the funds will be spendable again in your wallet.
|
||
Depending on the wallet, this may take 48-72 hours.
|
||
</div>
|
||
<low-fee-timeline>
|
||
<div class="timeline">
|
||
<div class="timeline__item">
|
||
<div class="timeline__item__icon timeline__item__icon--complete">
|
||
<img src="~/imlegacy/checkmark-small.svg">
|
||
</div>
|
||
<div class="timeline__item__name" i18n="">Transaction created</div>
|
||
</div>
|
||
<div class="timeline__item">
|
||
<div class="timeline__item__icon timeline__item__icon--pending">
|
||
<img src="~/imlegacy/pending.svg">
|
||
</div>
|
||
<div class="timeline__item__name">
|
||
<span i18n="">Transaction confirming — funds have not yet moved</span>
|
||
</div>
|
||
</div>
|
||
<div class="timeline__item">
|
||
<div class="timeline__item__icon"></div>
|
||
<div class="timeline__item__name" i18n="">Payment received by {{srvModel.storeName}}</div>
|
||
</div>
|
||
</div>
|
||
</low-fee-timeline>
|
||
</div>
|
||
<!---->
|
||
<!---->
|
||
<button class="action-button" style="margin-top: .75rem;">
|
||
<bp-done-text>
|
||
<!---->
|
||
<!---->
|
||
<span i18n="" class="i18n-return-to-merchant">Return to {{srvModel.storeName}}</span>
|
||
</bp-done-text>
|
||
</button>
|
||
</div>
|
||
<div class="bp-view expired" id="expired">
|
||
<!---->
|
||
<div>
|
||
<div class="expired__body">
|
||
<div class="expired__header" i18n="">What happened?</div>
|
||
<div class="expired__text" i18n="">This invoice has expired. An invoice is only valid for 15 minutes. You can <div class="expired__text__link i18n-return-to-merchant">return to {{srvModel.storeName}}</div> if you would like to submit your payment again.</div>
|
||
<div class="expired__text" i18n="">If you tried to send a payment, it has not yet been accepted by the Bitcoin network. We have not yet received your funds.</div>
|
||
<div class="expired__text" i18n="">
|
||
If the transaction
|
||
is not accepted by the Bitcoin network, the funds will be spendable
|
||
again in your wallet. Depending on your wallet, this may take 48-72
|
||
hours.
|
||
</div>
|
||
<div class="expired__text">
|
||
<span class="expired__text__bullet" i18n="">Invoice ID:</span> {{srvModel.invoiceId}}<br>
|
||
<!---->
|
||
<span>
|
||
<span class="expired__text__bullet" i18n="">Order ID:</span> {{srvModel.OrderId}}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<a href="/invoices" class="action-button" style="margin-top: 20px;">
|
||
<bp-done-text>
|
||
<!---->
|
||
<!---->
|
||
<span i18n="" class="i18n-return-to-merchant">Return to {{srvModel.storeName}}</span>
|
||
</bp-done-text>
|
||
</a>
|
||
</div>
|
||
<!---->
|
||
<!---->
|
||
</div>
|
||
<div class="bp-view expired" id="archived">
|
||
<div class="expired-icon">
|
||
<img src="~/imlegacy/archived.svg">
|
||
</div>
|
||
<div class="archived__message">
|
||
<div class="archived__message__header">
|
||
<span i18n="">This invoice has been archived.</span>
|
||
</div>
|
||
<div>
|
||
<span i18n="">Please contact the store for order information or assistance.</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!---->
|
||
<div class="bp-view" id="refund-complete">
|
||
<div class="status-block">
|
||
<div class="success-block" style="opacity: 1;">
|
||
<div class="status-icon">
|
||
<div class="status-icon__wrapper">
|
||
<div class="inner-wrapper">
|
||
<div class="status-icon__wrapper__icon">
|
||
<img src="~/imlegacy/checkmark.svg">
|
||
</div>
|
||
<div class="status-icon__wrapper__outline" style="height: 117px; width: 117px;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="success-message">
|
||
<!---->
|
||
<span>
|
||
<span i18n="">Refund Complete</span>
|
||
</span>
|
||
<!---->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="manual-box">
|
||
<div class="manual-box__amount amount-only">
|
||
<div class="manual-box__amount__label label">
|
||
<span class="initial-label" i18n="">Overpaid By</span>
|
||
<!---->
|
||
<span class="final-label">
|
||
<span i18n="">Amount Refunded</span>
|
||
</span>
|
||
<!---->
|
||
</div>
|
||
<div class="manual-box__amount__value">{BTC amount} BTC</div>
|
||
</div>
|
||
<div class="manual-box__address">
|
||
<div class="flipper flipped-initially">
|
||
<div class="back"></div>
|
||
<div class="front">
|
||
<div class="manual-box__address__arrow"></div>
|
||
<div class="manual-box__address__label label" i18n="">Refunded To</div>
|
||
<div class="manual-box__address__wrapper">
|
||
<div class="manual-box__address__wrapper__logo">
|
||
<img src="~/imlegacy/bitcoin-symbol.svg">
|
||
</div>
|
||
<div class="manual-box__address__wrapper__value">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<button class="action-button finished" style="margin-top: 23px;">
|
||
<bp-done-text>
|
||
<!---->
|
||
<!---->
|
||
<span i18n="" class="i18n-return-to-merchant">Return to {{srvModel.storeName}}</span>
|
||
</bp-done-text>
|
||
</button>
|
||
</div>
|
||
<!---->
|
||
<!---->
|
||
<div class="footer-button enter-different-address-button">
|
||
<bp-done-text>
|
||
<!---->
|
||
<!---->
|
||
<span i18n="" class="i18n-return-to-merchant">Return to {{srvModel.storeName}}</span>
|
||
</bp-done-text>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer">
|
||
<div class="footer__item no-hover" style="opacity: 1; padding-left: 0; max-height: 21px;">
|
||
@if(Model.AvailableCryptos.Count > 1)
|
||
{
|
||
<div style="text-align:center">Accepted here</div>
|
||
<div style="text-align:center">
|
||
@foreach(var crypto in Model.AvailableCryptos)
|
||
{
|
||
<a style="text-decoration:none;" href="@crypto.Link" onclick="srvModel.cryptoCode='@crypto.CryptoCode'; fetchStatus(); return false;"><img style="height:32px; margin-right:5px; margin-left:5px;" alt="@crypto.CryptoCode" src="@crypto.CryptoImage" /></a>
|
||
}
|
||
</div>
|
||
}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</invoice>
|
||
</body>
|
||
</html>
|