btcpayserver/BTCPayServer/Views/AppsPublic/PointOfSale/Static.cshtml

@model BTCPayServer.Models.AppViewModels.ViewPointOfSaleViewModel
@{
    Layout = "_LayoutPos";
    var anyInventoryItems = Model.Items.Any(item => item.Inventory.HasValue);
}

<div class="container d-flex h-100">
    <div class="justify-content-center align-self-center text-center mx-auto px-2 py-3 w-100 m-auto">
        <partial name="_StatusMessage" />

        <h1 class="mb-4">@Model.Title</h1>
        @if (!string.IsNullOrEmpty(Model.Description))
        {
            <div class="row">
                <div class="overflow-hidden col-12">@Safe.Raw(Model.Description)</div>
            </div>
        }
        <div class="card-deck my-3 mx-auto">
            @for (int x = 0; x < Model.Items.Length; x++)
            {
                var item = Model.Items[x];
                var buttonText = (string.IsNullOrEmpty(item.BuyButtonText) ?
                    item.Custom?
                    Model.CustomButtonText :
                    Model.ButtonText
                        : item.BuyButtonText)
                    .Replace("{0}",item.Price.Formatted)
                    .Replace("{Price}",item.Price.Formatted);
                <div class="card px-0" data-id="@x">
                    @if (!String.IsNullOrWhiteSpace(item.Image))
                    {
                        <img class="card-img-top" src="@item.Image" alt="Card image cap" asp-append-version="true">
                    }
                    @{CardBody(item.Title, item.Description);}
                    <div class="card-footer bg-transparent border-0 pb-3">
                        @if (!item.Inventory.HasValue || item.Inventory.Value > 0)
                        {
                            @if (item.Custom)
                                {
                                    <form method="post" asp-controller="AppsPublic" asp-action="ViewPointOfSale" asp-route-appId="@Model.AppId" asp-antiforgery="false" data-buy>
                                        <input type="hidden" name="choicekey" value="@item.Id"/>
                                        @{PayFormInputContent(item.BuyButtonText ?? Model.CustomButtonText, item.Price.Value, item.Price.Value);}
                                    </form>
                                }
                                else
                                {
                                    <form method="post" asp-controller="AppsPublic" asp-action="ViewPointOfSale" asp-route-appId="@Model.AppId" asp-antiforgery="false">
                                        <button type="submit" name="choiceKey" class="js-add-cart btn btn-primary" value="@item.Id">
                                            @buttonText
                                        </button>
                                    </form>
                                }
                        }
                        @if (item.Inventory.HasValue)
                        {

                            <div class="w-100 pt-2 text-center text-muted">
                                @if (item.Inventory > 0)
                                {
                                    <span>@item.Inventory left</span>
                                }
                                else
                                {
                                    <span>Sold out</span>
                                }
                            </div>
                        }
                        else if (anyInventoryItems)
                        {
                            <div class="w-100 pt-2">&nbsp;</div>
                        }
                    </div>
                </div>
            }
            @if (Model.ShowCustomAmount)
            {
                <div class="card px-0">
                    @{CardBody("Custom Amount", "Create invoice to pay custom amount");}
                    <div class="card-footer bg-transparent border-0 pb-3">
                        <form method="post" asp-controller="AppsPublic" asp-action="ViewPointOfSale" asp-route-appId="@Model.AppId" asp-antiforgery="false" data-buy>
                            @{PayFormInputContent(Model.CustomButtonText);}
                        </form>
                        @if (anyInventoryItems)
                        {
                            <div class="w-100 pt-2">&nbsp;</div>
                        }
                    </div>
                </div>
            }
        </div>
    </div>
</div>

@functions {
    private void PayFormInputContent(string buttonText, decimal? minPriceValue = null, decimal? priceValue = null)
    {
        <div class="input-group">
            <span class="input-group-text">@Model.CurrencySymbol</span>
            <input class="form-control" type="number" min="@(minPriceValue ?? 0)" step="@Model.Step" name="amount" placeholder="Amount" value="@priceValue">
               <button class="btn btn-primary text-nowrap" type="submit">@buttonText</button>
        </div>
    }

    private void CardBody(string title, string description)
    {
        <div class="card-body my-auto pb-0">
            <h5 class="card-title">@title</h5>
            @if (!String.IsNullOrWhiteSpace(description))
            {
                <p class="card-text">@Safe.Raw(description)</p>
            }
        </div>
    }
}