{% extends "AppBundle::layout_backend.html.twig" %}

{% block title 'Sistema proveedores' %}

{% block stylesheets2nd %}
	{% stylesheets
        'bundles/app/css/switch.css'
		'bundles/app/css/flexInputs.css'
        filter='cssrewrite' 
    %}
	<link rel="stylesheet" href="{{ asset_url }}"/>
	{% endstylesheets %}
{% endblock %}

{% block headercontent %}
    <div class="row">
        <div class="col-lg-12 col-md-12 col-xs-12">
            <h3 class="cfj-bgcolor-three pageTitle cfj-color-white">
                Configuración <i class="fa fa-angle-right"></i> Sistemas Proveedores
            </h3>
        </div>
    </div>
{% endblock %}    

{% block content %}
    <div class="box">
        <div class="box-header">
            <div class="row">
            </div>
        </div>
        <div class="box-body">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="panel cfj-panel">
                        <div class="panel-heading cfj-deg-violeta" style="color: #fff;">
                            Proveedores
                        </div>
                        <div class="panel-body">
                            {% for proveedor in proveedores %}
                                {% if proveedor.nombre!='Fulljaus' and proveedor.activo != 0 %}
                                    <div class="col-xs-6 col-md-2 img-provider">
                                        <a class="thumbnail nav-link" data-toggle="link" data-link="{{ proveedor.id }}" data-providercode="{{proveedor.codigo}}" id="provider_list_element_{{proveedor.codigo}}"
                                           href="#link{{ proveedor.id }}">
                                            {% set foto1=asset('uploads/providers/'~proveedor.logo) %}
                                            <img style="max-width: 100px; max-height: 100px;" src="{{ foto1 }}"/>
                                        </a>
                                    </div>
                                {% endif %}
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </div>
            <div class="row" id="data_proveedor">

            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts2nd %}
    {% javascripts 
        '@AppBundle/Resources/public/js/EmpresaProveedores/providerConfigHelper.js'
        '@AppBundle/Resources/public/js/EmpresaProveedores/index.js' 
    %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}