{% macro myFirstMacro(formArticulo) %}
<div class="form-row">
{#	<div class="form-group col-md-6 " style="display: none">#}
{#		{{ form_label(formArticulo.rubro) }}#}
{#		{{ form_widget(formArticulo.rubro,{ attr: {#}
{#                    class: formArticulo.rubro.vars.valid ? 'form-control js-select2 rubro'  : 'form-control js-select2 is-invalid'#}
{#                } }) }}#}
{#		{{ form_errors(formArticulo.rubro) }}#}
{#	</div>#}

	<div class="form-group col-md-6">
		{{ form_label(formArticulo.grupo) }}
		{{ form_widget(formArticulo.grupo, { attr: {
                    class: formArticulo.grupo.vars.valid ? 'form-control js-select2 grupo'  : 'form-control js-select2 is-invalid'
                } }) }}
		{{ form_errors(formArticulo.grupo) }}
	</div>

	<div class="form-group col-md-6">
		{{ form_label(formArticulo.categoria) }}
		{{ form_widget(formArticulo.categoria, { attr: {
			class: formArticulo.categoria.vars.valid ? 'form-control js-select2 categoria'  : 'form-control js-select2 is-invalid'
		} }) }}
		{{ form_errors(formArticulo.categoria) }}
	</div>

</div>
<div class="form-row">



	<div class="form-group col-md-6">
		{{ form_label(formArticulo.proveedor) }}
		{{ form_widget(formArticulo.proveedor, { attr: {
                    class: formArticulo.proveedor.vars.valid ? 'form-control js-select2'  : 'form-control js-select2 is-invalid'
                } }) }}
		{{ form_errors(formArticulo.proveedor) }}
	</div>

	<div class="form-group col-md-6">
		{{ form_label(formArticulo.marca_producto) }}
		{{ form_widget(formArticulo.marca_producto, { attr: {
			class: formArticulo.marca_producto.vars.valid ? 'form-control js-select2'  : 'form-control js-select2 is-invalid'
		} }) }}
		{{ form_errors(formArticulo.marca_producto) }}
	</div>

</div>
<div class="form-row">





</div>
<div class="form-row">

	<div class="form-group col-md-6">
		{{ form_label(formArticulo.codigo) }}
		{{ form_widget(formArticulo.codigo, { attr: {
                    class: formArticulo.codigo.vars.valid ? 'form-control codigo'  : 'form-control is-invalid'
                } }) }}
		{{ form_errors(formArticulo.codigo) }}
		<span class="text-danger mt-1 hidden"> * Codigo en uso</span>
	</div>

	<div class="form-group col-md-6">
		{{ form_label(formArticulo.codigotwo) }}
		{{ form_widget(formArticulo.codigotwo, { attr: {
                    class: formArticulo.codigotwo.vars.valid ? 'form-control codigo'  : 'form-control is-invalid'
                } }) }}
		{{ form_errors(formArticulo.codigotwo) }}
		<span class="text-danger mt-1 hidden"> * Codigo en uso</span>
	</div>

	<div class="form-group col-md-6">
		{{ form_label(formArticulo.descripcion) }}
		{{ form_widget(formArticulo.descripcion, { attr: {
                    class: formArticulo.descripcion.vars.valid ? 'form-control'  : 'form-control is-invalid'
                } }) }}
		{{ form_errors(formArticulo.descripcion) }}
	</div>
</div>


<div class="form-row">



	<div class="form-group col-md-6">
		{{ form_label(formArticulo.ivaVenta) }}
		{{ form_widget(formArticulo.ivaVenta, { attr: {
                    class: formArticulo.ivaVenta.vars.valid ? 'form-control js-select2'  : 'form-control js-select2 is-invalid'
                } }) }}
		{{ form_errors(formArticulo.ivaVenta) }}
	</div>
	<div class="form-group col-md-6">
		{{ form_label(formArticulo.codigoDespacho) }}
		{{ form_widget(formArticulo.codigoDespacho, { attr: {
			class: formArticulo.codigoDespacho.vars.valid ? 'form-control'  : 'form-control is-invalid'
		} }) }}
		{{ form_errors(formArticulo.codigoDespacho) }}
	</div>


</div>
<div class="form-row">




</div>

	{% set vendedorClass = 'hidden' %}
	{% if not is_granted("ROLE_VENDEDOR") %}
		{% set vendedorClass = '' %}
	{%  endif  %}

<div class="form-row {{vendedorClass}}" >

	<div class="form-group col-md-6">
		{{ form_label(formArticulo.stock) }}
		{{ form_widget(formArticulo.stock, { attr: {
                    class: formArticulo.stock.vars.valid ? 'form-control'  : 'form-control is-invalid'
                } }) }}
		{{ form_errors(formArticulo.stock) }}
	</div>

	<div class="form-group col-md-6">
		{{ form_label(formArticulo.stockMinimo) }}
		{{ form_widget(formArticulo.stockMinimo, { attr: {
                    class: formArticulo.stockMinimo.vars.valid ? 'form-control'  : 'form-control is-invalid'
                } }) }}
		{{ form_errors(formArticulo.stockMinimo) }}
	</div>

</div>
<div class="form-row">

	<div class="form-group col-md-12">
		{{ form_label(formArticulo.precio) }}
		<div class="input-group input-group-flush">
			{{ form_widget(formArticulo.precio, { attr: {
                        class: formArticulo.stockMinimo.vars.valid ? 'form-control precioLista'  : 'form-control is-invalid'
                    } }) }}
			<div class="input-group-prepend">
				<div class="input-group-text">$</div>
			</div>
		</div>
		{{ form_errors(formArticulo.precio) }}
	</div>

	
</div>



<div class="form-row {{vendedorClass}}">
	<div class="form-group col-md-6">
		{{ form_label(formArticulo.costo) }}
		<div class="input-group input-group-flush">
			{{ form_widget(formArticulo.costo , {attr:{'class':'costo form-control'}}) }}
			<div class="input-group-prepend">
				<div class="input-group-text">$</div>
			</div>
		</div>
	</div>


	<div class="form-group col-md-6">
		{{ form_label(formArticulo.precioCostoDolar) }}
		<div class="input-group input-group-flush">
			{{ form_widget(formArticulo.precioCostoDolar) }}
			<div class="input-group-prepend">
				<div class="input-group-text">$</div>
			</div>
		</div>
	</div>
</div>
{#
<div class="form-row">
		{{ form_row(formArticulo.stockPagina) }}
		{{ form_row(formArticulo.stockMinimoPagina) }}
</div>
#}
<div class="form-row">
	{# form_row(formArticulo.stockSucursal) #}

</div>
{% endmacro %}
{% import _self as formMacros %}
{#<div class="row mb-5">#}
{#	<button id="Add" class=" btn btn-success ml-2" data-list-selector="#form-fields-list">Duplicar Producto</button>#}
{#</div>#}

{{form_start(form,{'attr':{'id':'formArticulo'}})}}
<input class="add-another-collection-widget" hidden type="text" data-list-selector="#form-fields-list">
{# <button class="add-another-collection-widget btn btn-success ml-2" data-list-selector="#form-fields-list">Add</button> #}
<div class="row" id="form-fields-list"
	data-prototype="{{ formMacros.myFirstMacro(form.formArticulo.vars.prototype)|e('html_attr') }}"
	data-widget-tags="{{ '<div class="col-md-12"></div>'|e }}" data-widget-counter="{{ form.formArticulo|length }}">
</div>
<button type="submit" id="sendForm" class="btn btn-primary ml-2">Guardar</button>
{% if cancelar %}
<a class="btn btn-secondary" href="{{ path('articulo_index')}}">Cancelar</a>
{% endif %}
{{form_end(form)}}


<!-- Modal -->
<div class="modal fade" id="modalCantidad" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
	aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLongTitle">Formularios</h5>
				<button type="button" class="close closeModalCantidad" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<h6>Seleccione la cantidad de formularios que desea</h6>
				<br>
				<input id="cantidadForms" class="form-control" type="text">
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary closeModalCantidad">Close</button>
				<button type="button" id="generarForms" class="btn btn-primary">Generar</button>
			</div>
		</div>
	</div>
</div>