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


{% block contenido %}
	{# ROW DEL CONTENIDO DE ARTICULO #}
	<div
		class="row pt-4">

		{# PRIMER COLUMNA #}
		<div class="col-xl-1"></div>

		{# SEGUNDA COLUMNA#}
		<div class="col-xl-10">

			<h3 class="tituloPagina">Proveedores</h3>
			<hr>
					
			{# MENSAJES POST SINCRO #}
			{% for flash_message in app.session.flashbag.get('success') %}
				<div class="flash-notice">
					<div class="alert alert-success" role="alert">
					<i class="bi bi-check-circle-fill" style="font-size: 20px;"></i>  {{ flash_message }}
					</div>
				</div>
			{% endfor %}

			{% for flash_message in app.session.flashbag.get('danger') %}
				<div class="flash-notice">
					<div class="alert alert-danger" role="alert">  
					<i style="font-size: 20px;">✗</i>  {{ flash_message }}
					</div>
				</div>
			{% endfor %}
			{# MENSAJES POST SINCRO #}

			<div class="alert alert-warning" role="alert">
			<i class="bi bi-exclamation-triangle-fill" style="font-size: 20px;"></i>
				Tanto las categorías como los proveedores/marcas deben sincronizarse antes que los articulos, ya que por lo contrario no se pueden asociar productos a categorías inexistentes.
			</div>

			{# <button class="btn mb-4" data-toggle="modal" data-target="#modalSincroProveedores" id="botonProceso">Sincronizar Proveedores</button> #}

		</div>

		{# TERCERA COLUMNA#}
		<div class="col-xl-1"></div>

	</div>

	{% block modales %}
		<div class="modal fade" id="modalSincroProveedores" tabindex="-1" role="dialog" aria-labelledby="modalSincroProveedoresLabel" aria-hidden="true">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title" id="modalSincroProveedoresLabel">PROCESO SINCRONIZACIÓN PROVEEDORES</h5>
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">×</span>
						</button>
					</div>
					<div class="modal-body">
						¿Quieres sincronizar los proveedores de los productos WEB?
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-outline-danger" data-dismiss="modal">Cerrar</button>
						<a href="{{ path('sincroProveedores') }}">
							<button class="btn botonSincroModal" id="botonProceso">Sincronizar Proveedores</button>
						</a>
					</div>
				</div>
			</div>
		</div>
	{% endblock %}

{% endblock %}