{% macro myFirstMacro(formArticulo) %}
<div class="form-row">
	<div class="form-group col-md-6">
		{{ 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>
<div class="form-row">

	<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 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>
<div class="form-row">

{#	<div class="form-group col-md-6">#}
{#		{{ form_label(formArticulo.disciplina) }}#}
{#		{{ form_widget(formArticulo.disciplina, { attr: {#}
{#                    class: formArticulo.disciplina.vars.valid ? 'form-control js-select2'  : 'form-control js-select2 is-invalid'#}
{#                } }) }}#}
{#		{{ form_errors(formArticulo.disciplina) }}#}
{#	</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 class="form-group col-md-6">
		{{ form_label(formArticulo.observaciones) }}
		{{ form_widget(formArticulo.observaciones, { attr: {
			class: formArticulo.observaciones.vars.valid ? 'form-control'  : 'form-control is-invalid'
		} }) }}
		{{ form_errors(formArticulo.observaciones) }}
	</div>


{#	<div class="form-group col-md-6" style="display: none">#}

{#		{{ form_row(formArticulo.fechaVencimiento) }}#}

{#	</div>#}




</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.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.stock) }}
		{{ form_widget(formArticulo.stock, { attr: {
			class: formArticulo.stock.vars.valid ? 'form-control'  : 'form-control is-invalid'
		} }) }}
		{{ form_errors(formArticulo.stock) }}
	</div>



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

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

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

</div>

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

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

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

	<div class="form-group col-md-6">
		{{ form_label(formArticulo.precio) }}
		<div class="input-group input-group-flush">
			{{ form_widget(formArticulo.precio, { attr: {
                        class: formArticulo.precio.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 class="form-group col-md-6">#}
{#		{{ form_label(formArticulo.precio2) }}#}
{#		<div class="input-group input-group-flush">#}
{#			{{ form_widget(formArticulo.precio2, { attr: {#}
{#                        class: formArticulo.precio2.vars.valid ? 'form-control precioContado'  : 'form-control is-invalid'#}
{#                    } }) }}#}
{#			<div class="input-group-prepend">#}
{#				<div class="input-group-text">$</div>#}
{#			</div>#}
{#			{{ form_errors(formArticulo.precio2) }}#}
{#		</div>#}
{#	</div>#}
</div>



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



</div>
{#
<div class="form-row">
		{{ form_row(formArticulo.stockPagina) }}
		{{ form_row(formArticulo.stockMinimoPagina) }}
</div>
#}
<div class="form-row">




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




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

{{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>
{#{% if guardar %}#}
	<button type="submit" id="sendForm" class="btn btn-primary ml-2">Guardar</button>
{#{% endif %}#}
{% 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>