@page "/register"
@layout AuthLayout
@using BudgetApp.Data.Entities
@using Microsoft.AspNetCore.Identity
@inject UserManager<ApplicationUser> UserManager
@inject SignInManager<ApplicationUser> SignInManager
@inject NavigationManager Navigation

<PageTitle>Budgeteer Beta — Register</PageTitle>

<h3 class="text-center mb-4">Create Account</h3>

<EditForm Model="Model" OnValidSubmit="HandleRegister" FormName="register">
    <DataAnnotationsValidator />

    @if (!string.IsNullOrEmpty(_errorMessage))
    {
        <div class="alert alert-danger">@_errorMessage</div>
    }

    <div class="mb-3">
        <label class="form-label">Email</label>
        <InputText @bind-Value="Model.Email" class="form-control" placeholder="you@example.com" />
        <ValidationMessage For="() => Model.Email" />
    </div>

    <div class="mb-3">
        <label class="form-label">Password</label>
        <InputText @bind-Value="Model.Password" type="password" class="form-control" placeholder="At least 8 characters" />
        <ValidationMessage For="() => Model.Password" />
    </div>

    <div class="mb-3">
        <label class="form-label">Confirm Password</label>
        <InputText @bind-Value="Model.ConfirmPassword" type="password" class="form-control" />
        <ValidationMessage For="() => Model.ConfirmPassword" />
    </div>

    <button type="submit" class="btn btn-primary w-100">Register</button>
</EditForm>

<p class="text-center mt-3">
    Already have an account? <a href="/login">Sign in</a>
</p>