{% extends "common/auth_page.twig" %}

{% block contentTitle %}{{'edition-coffeeshop-product'|trans}}{% endblock %}

{% block content %}

	<div class="mb-5">
		<a class="btn btn-outline-warning" href="{{path_for(constant('GestionComedor\\Configuration\\Routers\\ProductRouters::PRODUCT_LIST'))}}">{{'back'|trans}}</a>
  </div>

	<form action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\ProductRouters::COFFEESHOP_PRODUCT_SAVE'))}}" method="POST"  enctype="multipart/form-data">
	  <input type="hidden" class="form-control" name="coffeeshopProductId" value="{{coffeeshopProduct.id}}" />
	   <input type="hidden" class="form-control" name="imageValue" value="{{coffeeshopProduct.image}}" />
	  <div class="row">
			<div class="form-group col-md-6">
				<label for="name" class="font-weight-bold" >{{'name'|trans}}</label>
				<input type="input" class="form-control" name="name" value="{{coffeeshopProduct.name}}" required>
			</div>

			<div class="form-group col-md-6">
				<label for="description" class="font-weight-bold" >{{'description'|trans}}</label>
				<input type="input" class="form-control" name="description"  value="{{coffeeshopProduct.description}}" >
			</div>
		</div>

		<div class="row">
			<div class="form-group col-md-6">
				<label for="price" class="font-weight-bold" >{{'price'|trans}}</label>
				<input type="number" step=".01" class="form-control" name="price" value="{{coffeeshopProduct.price|number_format(2, '.', ',')}}" required>
			</div>
			<div class="form-group col-md-6">
				<label for="coffeeshopCategory" class="font-weight-bold" >{{'category'|trans}}</label>
				<select name="coffeeshopCategory" id="coffeeshopCategory" class="form-control">
	  			{% for coffeeshopCategory in coffeeshopCategories %}
	  				<option value="{{coffeeshopCategory.id}}" {% if coffeeshopCategory.id == coffeeshopProduct.categoryId %} selected="selected" {% endif %} >{{coffeeshopCategory.name|trans}}</option>
		  		{% endfor %}
	  		</select>
			</div>
		</div>

		<div class="row">
			<div class="form-group col-md-6">
				<input type="checkbox" class="form-check-input" name="favorite" value="1" {% if coffeeshopProduct.favorite %}checked{% endif %} />
				<label class="form-check-label" for="favorite">{{'favorite'|trans}}</label>
	  		
			</div>
			<div class="form-group col-md-6">
				<label for="orderDisplay" class="font-weight-bold">{{'order-display'|trans}}</label>
			  <input type="number" step="1" class="form-control" name="orderDisplay" value="{{coffeeshopProduct.orderDisplay}}" />
			</div>

		</div>

		<div class="row">
			<div class="form-group col-md-6">
				<label for="productImage" class="font-weight-bold" >{{'chooose-image'|trans}}</label>
				<input id="productImage" name="productImage" type="file" class="form-control border-0">
			</div>
		</div>
		<img src="{{imageuri}}{{coffeeshopProduct.image}}" class="mw-100" alt="">
		
		<div class="row">
			<div class="form-group col-md-2 pt-4">
				<button type="submit" class="btn btn-primary">{{'save'|trans}}</button>
			</div>
		</div>

	</form>

{% endblock %}