LocalGovIMS_localgov-ims/src/PaymentPortal/Views/Payment/Success.cshtml
@{
    ViewBag.FormTitle = "Make a payment";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@Html.Hidden("PspReference", TempData["Receipt"])
@Html.Hidden("Hash", TempData["Hash"])

<div class="row">
    <div class="col-12">

        <div class="card">
            <div class="card-body">

                <h2 class="card-title">
                    Successful payment
                </h2>

                <div class="card-text text-center">
                    <i class="fa fa-check-circle-o mt-1" style="color: #008080; font-size: 10rem;" aria-hidden="true"></i>

                    <p class="fs-3">Thank you, your payment was successful.</p>

                    <p>Your payment reference is <strong class="p-2" style="background-color: #f0f0f0;">@TempData["Receipt"]</strong><p>

                        @{
                            TempData.Remove("Receipt");
                        }

                    <p>Please make a copy of this reference number for your records.</p>

                    <div class="container mb-3">
                        <div class="row justify-content-center">
                            <div class="col-md-auto p-3" style="background-color: #f4f1e8;">
                                <p>If you'd like an email receipt please enter your email address below</p>

                                <div class="d-grid d-md-flex gap-2 justify-content-md-center">
                                    <label for="EmailAddress" class="visually-hidden">Email address</label>
                                    @Html.TextBox("EmailAddress", "", new { placeholder = "Email address", size = "40", type = "email", @class = "form-control" })
                                    <a class="btn btn-primary ui-send-email" href="#" style="min-width:170px;">Send email receipt</a>
                                </div>

                                <div class="alert alert-danger email-receipt-message mt-3 mb-0" style="display:none;">
                                    Sorry there was a problem sending your receipt, please check your email and try again
                                </div>

                                <div class="alert alert-success email-receipt-message-success mt-3 mb-0" style="display:none;">
                                    No problem! Your receipt has been sent to the email address specified
                                </div>
                            </div>
                        </div>
                    </div>

                    <div>
                        <a class="btn btn-primary ui-return" href="@(System.Configuration.ConfigurationManager.AppSettings["Organisation.Website"])">Continue to the main @(System.Configuration.ConfigurationManager.AppSettings["Organisation.ShortName"]) website</a>
                        <a class="btn btn-secondary ui-another-payment" href="@(System.Configuration.ConfigurationManager.AppSettings["PortalPaymentsURL"])">Make another payment</a>
                    </div>

                </div>
            </div>
        </div>

    </div>
</div>

@section Scripts {
    @Scripts.Render("~/bundles/app/payment")
}
