mirror of
https://github.com/grocy/grocy.git
synced 2025-04-29 09:39:57 +00:00
45 lines
1.8 KiB
PHP
45 lines
1.8 KiB
PHP
<div class="col-sm-3 col-sm-offset-3 col-md-3 col-md-offset-2 main">
|
|
|
|
<h1 class="page-header">Consumption</h1>
|
|
|
|
<form id="consumption-form">
|
|
|
|
<div class="form-group">
|
|
<label for="product_id">Product <i class="fa fa-barcode"></i></label>
|
|
<select class="form-control combobox" id="product_id" name="product_id" required>
|
|
<option value=""></option>
|
|
<?php foreach ($products as $product) : ?>
|
|
<option data-additional-searchdata="<?php echo $product->barcode; ?>" value="<?php echo $product->id; ?>"><?php echo $product->name; ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
<div id="product-error" class="help-block with-errors"></div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="amount">Amount</label>
|
|
<input type="number" class="form-control" id="amount" name="amount" value="1" min="1" required>
|
|
<div class="help-block with-errors"></div>
|
|
</div>
|
|
|
|
<div class="checkbox">
|
|
<label for="spoiled">
|
|
<input type="checkbox" id="spoiled" name="spoiled"> Spoiled
|
|
</label>
|
|
</div>
|
|
|
|
<button id="save-consumption-button" type="submit" class="btn btn-default">OK</button>
|
|
|
|
</form>
|
|
</div>
|
|
|
|
<div class="col-sm-6 col-md-5 col-lg-3 main well">
|
|
<h3>Product overview <strong><span id="selected-product-name"></span></strong></h3>
|
|
<h4><strong>Stock quantity unit:</strong> <span id="selected-product-stock-qu-name"></span></h4>
|
|
|
|
<p>
|
|
<strong>Stock amount:</strong> <span id="selected-product-stock-amount"></span> <span id="selected-product-stock-qu-name2"></span><br />
|
|
<strong>Last purchased:</strong> <span id="selected-product-last-purchased"></span> <time id="selected-product-last-purchased-timeago" class="timeago timeago-contextual"></time><br />
|
|
<strong>Last used:</strong> <span id="selected-product-last-used"></span> <time id="selected-product-last-used-timeago" class="timeago timeago-contextual"></time>
|
|
</p>
|
|
</div>
|