<div class="home_logo_icon_list" style="background: {{ section.settings.bg_color }}">
  <div class="page-width logo_wrapper">

      {% if section.blocks.size > 0 %}
      <ul class="logo_list_items">
        {% for block in section.blocks %}
        <li class="animatable bounceIn animate">
          <div class="inner_content">
            <div class="img">
              <a href="{% if block.settings.url != blank %}{{ block.settings.url }}{% else %}#{% endif %}">
                {% if block.settings.logo_img != blank %}
                <img class="lazyload" data-src="{{ block.settings.logo_img | img_url: 'x70' }}" alt="" />
                {% else %}
                {{ 'logo' | placeholder_svg_tag: 'placeholder-svg' }}
                {% endif %}
              </a>
            </div>
          </div>
        </li>
        {% endfor %}
      </ul>
      {% else %}
      <ul>
        {% for i in (1..5) %}
        <li>
          <div class="inner_content">
            <div class="img">
              {{ 'logo' | placeholder_svg_tag: 'placeholder-svg' }}
            </div>
          </div>
        </li>
        {% endfor %}
      </ul>
      {% endif %}

  </div>
</div>


{% schema %}
  {
    "name": "Lista de logos",
    "settings": [
		{
			"type": "color",
			"id": "bg_color",
			"label": "Cor de fundo",
			"default": "#f6f6f6"
		}
	],
	"blocks": [
		{
			"type": "logo_list",
			"name": "Logo",
			"settings": [
				{
					"type": "image_picker",
					"id": "logo_img",
					"label": "Imagem",
					"info": "Tamanho da imagem para upload: 180x70"
				},
				{
					"type": "url",
					"id": "url",
					"label": "URL da imagem"
				}
			]
		}
	],
	"presets": [
		{
			"name": "Lista de logos",
			"category": "astron"
		}
	]
  }
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}

