@page
@using Microsoft.Extensions.Options
@using SdvCode.SecurityModels
@inject IOptions<ReCaptchSettings> GoogleReCaptch
@model ExternalLoginModel
@{
    ViewData["Title"] = "Register";
}
<div id="banner-area">
    <img src="~/images/banner/banner2.jpg" alt="" />
    <div class="parallax-overlay"></div>
    <div class="banner-title-content">
        <div class="text-center">
            <h2>Register Page</h2>
            <ul class="breadcrumb">
                <li>Home</li>
                <li><a href="#"> Register</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="container">
    <h1>@ViewData["Title"]</h1>
    <h4>Associate your @Model.LoginProvider account.</h4>
    <hr />

    <p class="text-info">
        You've successfully authenticated with <strong>@Model.LoginProvider</strong>.
        Please enter an email address for this site below and click the Register button to finish
        logging in.
    </p>

    <div class="row">
        <div class="col-md-4">
            <form asp-page-handler="Confirmation" asp-route-returnUrl="@Model.ReturnUrl" method="post">
                <div asp-validation-summary="All" class="text-danger"></div>
                <div class="form-group">
                    <label asp-for="Input.Email"></label>
                    <input asp-for="Input.Email" class="form-control" />
                    <span asp-validation-for="Input.Email" class="text-danger"></span>
                </div>
                <div class="form-group">
                    <label asp-for="Input.Username"></label>
                    <input asp-for="Input.Username" class="form-control" />
                    <span asp-validation-for="Input.Username" class="text-danger"></span>
                </div>
                <button type="submit" class="btn btn-primary">Register</button>
            </form>
            <br />
        </div>
    </div>
</div>
@section Scripts {
    <partial name="_ValidationScriptsPartial" />

    <script src="https://www.google.com/recaptcha/api.js?render=@GoogleReCaptch.Value.SiteKey"></script>
    <script>
        grecaptcha.ready(function () {
            grecaptcha.execute('_reCAPTCHA_site_key_', { action: 'homepage' }).then(function (token) {

            });
        });
    </script>
}