<div class="home_customer_feedback">
  <div class="page-width customer_wrapper">
    {% if section.settings.title != blank %}
    <div class="section-header text-center animatable fadeInLeftBig animate">
      <h2>{{ section.settings.title | escape }}</h2>
    </div>
    {% endif %}
    <div class="feedback_container">
      <div class="feedback_content">
        <div class="customer_content left animatable fadeInLeftBig animate">
          <div class="left_content">
            {% if section.blocks.size > 0 %}
            <ul class="grid feedback" id="feedback-{{ section.id }}">
              {% for block in section.blocks %}
              <li class="grid__item medium-up--one-half">
                <div class="custom_content">
                  <p class="qoute">“</p>
                  {% if block.settings.message != blank %}
                  <p>{{ block.settings.message }}</p>
                  {% endif %}
                  {% if block.settings.title != blank %}
                  <h5>{{ block.settings.title }}</h5>
                  {% endif %}
                  {% if block.settings.post != blank %}
                  <h6>{{ block.settings.post }}</h6>
                  {% endif %}
                </div>
              </li>
              {% endfor %}
            </ul>
            {% endif %}
          </div>
        </div>
        <div class="customer_content right animatable fadeInRightBig animate">
          <div class="right_content">
            <a href="{% if block.settings.image_url != blank %}{{ block.settings.image_url }}{% else %}#{% endif %}">
              {% if section.settings.banner_img != blank %}
              <img class="lazyload" data-src="{{ section.settings.banner_img | img_url: '770x390' }}" alt="" />
              {% else %}
              {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
              {% endif %}
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


{% schema %}
  {
    "name": "Avaliações da loja",
    "settings": [
		{
			"type": "text",
			"id": "title",
			"label": "Título",
			"default": "Opinião dos clientes"
		},
		{
			"type": "image_picker",
			"id": "banner_img",
			"label": "Imagem principal",
			"info": "Tamanho sugerido da imagem: 770x390"
		},
		{
			"type": "url",
			"id": "image_url",
			"label": "URL da Imagem"
		}
	],
	"blocks": [
		{
			"type": "customer_feedback",
			"name": "Feedback",
			"settings": [
				{
					"type": "textarea",
					"id": "message",
					"label": "Feedback",
					"default": "Fiquei impressionado com a qualidade do produto e atendimento prestado. Sem dúvidas recomendo a loja!"
				},
				{
          "type": "text",
          "id": "title",
          "label": "Nome do cliente",
          "default": "MATHEUS SOUSA"
        },
        {
          "type": "text",
          "id": "post",
          "label": "Profissão",
          "default": "Contador"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Avaliações da loja",
      "category": "astron"
    }
  ]
}
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}
