sunrise-cms/public/html/lotOccupancy-editOccupant.html

<div class="modal" role="dialog">
    <div class="modal-background"></div>
    <div class="modal-card">
        <header class="modal-card-head">
            <h3 class="modal-card-title">
                Update <span class="alias" data-alias="Occupant"></span>
            </h3>
            <button class="delete is-close-modal-button" aria-label="close" type="button"></button>
        </header>
        <section class="modal-card-body">
            <form id="form--lotOccupancyOccupantEdit">
                <input id="lotOccupancyOccupantEdit--lotOccupancyId" name="lotOccupancyId" type="hidden" value="" />
                <input id="lotOccupancyOccupantEdit--lotOccupantIndex" name="lotOccupantIndex" type="hidden" value="" />
                <div class="field">
                    <label class="label" for="lotOccupancyOccupantEdit--lotOccupantTypeId"><span class="alias" data-alias="Occupant"></span> Type</label>
                    <div class="control">
                        <div class="select is-fullwidth">
                            <select id="lotOccupancyOccupantEdit--lotOccupantTypeId" name="lotOccupantTypeId" required></select>
                        </div>
                    </div>
                </div>
                <div class="field">
                    <label class="label" for="lotOccupancyOccupantEdit--occupantName"><span class="alias" data-alias="Occupant"></span> Name</label>
                    <div class="control">
                        <input class="input" id="lotOccupancyOccupantEdit--occupantName" name="occupantName" type="text" maxlength="200" autocomplete="off" required />
                    </div>
                </div>
                <div class="field">
                    <label class="label" for="lotOccupancyOccupantEdit--occupantAddress1">Address</label>
                    <div class="control">
                        <input class="input" id="lotOccupancyOccupantEdit--occupantAddress1" name="occupantAddress1" type="text" maxlength="50" placeholder="Line 1" autocomplete="off" />
                    </div>
                </div>
                <div class="field">
                    <div class="control">
                        <input class="input" id="lotOccupancyOccupantEdit--occupantAddress2" name="occupantAddress2" type="text" maxlength="50" placeholder="Line 2" aria-label="Address Line 2" autocomplete="off" />
                    </div>
                </div>
                <div class="columns">
                    <div class="column">
                        <div class="field">
                            <label class="label" for="lotOccupancyOccupantEdit--occupantCity">City</label>
                            <div class="control">
                                <input class="input" id="lotOccupancyOccupantEdit--occupantCity" name="occupantCity" type="text" maxlength="20" />
                            </div>
                        </div>
                    </div>
                    <div class="column">
                        <div class="field">
                            <label class="label" for="lotOccupancyOccupantEdit--occupantProvince">Province</label>
                            <div class="control">
                                <input class="input" id="lotOccupancyOccupantEdit--occupantProvince" name="occupantProvince" type="text" maxlength="2" />
                            </div>
                        </div>
                    </div>
                    <div class="column">
                        <div class="field">
                            <label class="label" for="lotOccupancyOccupantEdit--occupantPostalCode">Postal Code</label>
                            <div class="control">
                                <input class="input" id="lotOccupancyOccupantEdit--occupantPostalCode" name="occupantPostalCode" type="text" maxlength="7" autocomplete="off" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="columns">
                    <div class="column">
                        <div class="field">
                            <label class="label" for="lotOccupancyOccupantEdit--occupantPhoneNumber">Phone Number</label>
                            <div class="control">
                                <input class="input" id="lotOccupancyOccupantEdit--occupantPhoneNumber" name="occupantPhoneNumber" type="text" maxlength="30" autocomplete="off" />
                            </div>
                        </div>
                    </div>
                    <div class="column">
                        <div class="field">
                            <label class="label" for="lotOccupancyOccupantEdit--occupantEmailAddress">Email Address</label>
                            <div class="control">
                                <input class="input" id="lotOccupancyOccupantEdit--occupantEmailAddress" name="occupantEmailAddress" type="email" maxlength="200" autocomplete="off" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="field">
                    <label class="label" for="lotOccupancyOccupantEdit--occupantComment">Comment</label>
                    <div class="control">
                        <textarea class="textarea" id="lotOccupancyOccupantEdit--occupantComment" name="occupantComment"></textarea>
                    </div>
                </div>
            </form>
        </section>
        <footer class="modal-card-foot justify-right">
            <button class="button is-success" type="submit" form="form--lotOccupancyOccupantEdit">
                <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
                <span>Update <span class="alias" data-alias="Occupant"></span></span>
            </button>
            <button class="button is-close-modal-button" type="button">Cancel</button>
        </footer>
    </div>
</div>