@page "/user/register"
@attribute [IgnoreAntiforgeryToken]
@inject IConfiguration Configuration
@using Microsoft.AspNetCore.Mvc.TagHelpers
@model AliasVault.Areas.User.Pages.RegisterModel

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

<partial name="_Logo" />
<h2 class="fw-bold mb-2 text-uppercase">Create account</h2>
<p class="text-white-50 mb-4">To get started, please register your account.</p>

<form id="account" method="post" class=" z-index-1 position-relative needs-validation" novalidate="">

    <div data-mdb-input-init class="form-outline form-white mb-4">
        <label asp-for="Input.Email" class="form-label"></label>
        <input asp-for="Input.Email" class="form-control"></input>
        <span asp-validation-for="Input.Email" class="text-danger"></span>
    </div>

    <div data-mdb-input-init class="form-outline form-white mb-4">
        <label asp-for="Input.Password" class="form-label"></label>
        <input asp-for="Input.Password" class="form-control"></input>
        <span asp-validation-for="Input.Password" class="text-danger"></span>
    </div>

    <div data-mdb-input-init class="form-outline form-white mb-4">
        <label asp-for="Input.PasswordConfirm" class="form-label"></label>
        <input asp-for="Input.PasswordConfirm" class="form-control"></input>
        <span asp-validation-for="Input.PasswordConfirm" class="text-danger"></span>
    </div>

    <div class="form-check mb-3">
        <div>
            <input asp-for="Input.AcceptTerms" class="form-check-input"/>
            <label for="Input_AcceptTerms" class="form-label">I agree with the <a href="@(Configuration["WebshopBaseUrl"])/terms-conditions" target="_blank">terms and conditions</a></label>
        </div>
        <span asp-validation-for="Input.AcceptTerms" class="text-danger"></span>
    </div>

    <button data-mdb-button-init data-mdb-ripple-init class="btn btn-outline-light btn-lg px-5" type="submit">Register</button>

    <div class="d-flex justify-content-center text-center mt-4 pt-1">
        <a href="#!" class="text-white"><i class="fab fa-facebook-f fa-lg"></i></a>
        <a href="#!" class="text-white"><i class="fab fa-twitter fa-lg mx-4 px-2"></i></a>
        <a href="#!" class="text-white"><i class="fab fa-google fa-lg"></i></a>
    </div>
</form>

<div>
    <p class="mb-0">Already have an account? <a href="/user/login" class="text-white-50 fw-bold">Sign In</a>
    </p>
</div>
