81 lines
4.7 KiB
HTML
81 lines
4.7 KiB
HTML
<div class="modal">
|
|
<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" 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" maxlength="50" placeholder="Line 1" autocomplete="off" />
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="control">
|
|
<input class="input" id="lotOccupancyOccupantEdit--occupantAddress2" name="occupantAddress2" 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" 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" 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" maxlength="7" autocomplete="off" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="lotOccupancyOccupantEdit--occupantPhoneNumber">Phone Number</label>
|
|
<div class="control">
|
|
<input class="input" id="lotOccupancyOccupantEdit--occupantPhoneNumber" name="occupantPhoneNumber" maxlength="30" autocomplete="off" />
|
|
</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> |