@page
@model PurchasePages.CheckoutModel

@{
    ViewData["Title"] = "Checkout";
}

<h1>Artwork Purchase Checkout</h1>

<partial name="../Shared/Partials/_AWD_Brief" model="Model.Purchase.Artwork" />

<div>
    <h4>Purchase Details</h4>
    <hr />
    <dl class="row">
        <dt class="col-sm-2">
            @Html.DisplayNameFor(model => model.Purchase.Purchase_DTS)
        </dt>
        <dd class="col-sm-10">
            @Html.DisplayFor(model => model.Purchase.Purchase_DTS)
        </dd>
        <dt class="col-sm-2">
            Purchase type
        </dt>
        <dd class="col-sm-10">
            @Model.Purchase.PurchaseMetas.FirstOrDefault(m => m.PurchaseMeta_Name == "Purchase_Type")
        </dd>
        <dt class="col-sm-2">
            @Html.DisplayNameFor(model => model.Purchase.Purchase_State)
        </dt>
        <dd class="col-sm-10">
            @Html.DisplayFor(model => model.Purchase.Purchase_State)
        </dd>
        <dt class="col-sm-2">
            @Html.DisplayNameFor(model => model.Purchase.Purchase_TandCs)
        </dt>
        <dd class="col-sm-10">
            @Html.DisplayFor(model => model.Purchase.Purchase_TandCs)
        </dd>
        <dt class="col-sm-2">
            @Html.DisplayNameFor(model => model.Purchase.Purchase_Marketing)
        </dt>
        <dd class="col-sm-10">
            @Html.DisplayFor(model => model.Purchase.Purchase_Marketing)
        </dd>
        @if (User.IsInRole("Adminstrator"))
        {
            <dt class="col-sm-2">
                @Html.DisplayNameFor(model => model.Purchase.Artwork.CurrencyCode)
            </dt>
            <dd class="col-sm-10">
                @Html.DisplayFor(model => model.Purchase.Artwork.CurrencyCode)
            </dd>
            <dt class="col-sm-2">
                @Html.DisplayNameFor(model => model.Purchase.StripeSessionId)
            </dt>
            <dd class="col-sm-10">
                @Html.DisplayFor(model => model.Purchase.StripeSessionId)
            </dd>
            <dt class="col-sm-2">
                @Html.DisplayNameFor(model => model.Purchase.StripeIntentId)
            </dt>
            <dd class="col-sm-10">
                @Html.DisplayFor(model => model.Purchase.StripeIntentId)
            </dd>
        }
        <dt class="col-sm-2">
            @Html.DisplayNameFor(model => model.Purchase.Asset.EditionNumber)
        </dt>
        <dd class="col-sm-10">
            @Html.DisplayFor(model => model.Purchase.Asset.EditionNumber)
        </dd>
    </dl>
</div>
<div>
    <h4>Checkout</h4>
    <form method="post">
        <div asp-validation-summary="ModelOnly" class="text-danger"></div>
        <input type="hidden" asp-for="@Model.Purchase.PurchaseId" />
        <input type="hidden" asp-for="@Model.Purchase.UserId" />
        <input type="hidden" asp-for="@Model.Purchase.ArtworkId" />
        <input type="hidden" asp-for="@Model.Purchase.StripeSessionId" />

        <p>Description: @Model.StripeVM.SalesDesc</p>
        <p>VAT rate: @Model.StripeVM.VAT_Rate %, Commission @Model.StripeVM.CommissionRate %</p>
        <p>Total Amount: @Model.StripeVM.CurrencyText '@Model.StripeVM.SalesAmount'</p>
        <button onclick="BuyNow_Click()" class="btn btn-danger">Buy Now</button>
        <input type="submit" name="submit" value="Cancel" class="btn btn-info" />
    </form>
    <h5>@Model.oContentMeta.CMM_Desc</h5>
    <p>@Model.oContentMeta.CMM_Data</p>
</div>

<script>
    // our Stripe public key
    var stripe = Stripe('@Model.StripeVM.StripeKey');

    function BuyNow_Click() {
        // call Stripe Check-out
        stripe.redirectToCheckout({
            sessionId: '@Model.Purchase.StripeSessionId'
        }).then(function (result) {
            // If `redirectToCheckout` fails due to a browser or network
            // error, display the localized error message to your customer
            // using `result.error.message`.
        });
    }

    // auto-call Stripe-Checkout
    BuyNow_Click();

</script>