@page "{InvitationCode?}"
@model EnotaryoPH.Web.Pages.Participant.Registration.IndexModel
@{
}

@section Head {
    <link href="\lib\fontawesome-free-6.7.1-web\css\all.min.css" rel="stylesheet" />
}


<div class="container">
    <h1 class="my-4">Principal/Witness Registration</h1>
    <div class="row mb-5">
        <div class="col-12 col-md-8 col-lg-6 col-xl-5">
            <form method="post">
                <input type="hidden" asp-for="TransactionSignatory_UID" />
                <div class="row mt-3">
                    <div class="col">
                        <label class="form-label">Enter your Birthdate</label>
                        <div class="row">
                            <div class="col"><input asp-for="Year" class="form-control mb-3" type="number" placeholder="Year" required /></div>
                            <div class="col"><input asp-for="Month" class="form-control mb-3" type="number" placeholder="Month" required /></div>
                            <div class="col"><input asp-for="Day" class="form-control mb-3" type="number" placeholder="Day" required /></div>
                        </div>
                        @Html.ValidationMessage("Birthdate")
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col">
                        <label class="form-label">Enter your Phone Number</label>
                        <div class="row">
                            <div class="col"><input asp-for="PhoneNumber" class="form-control mb-3" type="text" placeholder="Phone Number" required /></div>
                        </div>
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col">
                        <label class="form-label">Enter your Name</label>
                        <div class="row">
                            <div class="col-12 col-md-6"><input asp-for="Firstname" class="form-control mb-3" type="text" placeholder="Firstname" required /></div>
                            <div class="col"><input asp-for="Lastname" class="form-control mb-3" type="text" placeholder="Lastname" required /></div>
                        </div>
                        <div class="row">
                            <div class="col-12 col-md-6"><input asp-for="Middlename" class="form-control mb-3" type="text" placeholder="Middlename" /></div>
                            <div class="col"><input asp-for="Prefix" class="form-control mb-3" type="text" placeholder="Prefix" /></div>
                            <div class="col"><input asp-for="Suffix" class="form-control mb-3" type="text" placeholder="Suffix" /></div>
                        </div>
                    </div>
                </div>
                <div class="row mt-3 mb-0">
                    <div class="col">
                        <div class="form-check"><input id="EighteenYearsOrOlder" class="form-check-input" type="checkbox" required /><label class="form-check-label" for="EighteenYearsOrOlder">I am 18 years old or older</label></div>
                        <button type="submit" class="btn btn-primary btn-lg">
                            CONTINUE
                            <i class="fas fa-chevron-right ms-2"></i>
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>