PIAPS_CW/WebApp/Pages/User/Settings.cshtml

60 lines
2.7 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>
<!-- Sending Policy input -->
<div class="form-outline mb-4">
<input asp-for="UserModel.OnlyImportantMails" type="checkbox" id="policy" />
<label class="form-label" for="policy">Send only important mails</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>