@page "/change-password"
@attribute [Authorize]

@using Microsoft.AspNetCore.Authorization
@using Microsoft.AspNetCore.Components

<PageTitle>Change Password</PageTitle>

<h1>Change password</h1>

@if (!string.IsNullOrWhiteSpace(Error))
{
    <div class="alert alert-danger" role="alert">@Error</div>
}

<form method="post" action="/api/change-password" class="d-flex flex-column gap-3" style="max-width: 420px;">
    <div>
        <label for="newPassword" class="form-label">New password</label>
        <input id="newPassword" name="newPassword" type="password" autocomplete="new-password" class="form-control" required />
    </div>

    <div>
        <label for="confirmPassword" class="form-label">Confirm new password</label>
        <input id="confirmPassword" name="confirmPassword" type="password" autocomplete="new-password" class="form-control" required />
    </div>

    <button type="submit" class="btn btn-primary">Change password</button>
</form>

@code {
    [SupplyParameterFromQuery]
    public string? Error { get; set; }
}