Elep

{% extends 'base1.html.twig' %}

{% block content %}
	<div class="content">
		<div class="card">
			<div class="card-body">
				<form action="{{ path('updateItem', {'id': item.id}) }}" method="POST" name="edit">
					<input type="hidden" name="id" value="{{ id }}">
					<div class="row">
						<div class="col-sm-7">
							<div class="form-group">
								<input type="text" name="name" class="form-control" placeholder="Item Name" value="{{ item.name |default('') }}">
							</div>
							<div class="form-group">
								<input type="text" name="selling" class="form-control" placeholder="Price" value="{{ item.price |default('') }}">
							</div>
							<div class="form-group">
								<textarea rows="2" name="description" class="form-control" placeholder="Description">{{ item.description |default('') }}</textarea>
							</div>
							<div class="form-group">
								<select class="form-control ajaxSelect" name="category">
									<option value="">Select Category</option>
									{% for cat in category %}
										<option {{ item.category == cat ? 'selected' : '' }} value="{{ cat }}">{{ cat|upper }}</option>
									{% endfor %}
								</select>
							</div>
						</div>
					</div>
					<input type="submit" name="submit" value="Save" class="btn btn-primary">

</form>
				
			</div>
		</div>
	</div>
{% endblock %}

{% block javascripts %}
	{{ parent() }}

// var cat = "{{ item.cId|default('') }}";
		// if(cat) {
		// 	document.forms.edit.category.value = cat;
		// }

$('#stockitems').on('change', '.select-list', function(e){

var $target = $(e.currentTarget)
			console.log($target.val())
			var split = $target.val().split("|")
			var unit = split[1];
			$target.closest('.row').find('.input-group-text').html(unit);
		})

var itemRow = (items) => `
			<div class="row">
				<div class="col-sm-5">
					<div class="form-group">
						${selectTemplate(items)}
					</div>
				</div>
				<div class="col-sm-5">
					<div class="input-group">
						<input type="text" name="portion[]" placeholder="Portion" class="form-control" required>
						<div class="input-group-append">
							<span class="input-group-text">unit</span>
						</div>
					</div>
				</div>
				<div class="col-sm-1 cancel-button" style="display: flex;">
					<button style="margin:auto;" type="button" class="btn btn-danger"><i class="fa fa-times"></i></button>
				</div>
			</div>
		`;

$('#stockitems').on('click', '.cancel-button', function(e){
			e.preventDefault();
			const $target = $(e.currentTarget)
			const parent = $target.closest('.row').remove()
			$('#stockitems .row').last().find('.cancel-button').show()
		});
	</script>
{% endblock %}