public/html/licence-ticketTypeAdd.html
<div class="modal">
<div class="modal-background"></div>
<div class="modal-card">
<header class="modal-card-head">
<h3 class="modal-card-title">Add a Ticket Type</h3>
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
</header>
<section class="modal-card-body">
<form id="form--ticketTypeAdd">
<div class="field">
<label class="label" for="ticketTypeAdd--manufacturerLocationID">Manufacturer</label>
<div class="control">
<div class="select is-fullwidth">
<select id="ticketTypeAdd--manufacturerLocationID" name="manufacturerLocationID" required></select>
</div>
</div>
</div>
<div class="field">
<label class="label" for="ticketTypeAdd--distributorLocationID">Distributor</label>
<div class="control">
<div class="select is-fullwidth">
<select id="ticketTypeAdd--distributorLocationID" name="distributorLocationID" required></select>
</div>
</div>
</div>
<div class="field">
<label class="label" for="ticketTypeAdd--ticketType">Ticket Type</label>
<div class="control">
<div class="select is-fullwidth">
<select id="ticketTypeAdd--ticketType" name="ticketType" required></select>
</div>
</div>
<p id="ticketTypeAdd--ticketType-description"></p>
</div>
<div class="columns">
<div class="column">
<div class="field">
<label class="label" for="ticketTypeAdd--ticketPrice">Price per Ticket</label>
<div class="control has-icons-left">
<input class="input has-text-right is-readonly" id="ticketTypeAdd--ticketPrice" type="text" readonly />
<span class="icon is-small is-left">
<i class="fas fa-dollar-sign" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
<div class="column is-narrow align-self-flex-end mb-2">
<i class="fas fa-times" aria-hidden="true"></i>
</div>
<div class="column">
<div class="field">
<label class="label" for="ticketTypeAdd--ticketCount">Ticket Count</label>
<div class="control">
<input class="input has-text-right is-readonly" id="ticketTypeAdd--ticketCount" type="text" readonly />
</div>
</div>
</div>
<div class="column is-narrow align-self-flex-end mb-2">
<i class="fas fa-equals" aria-hidden="true"></i>
</div>
<div class="column">
<div class="field">
<label class="label" for="ticketTypeAdd--valuePerDeal">Value per Deal</label>
<div class="control has-icons-left">
<input class="input has-text-right is-readonly" id="ticketTypeAdd--valuePerDeal" type="text" readonly />
<span class="icon is-small is-left">
<i class="fas fa-dollar-sign" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
</div>
<div class="columns">
<div class="column">
<div class="field">
<label class="label" for="ticketTypeAdd--prizesPerDeal">Prizes per Deal</label>
<div class="control has-icons-left">
<input class="input has-text-right is-readonly" id="ticketTypeAdd--prizesPerDeal" type="text" readonly />
<span class="icon is-small is-left">
<i class="fas fa-dollar-sign" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
<div class="column is-narrow align-self-flex-end mb-2">
<i class="fas fa-times" aria-hidden="true"></i>
</div>
<div class="column">
<div class="field">
<label class="label" for="ticketTypeAdd--unitCount">Units</label>
<div class="control">
<input class="input has-text-right" id="ticketTypeAdd--unitCount" name="unitCount" type="number" value="1" min="0" required onwheel="return false;" />
</div>
</div>
</div>
<div class="column is-narrow align-self-flex-end mb-2">
<i class="fas fa-equals" aria-hidden="true"></i>
</div>
<div class="column">
<div class="field">
<label class="label" for="ticketTypeAdd--prizesTotal">Total Prizes</label>
<div class="control has-icons-left">
<input class="input has-text-right is-readonly" id="ticketTypeAdd--prizesTotal" type="text" readonly />
<span class="icon is-small is-left">
<i class="fas fa-dollar-sign" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
</div>
<div class="columns">
<div class="column">
<div class="field">
<label class="label" for="ticketTypeAdd--feePerUnit">Fee per Unit</label>
<div class="control has-icons-left">
<input class="input has-text-right is-readonly" id="ticketTypeAdd--feePerUnit" type="text" readonly />
<span class="icon is-small is-left">
<i class="fas fa-dollar-sign" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
<div class="column">
<div class="field">
<label class="label" for="ticketTypeAdd--licenceFee">Licence Fee</label>
<div class="control has-icons-left">
<input class="input has-text-right is-readonly" id="ticketTypeAdd--licenceFee" name="licenceFee" type="text" readonly />
<span class="icon is-small is-left">
<i class="fas fa-dollar-sign" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
</div>
</form>
</section>
<footer class="modal-card-foot justify-right">
<button class="button is-success" type="submit" form="form--ticketTypeAdd">
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
<span>Add Ticket Type</span>
</button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</footer>
</div>
</div>