@model PaymentModel
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <META NAME="robots" CONTENT="noindex,nofollow">
    <title>@Model.HtmlTitle</title>
</head>
<body>
    <h1>Pay with @Model.StoreName</h1>
    @if (Model.Status == "new")
    {
        <div>
            <p>To complete payment, please send <b>@Model.BtcDue @Model.CryptoCode</b> to <b style="word-break: break-word;">@Model.BtcAddress</b></p>
            <p>Time remaining: @Model.TimeLeft</p>
            <p><a href="@Model.InvoiceBitcoinUrl" style="word-break: break-word;">@Model.InvoiceBitcoinUrl</a></p>
            @if (Model.IsLightning)
            {
                <p>Peer Info: <b>@Model.PeerInfo</b></p>
            }
        </div>

        @if (Model.AvailableCryptos.Count > 1)
        {
            <div>
                <hr />
                <h2>Pay with:</h2>
                <ul style="list-style-type: none;padding-left: 5px;">
                    @foreach (var crypto in Model.AvailableCryptos)
                    {
                        <li style="height: 32px; line-height: 32px;">
                            <a href="/invoice-noscript?id=@Model.InvoiceId&paymentMethodId=@crypto.PaymentMethodId">
                            <img alt="@crypto.PaymentMethodName" src="@crypto.CryptoImage" style="vertical-align:middle; height:24px; text-decoration:none; margin-top: -3px;" /></a>
                            <a href="/invoice-noscript?id=@Model.InvoiceId&paymentMethodId=@crypto.PaymentMethodId" style="padding-top: 2px;">
                                @crypto.PaymentMethodName
                                @(crypto.IsLightning ? Html.Raw("&#9889;") : null)
                                (@crypto.CryptoCode)
                            </a>
                        </li>
                    }
                </ul>
            </div>
        }
    }
    else if (Model.Status == "paid" || Model.Status == "complete" || Model.Status == "confirmed")
    {
        <div>
            <p>This invoice has been paid</p>
        </div>
    }
    else if (Model.Status == "expired" || Model.Status == "invalid")
    {
        <div>
            <p>This invoice has expired</p>
        </div>
    }
    else
    {
        <div>
            <p>Non-supported state of invoice</p>
        </div>
    }

    <hr />
    <p>
        <a href="/i/@Model.InvoiceId">Go back to Javascript enabled invoice</a>
    </p>
</body>
</html>
