@extends('layout.default')

@if($mode == 'edit')
	@section('title', 'Edit product')
@else
	@section('title', 'Create product')
@endif

@section('viewJsName', 'productform')

@section('content')
<div class="col-sm-3 col-sm-offset-3 col-md-4 col-md-offset-2 main">

	<h1 class="page-header">@yield('title')</h1>

	<script>Grocy.EditMode = '{{ $mode }}';</script>

	@if($mode == 'edit')
		<script>Grocy.EditObjectId = {{ $product->id }};</script>
	@endif

	<form id="product-form">

		<div class="form-group">
			<label for="name">Name</label>
			<input type="text" class="form-control" required id="name" name="name" value="@if($mode == 'edit'){{ $product->name}}@endif">
			<div class="help-block with-errors"></div>
		</div>

		<div class="form-group">
			<label for="description">Description</label>
			<textarea class="form-control" rows="2" id="description" name="description">@if($mode == 'edit'){{ $product->description }}@endif</textarea>
		</div>

		<div class="form-group tm-group">
			<label for="barcode-taginput">Barcode(s)&nbsp;&nbsp;<i class="fa fa-barcode"></i></label>
			<input type="text" class="form-control tm-input" id="barcode-taginput">
			<div id="barcode-taginput-container"></div>
		</div>

		<div class="form-group">
			<label for="location_id">Location</label>
			<select required class="form-control" id="location_id" name="location_id">
				@foreach($locations as $location)
					<option @if($mode == 'edit' && $location->id == $product->location_id) selected="selected" @endif value="{{ $location->id }}">{{ $location->name }}</option>
				@endforeach
			</select>
			<div class="help-block with-errors"></div>
		</div>

		<div class="form-group">
			<label for="min_stock_amount">Minimum stock amount</label>
			<input required min="0" type="number" class="form-control" id="min_stock_amount" name="min_stock_amount" value="@if($mode == 'edit'){{ $product->min_stock_amount }}@else{{0}}@endif">
			<div class="help-block with-errors"></div>
		</div>

		<div class="form-group">
			<label for="default_best_before_days">Default best before days<br><span class="small text-muted">For purchases this amount of days will be added to today for the best before date suggestion</span></label>
			<input required min="0" type="number" class="form-control" id="default_best_before_days" name="default_best_before_days" value="@if($mode == 'edit'){{ $product->default_best_before_days }}@else{{0}}@endif">
			<div class="help-block with-errors"></div>
		</div>

		<div class="form-group">
			<label for="qu_id_purchase">Quantity unit purchase</label>
			<select required class="form-control input-group-qu" id="qu_id_purchase" name="qu_id_purchase">
				@foreach($quantityunits as $quantityunit)
					<option @if($mode == 'edit' && $quantityunit->id == $product->qu_id_purchase) selected="selected" @endif value="{{ $quantityunit->id }}">{{ $quantityunit->name }}</option>
				@endforeach
			</select>
			<div class="help-block with-errors"></div>
		</div>

		<div class="form-group">
			<label for="qu_id_stock">Quantity unit stock</label>
			<select required class="form-control input-group-qu" id="qu_id_stock" name="qu_id_stock">
				@foreach($quantityunits as $quantityunit)
					<option @if($mode == 'edit' && $quantityunit->id == $product->qu_id_stock) selected="selected" @endif value="{{ $quantityunit->id }}">{{ $quantityunit->name }}</option>
				@endforeach
			</select>
			<div class="help-block with-errors"></div>
		</div>

		<div class="form-group">
			<label for="qu_factor_purchase_to_stock">Factor purchase to stock quantity unit</label>
			<input required min="1" type="number" class="form-control input-group-qu" id="qu_factor_purchase_to_stock" name="qu_factor_purchase_to_stock" value="@if ($mode == 'edit'){{ $product->qu_factor_purchase_to_stock }}@else{{1}}@endif">
			<div class="help-block with-errors"></div>
		</div>

		<p id="qu-conversion-info" class="help-block text-muted"></p>

		<button id="save-product-button" type="submit" class="btn btn-default">Save</button>
	</form>

</div>
@stop