BTCPayServerPlugins/Plugins/BTCPayServer.Plugins.SideShift/Views/Shared/SideShift/CheckoutContentExtension.cshtml

@using BTCPayServer.Plugins.SideShift
@inject SideShiftService SideShiftService
@model BTCPayServer.Models.InvoicingModels.PaymentModel

@{
    var settings = await SideShiftService.GetSideShiftForInvoice(Model.InvoiceId, Model.StoreId);
    
    if (settings?.Enabled is true)
    {
        <div id="sideshift" class="bp-view payment manual-flow" :class="{ active: currentTab == 'undefined' || currentTab == 'sideshift' }">
            <div class="manual__step-two__instructions">
                <span>
                    {{$t("ConversionTab_BodyTop", srvModel)}}
                    <br/><br/>
                    {{$t("ConversionTab_BodyDesc", srvModel)}}
                </span>
            </div>
            <side-shift inline-template
                        :to-currency="srvModel.paymentMethodId"
                        :to-currency-due="srvModel.btcDue * (1 + (@settings.AmountMarkupPercentage / 100)) "
                        :to-currency-address="srvModel.btcAddress">
                <a v-on:click="openDialog($event)" href="#" class="action-button btn btn-secondary rounded-pill w-100 mt-4">{{$t("Pay with SideShift")}}</a>
            </side-shift>
        </div>
    }
}