54 lines
2.4 KiB
Plaintext
54 lines
2.4 KiB
Plaintext
@page
|
|
@model WebApp.Pages.User.SettingsModel
|
|
|
|
<div class="card bg-glass">
|
|
<div class="card-body px-4 py-5 px-md-5">
|
|
<form method="post">
|
|
<!-- 2 column grid layout with text inputs for the first and last names -->
|
|
<div class="row">
|
|
<div class="col-md-6 mb-4">
|
|
<div data-mdb-input-init class="form-outline">
|
|
<input asp-for="UserModel.FirstName" type="text" id="firstname" class="form-control" />
|
|
<label class="form-label" for="firstname">First name</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 mb-4">
|
|
<div data-mdb-input-init class="form-outline">
|
|
<input asp-for="UserModel.SecondName" type="text" id="lastname" class="form-control" />
|
|
<label class="form-label" for="lastname">Last name</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Email input -->
|
|
<div data-mdb-input-init class="form-outline mb-4">
|
|
<input asp-for="UserModel.Email" type="email" id="email" class="form-control" />
|
|
<label class="form-label" for="email">Email address</label>
|
|
</div>
|
|
|
|
<!-- Password input -->
|
|
<div data-mdb-input-init class="form-outline mb-4">
|
|
<input asp-for="UserModel.Password" type="password" id="password" class="form-control" />
|
|
<label class="form-label" for="password">Password</label>
|
|
</div>
|
|
|
|
<!-- Birthday input -->
|
|
<div data-mdb-input-init class="form-outline mb-4">
|
|
<input asp-for="UserModel.Birthday" type="date" id="birthday" class="form-control" />
|
|
<label class="form-label" for="birthday">Birthday</label>
|
|
</div>
|
|
|
|
<!-- Hidden inputs -->
|
|
<input type="hidden" asp-for="UserModel.Id" />
|
|
<input type="hidden" asp-for="UserModel.Role.Id" />
|
|
|
|
<!-- Submit button -->
|
|
<button type="submit" data-mdb-button-init data-mdb-ripple-init class="btn btn-primary btn-block mb-4">
|
|
Save settings
|
|
</button>
|
|
</form>
|
|
<form asp-page-handler="DeleteProfile" method="post">
|
|
<button class="btn btn-danger btn-block mb-4">Delete this account permanently</button>
|
|
</form>
|
|
</div>
|
|
</div> |