Wappler_Access/views/confirm.ejs

<!-- Wappler include head-page="layouts/newmain" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="confirm" appConnect="local" components="{dmxValidator:{},dmxBrowser:{}}" -->
<meta name="ac:route" content="/confirm">
<header class="mt-4 ms-4">
    <h1>Confirm your identity</h1>
</header>
<div class="container">
    <div class="row">
        <div class="col">
            <form id="frm_confirm" is="dmx-serverconnect-form" action="/api/security/confirm" dmx-on:success="browser1.goto('/partinfo')">
                <div class="row">
                    <input id="inp_id" name="id" class="form-control">
                    <div class="col">
                        <div class="row justify-content-center">
                            <div class="col text-center">
                                <div class="form-group mb-3 row" style="width: 100%;">
                                    <label for="inp_confirmationcode" class="col-sm-2 col-form-label" style="width: fit-content;;">Confirmation Code</label>
                                    <div class="align-self-center col-sm-7" style="float: left;">
                                        <input type="text" class="form-control" id="inp_confirmationcode" name="confirmation" aria-describedby="input1_help" placeholder="Enter some text">
                                    </div>
                                </div>
                                <div class="form-group mb-3 row" style="width: 100%;">
                                    <label for="inp_firstname" class="col-sm-2 col-form-label" style="width: fit-content;;">First Name</label>
                                    <div class="align-self-center col-sm-7" style="float: left;">
                                        <input type="text" class="form-control" id="inp_firstname" name="firstname" aria-describedby="input1_help" placeholder="Enter first name" required="">
                                    </div>
                                </div>
                                <div class="form-group mb-3 row" style="width: 100%;">
                                    <label for="inp_lastname" class="col-sm-2 col-form-label" style="width: fit-content;;">Last Name</label>
                                    <div class="align-self-center col-sm-7" style="float: left;">
                                        <input type="text" class="form-control" id="inp_lastname" name="lastname1" aria-describedby="input1_help" placeholder="Enter last name" required="">
                                    </div>
                                </div>
                                <div class="form-group mb-3 row" style="width: 100%;">
                                    <label for="inp_email" class="col-sm-2 col-form-label" style="width: fit-content;">Email</label>
                                    <div class="align-self-center col-sm-7" style="float: left;">
                                        <input type="text" class="form-control" id="inp_email" name="email" aria-describedby="input1_help" required="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <div class="form-group mb-3 row">
                                    <label for="inp_password" class="col-sm-2 col-form-label" style="width: fit-content;">Password</label>
                                    <div class="col-sm-7">
                                        <input type="password" class="form-control" id="inp_password" name="password" aria-describedby="input1_help" required="" data-rule-nowhitespace="">
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group mb-3 row">
                                    <label for="inp_password1" class="col-sm-2 col-form-label" style="width: fit-content;">Confirm Password</label>
                                    <div class="col-sm-6">
                                        <input type="password" class="form-control" id="inp_password1" name="password1" aria-describedby="input1_help" required="" data-rule-equalto="password">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col text-end">
                                <button id="btn1" class="btn btn-primary" type="submit">Save</button>
                            </div>
                        </div>




                    </div>
                </div>
            </form>
        </div>
    </div>
</div>