From da77d278fb209ca55ce1aeec459b1f85be983848 Mon Sep 17 00:00:00 2001
From: lepipele <lepipele@users.noreply.github.com>
Date: Fri, 16 Mar 2018 23:46:39 -0500
Subject: [PATCH] Adding Shapeshift button in new Altcoins tab

---
 BTCPayServer/Views/Invoice/Checkout.cshtml | 26 +++++++++++++++++-----
 1 file changed, 21 insertions(+), 5 deletions(-)

diff --git a/BTCPayServer/Views/Invoice/Checkout.cshtml b/BTCPayServer/Views/Invoice/Checkout.cshtml
index 42542e995..04cd2f140 100644
--- a/BTCPayServer/Views/Invoice/Checkout.cshtml
+++ b/BTCPayServer/Views/Invoice/Checkout.cshtml
@@ -263,11 +263,27 @@
                                         </div>
                                     </div>
                                     <div id="altcoins" class="bp-view payment manual-flow">
-                                        <p>Instructions... understand there is forwarding time...</p>
-                                        <script>function shapeshift_click(a, e) { e.preventDefault(); var link = a.href; var shapeshiftWindow = window.open(link, '1418115287605', 'width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=0,left=0,top=0'); shapeshiftWindow.focus(); return false; }</script>
-                                        <a onclick="shapeshift_click(this, event);" v-bind:href="srvModel.shapeshiftUrl">
-                                            <img src="https://shapeshift.io/legacy/images/lens_icon.png" class="ss-button" style="height:32px; margin-left: 5px;">
-                                        </a>
+                                        <div class="manual__step-two__instructions">
+                                            <span>
+                                                You can pay {{ srvModel.btcDue }} {{ srvModel.cryptoCode }} using Altcoins.
+                                                <br /><br />
+                                                This service is provided by 3rd party. Please keep in mind that
+                                                we have <b><u>no control</u></b> over how providers will forward your funds.
+                                                Invoice will only be marked paid once funds are received on {{srvModel.cryptoCode}} Blockchain.
+                                            </span>
+                                        </div>
+                                        <center>
+                                            <script>function shapeshift_click(a, e) { e.preventDefault(); var link = a.href; var shapeshiftWindow = window.open(link, '1418115287605', 'width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=0,left=0,top=0'); shapeshiftWindow.focus(); return false; }</script>
+                                            <a onclick="shapeshift_click(this, event);" v-bind:href="srvModel.shapeshiftUrl">
+                                                <img src="https://shapeshift.io/images/shifty/xs_light_altcoins.png" class="ss-button">
+                                            </a>
+
+                                            @*Changelly doesn't have TO_AMOUNT support so we can't include it
+                                                <script type="text/javascript">function open_widget(a, e) { e.preventDefault(); var link = a.href; var changellyWindow = window.open(link, 'Changelly', 'width=600,height=470,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=0,left=0,top=0'); changellyWindow.focus(); return false; }</script> 
+                                            <a onclick="open_widget(this, event);" href="https://changelly.com/widget/v1?auth=email&from=DASH&to=BTC&address=&amount=1&merchant_id=&ref_id="> 
+                                                <img src="https://changelly.com/pay_button_pay_with.png" alt="Changelly" />
+                                            </a>*@
+                                        </center>
                                     </div>
                                     <div class="bp-view" id="link-expired" style="padding-top: 3.6rem;">
                                         <div class="manual__step-one refund-address-form" novalidate="">