123 lines
6.6 KiB
Plaintext
123 lines
6.6 KiB
Plaintext
@page "{Transaction_UID}"
|
|
@using EnotaryoPH.Web.Pages.Shared.Components.NotaryoSteps
|
|
@model EnotaryoPH.Web.Pages.Principal.NotaryoSteps.UploadDocumentModel
|
|
@{
|
|
}
|
|
|
|
@section Head {
|
|
<link href="\lib\fontawesome-free-6.7.1-web\css\all.min.css" rel="stylesheet" />
|
|
}
|
|
|
|
<section class="my-5">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col">
|
|
<h1>Notaryo Steps</h1>
|
|
<div class="mt-3">
|
|
@await Component.InvokeAsync("NotaryoSteps", new
|
|
{
|
|
NotaryoSteps = new List<NotaryoStep>() {
|
|
new NotaryoStep { Name = "Upload Identification", Step = 1 },
|
|
new NotaryoStep { Name = "Take Selfie", Step = 2 },
|
|
new NotaryoStep { Name = "Upload Document", Step = 3, IsActive = true },
|
|
new NotaryoStep { Name = "Choose Notary", Step = 4 },
|
|
}
|
|
})
|
|
<div class="tab-content mt-3"></div>
|
|
</div>
|
|
<form class="mt-5" enctype="multipart/form-data" method="post" id="UploadDocumentForm">
|
|
<div class="row mt-3">
|
|
<div class="col-12 col-lg-6">
|
|
<div class="mb-3">
|
|
<label class="form-label">Document</label>
|
|
<input class="form-control" type="file" asp-for="DocumentFile" required />
|
|
@Html.ValidationMessageFor(x => x.DocumentFile)
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col">
|
|
<div class="mb-3"><label class="form-label">Document Type</label>
|
|
<select class="form-select" asp-for="DocumentType" asp-items="Model.DocumentTypes" required>
|
|
<option value="">Please choose an option</option>
|
|
</select>
|
|
</div>
|
|
@Html.ValidationMessageFor(x => x.DocumentType)
|
|
</div>
|
|
</div>
|
|
<div class="row mt-3">
|
|
<div class="col-12 col-lg-6 col-xxl-6"><label class="form-label">More than one principal?</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text">Email</span>
|
|
<input class="form-control" type="email" id="NewPrincipalEmail" />
|
|
<button class="btn btn-secondary" type="button" id="AddAdditionalPrincipalButton">ADD</button>
|
|
</div>
|
|
<div class="field-validation-error">
|
|
<span id="AdditionalPrincipalsValidation"></span>
|
|
</div>
|
|
<ul class="mt-2" id="AdditionalPrincipalsList">
|
|
</ul>
|
|
</div>
|
|
<div class="col-12 col-lg-6 col-xxl-6"><label class="form-label">More than one witness?</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text">Email</span>
|
|
<input class="form-control" type="email" id="NewWitnessEmail" />
|
|
<button class="btn btn-secondary" type="button" id="AddWitnessButton">ADD</button>
|
|
</div>
|
|
<div class="field-validation-error">
|
|
<span id="WitnessesValidation"></span>
|
|
</div>
|
|
<ul class="mt-2" id="WitnessesList">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<fieldset><label class="form-label">Would you like to record the video conference?</label>
|
|
<div class="d-flex">
|
|
<div class="form-check me-3"><input id="formCheck-2" class="form-check-input" type="radio" name="IsRecorded" checked /><label class="form-check-label" for="formCheck-2">Yes, record the session</label></div>
|
|
<div class="form-check"><input id="formCheck-3" class="form-check-input" type="radio" name="IsRecorded" /><label class="form-check-label" for="formCheck-3">No, do not record the session</label></div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-4">
|
|
<div class="col">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" asp-for="IsConfirmed" />
|
|
<label class="form-check-label" asp-for="IsConfirmed">I confirm and attest under oath that I freely and voluntarily executed the document; that I read and understood the same; and that the contents of the document are true and correct.</label>
|
|
</div>
|
|
@Html.ValidationMessageFor(x => x.IsConfirmed)
|
|
</div>
|
|
</div>
|
|
<input type="hidden" asp-for="CurrentUserEmail" />
|
|
<input type="hidden" asp-for="ParticipantsJson" />
|
|
<div class="d-flex">
|
|
<div class="flex-grow-1"></div>
|
|
<button type="submit" class="btn btn-primary btn-lg" id="NextButton">
|
|
<span>NEXT</span>
|
|
<i class="fas fa-chevron-right ms-2"></i>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<template id="ParticipantItemTemplate">
|
|
<li class="participantitem__li">
|
|
<div class="d-flex">
|
|
<span class="participantitem__email">mail@example.com</span>
|
|
<div class="flex-grow-1"></div>
|
|
<a role="button" style="color: var(--bs-danger);" class="participantitem__delete">
|
|
<i class="fas fa-times" data-bs-toggle="tooltip" data-bss-tooltip data-bs-placement="left" title="delete signatory"></i>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
</template>
|
|
|
|
@section Scripts {
|
|
<script src="/dist/js/jfa.min.js"></script>
|
|
<script src="~/Pages/Principal/NotaryoSteps/UploadDocument.cshtml.js" asp-append-version="true"></script>
|
|
} |