32 lines
2.2 KiB
HTML
32 lines
2.2 KiB
HTML
<div id="float" class="float" style="display: block;">
|
|
<div class="btn-row">
|
|
<button class="btn-close" onclick="toggleContent('float'); window.location.href='/purchase-orders';">x</button>
|
|
</div>
|
|
<form hx-post="/purchase-orders" hx-target="#purchase-order-table" hx-swap="afterbegin" hx-on::after-request="if(event.detail.successful) toggleContent('float');">
|
|
<div class="row">
|
|
<label for="customer" class="label col-2" style="margin-right: 15px; margin-bottom: 5px;">Customer:</label>
|
|
<input type="text" class="col-3" name="customer" placeholder="Customer" value="" required autofocus>
|
|
Work Order:<label for="workOrder" class="label col-2" style="margin-right: 15px; margin-bottom: 5px;"></label>
|
|
<input type="text" class="col-4" name="workOrder" placeholder="Work Order: (12345)" value="">
|
|
</div>
|
|
<div class="row">
|
|
<label for="materials" class="label col-2" style="margin-right: 15px; margin-bottom: 5px;">Materials:</label>
|
|
<input type="text" class="col-3" name="materials" placeholder="Materials" value="" required>
|
|
Vendor:<label for="vendorBranchID" class="label col-2" style="margin-right: 15px; margin-bottom: 5px;"></label>
|
|
<div hx-get="/vendors/branches/select?context=purchaseOrderForm" hx-target="this" hx-swap="outerHTML transition:true swap:0.5s" hx-indicator="next .hx-indicator" hx-trigger="revealed" style="display: inline;">
|
|
<img src="/images/spinner.svg" width="30" height="30" class="hx-indicator">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<label for="createdForID" class="label col-2" style="margin-right: 15px; margin-bottom: 5px;">Employee:</label>
|
|
<div hx-get="/employees/select?context=purchaseOrderForm" hx-target="this" hx-swap="outerHTML transition:true swap:0.5s" hx-indicator="next .hx-indicator" hx-trigger="revealed" style="display: inline;">
|
|
<img src="/images/spinner.svg" width="30" height="30" class="hx-indicator">
|
|
</div>
|
|
Truck Stock:<label for="truckStock" class="label col-2" style="margin-right: 15px; margin-bottom: 5px;"></label>
|
|
<input type="checkbox" class="col-2" name="truckStock" style="margin-top: 20px;">
|
|
</div>
|
|
<div class="btn-row">
|
|
<button class="btn-primary" type="submit">Create</button>
|
|
</div>
|
|
</form>
|
|
</div> |