@model RegisterViewModel
@{
    ViewData["Title"] = "Регистрация";
}

<div class="page-head">
    <span class="section-overline">Аккаунт</span>
    <h1 class="page-title">Регистрация</h1>
    <p class="page-subtitle">Создайте аккаунт, чтобы оформлять заказы.</p>
</div>

<div class="auth-panel">
    <form asp-action="Register" asp-controller="Account" method="post">
        <div asp-validation-summary="ModelOnly" class="text-danger mb-3"></div>

        <div class="mb-3">
            <label asp-for="Name" class="form-label"></label>
            <input asp-for="Name" class="form-control" autocomplete="name" placeholder="Иван Иванов" />
            <span asp-validation-for="Name" class="field-validation-error"></span>
        </div>

        <div class="mb-3">
            <label asp-for="Login" class="form-label"></label>
            <input asp-for="Login" class="form-control" autocomplete="username" placeholder="ivan" />
            <span asp-validation-for="Login" class="field-validation-error"></span>
        </div>

        <div class="mb-3">
            <label asp-for="Password" class="form-label"></label>
            <input asp-for="Password" class="form-control" autocomplete="new-password" placeholder="Минимум 4 символа" />
            <span asp-validation-for="Password" class="field-validation-error"></span>
        </div>

        <div class="mb-3">
            <label asp-for="ConfirmPassword" class="form-label"></label>
            <input asp-for="ConfirmPassword" class="form-control" autocomplete="new-password" placeholder="Повторите пароль" />
            <span asp-validation-for="ConfirmPassword" class="field-validation-error"></span>
        </div>

        <button type="submit" class="btn btn-primary w-100">Создать аккаунт</button>

        <p class="auth-switch">
            Уже есть аккаунт?
            <a asp-action="Login" asp-controller="Account">Войти</a>
        </p>
    </form>
</div>

@section Scripts {
    <partial name="_ValidationScriptsPartial" />
}