{% unless settings.breadcrumb_styles == 'none' %}{% include 'breadcrumb' %}{% endunless %}

{% assign _lazyload = settings.use_lazyload %}
{% assign _layout = settings.general_placement %}

{% if section.blocks.size > 0 %}
<div id="col-main" class="page-content page-about-us">
  {% assign _bg_color_1 = section.settings.bg_color_1 %}
  {% assign _show_sec_1 = section.settings.show_sec_1 %}

  {% assign _bg_color_2 = section.settings.bg_color_2 %}
  {% assign _show_sec_2 = section.settings.show_sec_2 %}

  {% assign _bg_color_3 = section.settings.bg_color_3 %}
  {% assign _show_sec_3 = section.settings.show_sec_3 %}

  {% assign _bg_color_4 = section.settings.bg_color_4 %}
  {% assign _show_sec_4 = section.settings.show_sec_4 %}

  {% assign _bg_color_5 = section.settings.bg_color_5 %}
  {% assign _show_sec_5 = section.settings.show_sec_5 %}

  {% comment %}Paragraph & Chart{% endcomment %}
  {% if _show_sec_1 %}
    <div class="ab-section text-image no-padding" style="background-color: {{ _bg_color_1 }}">
      {% if _layout == 'wide' %}<div class="container-fluid">{% else %}<div class="boxed"> {% endif %}
        <div class="row">
          {% for block in section.blocks %}

            {% case block.type %}
              {% when 'text' %}  
                <div class="col-md-6 col-sm-12 col-12 paragraph-wrapper">
                  {% assign _heading = block.settings.heading %}
                  {% assign _heading_color = block.settings.heading_color %}
                  {% assign _heading_size = block.settings.heading_size %}

                  {% unless _heading == blank %}<div class="heading {{_heading_size}}" style="color: {{_heading_color}}">{{ _heading }}</div>{% endunless %}

                  {% for i in (1..3) %}
                    {% assign _show_paragraph = 'show_paragraph_' | append: i %}
                    {% assign _show_paragraph = block.settings[_show_paragraph] %}

                    {% assign _p_heading = 'p_heading_' | append: i %}
                    {% assign _p_heading = block.settings[_p_heading] %}
                    {% assign _p_heading_color = 'p_heading_color_' | append: i %}
                    {% assign _p_heading_color = block.settings[p_heading_color] %}
                    {% assign _p_heading_size = 'p_heading_size_' | append: i %}
                    {% assign _p_heading_size= block.settings[p_heading_size] %}

                    {% assign paragraph_text = 'paragraph_text_' | append: i %}
                    {% assign paragraph_text = block.settings[paragraph_text] %}
                    {% assign paragraph_color = 'paragraph_color_' | append: i %}
                    {% assign paragraph_color = block.settings[paragraph_color] %}
                    {% assign paragraph_size = 'paragraph_size_' | append: i %}
                    {% assign paragraph_size = block.settings[paragraph_size] %}

                    {% if _show_paragraph %}
                      <div class="paragraph-inner">
                          {% unless _p_heading == blank %}<span class="p-heading {{ _p_heading_size }}" style="color: {{ _p_heading_color }}">{{ _p_heading }}</span>{% endunless %}
                          {% unless paragraph_text == blank %}<p class="paragraph {{ paragraph_size }}" style="color: {{ paragraph_color }}">{{ paragraph_text }}</p>{% endunless %}
                      </div>
                    {% endif %}
                  {% endfor %}
                </div>

              {% when 'image' %}
                <div class="col-md-6 col-sm-12 col-12 image-wrapper">
                  {% assign _image = block.settings.image %}
                  {% assign image_size = block.settings.image_size %}

                  {% unless _image == blank %}
                    <div class="image{% if _lazyload %} lazyload waiting{% endif %}"><img{% if _lazyload %} class="lazyload" data-{% endif %}src="{{ _image | img_url: image_size }}"></div>
                  {% endunless %}    
                </div>  
            {% endcase %}

          {% endfor %}
        </div>
      </div>
    </div>  
  {% endif %}

  {% comment %}Team Member{% endcomment %}
  {% if _show_sec_2 %}
    <div class="ab-section team-member-wrapper no-padding" style="background-color: {{ _bg_color_2 }}">
      {% assign _heading_sec_2 = section.settings.heading_sec_2 %}
      {% assign _heading_color_sec_2 = section.settings.heading_color_sec_2 %}
      {% assign _heading_size_sec_2 = section.settings.heading_size_sec_2 %}

      {% if _layout == 'wide' %}<div class="container-fluid">{% else %}<div class="boxed"> {% endif %}
        {% unless _heading_sec_2 == blank %}<div class="heading {{ _heading_size_sec_2 }}" style="color: {{ _heading_color_sec_2 }};">{{ _heading_sec_2 }}</div>{% endunless %}   

        <div class="team-member row">
          {% assign count = 0 %}
          {% for block in section.blocks %}
            {% if block.type == 'member' %}
              {% assign count = count | plus: 1 %}
              {% case count %}
                {% when 1 %}
                  {% assign gridCol = 'col-sm-12 col-12' %}
                {% when 2 %}
                  {% assign gridCol = 'col-sm-6 col-12' %}  
                {% when 3 %}
                  {% assign gridCol = 'col-md-4 col-sm-12 col-12' %} 
                {% else %}
                  {% assign gridCol = 'col-lg-3 col-md-6 col-sm-12 col-12' %}     
              {% endcase %}
            {% endif %}
          {% endfor %}

          {% for block in section.blocks %}  
            {% if block.type == 'member' %}
              {% assign _bg_color = block.settings.bg_color %}
              {% assign member_image = block.settings.image %}
              {% assign _image_size = block.settings.image_size %}
              {% assign _name = block.settings.name %}
              {% assign _position = block.settings.position %}
              {% assign _opinion = block.settings.opinion %}

              <div class="{{ gridCol }}">
                <div class="member" style="background-color: {{ _bg_color }};">
                  {% unless member_image == blank %}
                    <div class="member-image{% if _lazyload %} lazyload waiting{% endif %}"><img{% if _lazyload %} class="lazyload" data-{% endif %}src="{{ member_image | img_url: _image_size }}"></div>
                  {% endunless %}

                  <div class="member-info">
                    {% unless _name == blank %}<h4 class="member-name">{{ _name }}</h4>{% endunless %}
                    {% unless _position == blank %}<h5 class="member-position">{{ _position }}</h5>{% endunless %}
                    {% unless _opinion == blank %}<p class="member-opinion">{{ _opinion }}</p>{% endunless %}
                  </div>

                  <div class="member-social">
                    <ul class="list-inline">
                      {% for i in (1..4) %}
                        {% assign social_icon = 'social_icon_' | append: i %}
                        {% assign social_icon = block.settings[social_icon] %}

                        {% assign social_link = 'social_link_' | append: i %}
                        {% assign social_link = block.settings[social_link] %}

                        {% unless social_icon == blank %}<li class="list-item"><a href="{{ social_link }}"><i class="demo-icon {{ social_icon }}"></i></a></li>{% endunless %}
                      {% endfor %}
                    </ul>
                  </div>
                </div>  
              </div>
            {% endif %}
          {% endfor %}
        </div>
      </div>
    </div>
  {% endif %} 

  {% comment %}Client Testimonial{% endcomment %}
  {% if _show_sec_3 %}
    {% assign _bg_type = section.settings.bg_type %}
    {% assign _bg_image_3 = section.settings.bg_image_3  %}
    {% assign _heading_sec_3 = section.settings.heading_sec_3 %}
    {% assign _heading_color_sec_3 = section.settings.heading_color_sec_3 %}
    {% assign _heading_size_sec_3 = section.settings.heading_size_sec_3 %}
    <div class="ab-section testimonial-inner no-padding" style="{% if _bg_type == 'color' %}background-color: {{ _bg_color_3 }}{% else %} background-image: url('{{ _bg_image_3 | img_url: '1920x' }}'); background-size: 100%; background-repeat: no-repeat{% endif %};">

      {% unless _heading_sec_3 == blank %}<div class="heading {{ _heading_size_sec_3 }} text-center" style="color: {{ _heading_color_sec_3 }};">{{ _heading_sec_3 }}</div>{% endunless %}

      <div class="client-testimonial">
        {% for block in section.blocks %}
          {% if block.type == 'testimonial' %}
            {%- assign _image = block.settings.image -%}
            {%- assign _image_size = block.settings.image_size -%}
            {%- assign _message = block.settings.message -%}
            {%- assign _rating = block.settings.rating -%}
            {%- assign _name = block.settings.name -%}

            <div class="media testimonial-item">
              {% unless _image == blank %}<img class="mr-3 customer-img" src="{{ _image | img_url: _image_size }}" alt="Image" />{% endunless %}

              <div class="media-body testimonial-content">
                <span class="rating">
                  {% case _rating %}
                    {% when '1' %}
                      <span class="active"></span><span></span><span></span><span></span><span></span>
                    {% when '2' %}
                      <span class="active"></span><span class="active"></span><span></span><span></span><span></span>
                    {% when '3' %}
                      <span class="active"></span><span class="active"></span><span class="active"></span><span></span><span></span>
                    {% when '4' %}
                      <span class="active"></span><span class="active"></span><span class="active"></span><span class="active"></span><span></span>
                    {% else %}
                      <span class="active"></span><span class="active"></span><span class="active"></span><span class="active"></span><span class="active"></span>
                  {% endcase %}
                </span>

                {% unless _message == blank %}<p class="message">{{ _message }}</p>{% endunless %}

                {% unless _name == blank %}<span class="name">{{ _name }}</span>{% endunless %}
              </div>
            </div>
          {% endif %}
        {% endfor %}
      </div>  
    </div>
  {% endif %}

  {% comment %}Statistics{% endcomment %}
  {% if _show_sec_4 %}
    <div class="ab-section statistics-wrapper no-padding" style="background-color: {{ _bg_color_4 }};">
      {% assign _heading_sec_4 = section.settings.heading_sec_4 %}
      {% assign _heading_color_sec_4 = section.settings.heading_color_sec_4 %}
      {% assign _heading_size_sec_4 = section.settings.heading_size_sec_4 %}

      {% if _layout == 'wide' %}<div class="container-fluid">{% else %}<div class="boxed"> {% endif %}
        {% unless _heading_sec_4 == blank %}<div class="heading {{ _heading_size_sec_4 }}" style="color: {{ _heading_color_sec_4 }};">{{ _heading_sec_4 }}</div>{% endunless %}

        <div class="statistics-inner row">
          {% assign count = 0 %}
          {% for block in section.blocks %}
            {% if block.type == 'member' %}
              {% assign count = count | plus: 1 %}
              {% case count %}
                {% when 1 %}
                  {% assign gridCol = 'col-sm-12 col-12' %}
                {% when 2 %}
                  {% assign gridCol = 'col-sm-6 col-12' %}  
                {% when 3 %}
                  {% assign gridCol = 'col-md-4 col-sm-12 col-12' %} 
                {% else %}
                  {% assign gridCol = 'col-lg-3 col-md-6 col-sm-12 col-12' %}     
              {% endcase %}
            {% endif %}
          {% endfor %}

          {% for block in section.blocks %}  
            {% if block.type == 'statistic' %}
              {% assign _bg_color = block.settings.bg_color %}
              {% assign _icon_type = block.settings.icon_type %}
              {% assign _image = block.settings.image %}
              {% assign _classname = block.settings.classname %}
              {% assign _heading = block.settings.heading %}
              {% assign _heading_color = block.settings.heading_color %}
              {% assign _heading_size = block.settings.heading_size %}
              {% assign _subheading = block.settings.subheading %}
              {% assign _subheading_color = block.settings.subheading_color %}
              {% assign _subheading_size = block.settings.subheading_size %}

              <div class="{{ gridCol }}">
                <div class="statistic-item media" style="background-color: {{ _bg_color }};">
                  <div class="statistic-logo{% if _icon_type == 'image' and _lazyload %} lazyload waiting{% endif %}">
                    {% if _icon_type == 'image' %}
                      <img class="align-self-center mr-3{% if _lazyload %} lazyload{% endif %}" {% if _lazyload %}data-{% endif %}src="{{ _image | img_url: '40x' }}">
                    {% else %}
                      <i class="demo-icon {{ _classname }}"></i>  
                    {% endif %} 
                  </div>
                     
                  <div class="media-body statistic-text">
                    {% unless _heading == blank %}<div class="mt-0 {{ _heading_size }}" style="color:{{ _heading_color }};">{{ _heading }}</div>{% endunless %}
                    {% unless _subheading == blank %}<p class="mb-0 {{ _subheading_size }}" style="color: {{ _subheading_color }};">{{ _subheading }}</p>{% endunless %}
                  </div>
                </div>
              </div>
            {% endif %}
          {% endfor %}  
        </div>
      </div>
    </div>
  {% endif %}

  {% comment %}Brand Logos{% endcomment %}
  {% if _show_sec_5 %}
    <div class="ab-section logo-wrapper no-padding" style="background-color: {{ _bg_color_5 }};">
      {% if _layout == 'wide' %}<div class="container-fluid">{% else %}<div class="boxed"> {% endif %}
        <div class="logo-inner">
          {% for block in section.blocks %}
            {% if block.type == 'logo' %}
              <div class="logo-item">
                {% unless block.settings.image == blank %}
                  <a href="{{ block.settings.link }}"{% if _lazyload %} class="lazyload waiting"{% endif %}>
                    <img {% if _lazyload %}class="lazyload" data-{% endif %}src="{{ block.settings.image | img_url: '270x' }}" alt="Partner" />
                  </a>

                {% else %}
                  {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
                {% endunless %}
              </div>
            {% endif %}
          {% endfor %}
        </div>
      </div>
    </div>
  {% endif %}
</div>
{% endif %}

{% schema %}
  {
    "name": "About Us Page",
    "settings": [
      {
        "type": "image_picker", 
        "id": "breadcrumb_image",
        "label": "Breadcrumb image"
      },
      {
        "type":"header",
        "content":"Section #1 - Text and Image"
      },
      {
        "type":"paragraph",
        "content":"To use this section, please go to CONTENT and add content named Text or Image."
      },
      {
        "type":"checkbox",
        "id":"show_sec_1",
        "label":"Show this section",
        "default":true
      },
      {
        "type":"color",
        "id":"bg_color_1",
        "label":"Background color",
        "default":"#ffffff"
      },
      {
        "type":"header",
        "content":"Section #2 - Team Member"
      },
      {
        "type":"paragraph",
        "content":"To use this section, please go to CONTENT and add content named Team Member."
      },
      {
        "type":"checkbox",
        "id":"show_sec_2",
        "label":"Show this section",
        "default":true
      },
      {
        "type":"color",
        "id":"bg_color_2",
        "label":"Background color",
        "default":"#f6f6f6"
      },
      {
        "type":"text",
        "id":"heading_sec_2",
        "label":"Heading",
        "default":"OUR PERFECT <span class=highlight>TEAM</span>"
      },
      {
        "type":"color",
        "id":"heading_color_sec_2",
        "label":"Color",
        "default":"#1e1e1e"
      },
      {
        "type": "select",
        "id": "heading_size_sec_2",
        "label": "Font size",
        "default": "h2",
        "options": [
          {
            "value": "h1",
            "label": "Heading 1"
          },
          {
            "value": "h2",
            "label": "Heading 2"
          },
          {
            "value": "h3",
            "label": "Heading 3"
          },
          {
            "value": "h4",
            "label": "Heading 4"
          },
          {
            "value": "h5",
            "label": "Heading 5"
          },
          {
            "value": "h6",
            "label": "Heading 6"
          }
        ]
      },
      {
        "type":"header",
        "content":"Section #3 - Client Testimonial"
      },
      {
        "type":"paragraph",
        "content":"To use this section, please go to CONTENT and add content named Testimonial."
      },
      {
        "type":"checkbox",
        "id":"show_sec_3",
        "label":"Show this section",
        "default":true
      },
      {
        "type":"text",
        "id":"heading_sec_3",
        "label":"Heading",
        "default":"OUR CLIENTS <span class=highlight>TESTIMONIALS</span>"
      },
      {
        "type":"color",
        "id":"heading_color_sec_3",
        "label":"Color",
        "default":"#ffffff"
      },
      {
        "type": "select",
        "id": "heading_size_sec_3",
        "label": "Font size",
        "default": "h2",
        "options": [
          {
            "value": "h1",
            "label": "Heading 1"
          },
          {
            "value": "h2",
            "label": "Heading 2"
          },
          {
            "value": "h3",
            "label": "Heading 3"
          },
          {
            "value": "h4",
            "label": "Heading 4"
          },
          {
            "value": "h5",
            "label": "Heading 5"
          },
          {
            "value": "h6",
            "label": "Heading 6"
          }
        ]
      },
      {
        "type":"paragraph",
        "content":"----Background"
      },
      {
        "type":"select",
        "id":"bg_type",
        "label":"Background type",
        "options": [
          {"value":"image","label":"Image"},
          {"value":"color","label":"Color"}
        ],
        "default":"image"
      },
      {
        "type":"image_picker",
        "id":"bg_image_3",
        "label":"Background image"
      },
      {
        "type":"color",
        "id":"bg_color_3",
        "label":"Background color",
        "default":"#f6f6f6"
      },
      {
        "type":"header",
        "content":"Section #4 - Store Statistics"
      },
      {
        "type":"checkbox",
        "id":"show_sec_4",
        "label":"Show this section",
        "default":true
      },
      {
        "type":"text",
        "id":"heading_sec_4",
        "label":"Heading",
        "default":"SOME <span class=highlight>NUMBERS</span>"
      },
      {
        "type":"color",
        "id":"heading_color_sec_4",
        "label":"Color",
        "default":"#1e1e1e"
      },
      {
        "type": "select",
        "id": "heading_size_sec_4",
        "label": "Font size",
        "default": "h2",
        "options": [
          {
            "value": "h1",
            "label": "Heading 1"
          },
          {
            "value": "h2",
            "label": "Heading 2"
          },
          {
            "value": "h3",
            "label": "Heading 3"
          },
          {
            "value": "h4",
            "label": "Heading 4"
          },
          {
            "value": "h5",
            "label": "Heading 5"
          },
          {
            "value": "h6",
            "label": "Heading 6"
          }
        ]
      },
      {
        "type":"color",
        "id":"bg_color_4",
        "label":"Background color",
        "default":"#f6f6f6"
      },
      {
        "type":"header",
        "content":"Section #5 - Brand Logos"
      },
      {
        "type":"checkbox",
        "id":"show_sec_5",
        "label":"Show this section",
        "default":true
      },
      {
        "type":"color",
        "id":"bg_color_5",
        "label":"Background color",
        "default":"#f6f6f6"
      }
    ],
    "blocks":[
      {
        "type": "text",
        "name": "Text",
        "settings": [
          {
            "type":"text",
            "id":"heading",
            "label":"Heading"
          },
          {
            "type": "color",
            "id": "heading_color",
            "label": "Color",
            "default": "#1e1e1e"
          },
          {
            "type": "select",
            "id": "heading_size",
            "label": "Font size",
            "default": "h2",
            "options": [
              {
                "value": "h1",
                "label": "Heading 1"
              },
              {
                "value": "h2",
                "label": "Heading 2"
              },
              {
                "value": "h3",
                "label": "Heading 3"
              },
              {
                "value": "h4",
                "label": "Heading 4"
              },
              {
                "value": "h5",
                "label": "Heading 5"
              },
              {
                "value": "h6",
                "label": "Heading 6"
              }
            ]
          },  
          {
            "type": "header",
            "content": "Paragraph #1"
          },
          {
            "type":"checkbox",
            "id":"show_paragraph_1",
            "label":"Show paragraph"
          },
          {
            "type":"text",
            "id":"p_heading_1",
            "label":"Paragraph heading"
          },
          {
            "type": "color",
            "id": "p_heading_color_1",
            "label": "Color",
            "default": "#1e1e1e"
          },
          {
            "type": "select",
            "id": "p_heading_size_1",
            "label": "Font size",
            "default": "h2",
            "options": [
              {
                "value": "h1",
                "label": "Heading 1"
              },
              {
                "value": "h2",
                "label": "Heading 2"
              },
              {
                "value": "h3",
                "label": "Heading 3"
              },
              {
                "value": "h4",
                "label": "Heading 4"
              },
              {
                "value": "h5",
                "label": "Heading 5"
              },
              {
                "value": "h6",
                "label": "Heading 6"
              }
            ]
          },
          {
            "type": "textarea",
            "id": "paragraph_text_1",
            "label": "Paragraph"
          },
          {
            "type": "color",
            "id": "paragraph_color_1",
            "label": "Color",
            "default": "#4a4a4a"
          },
          {
            "type": "select",
            "id": "paragraph_size_1",
            "label": "Font size",
            "default": "h6",
            "options": [
              {
                "value": "h1",
                "label": "Heading 1"
              },
              {
                "value": "h2",
                "label": "Heading 2"
              },
              {
                "value": "h3",
                "label": "Heading 3"
              },
              {
                "value": "h4",
                "label": "Heading 4"
              },
              {
                "value": "h5",
                "label": "Heading 5"
              },
              {
                "value": "h6",
                "label": "Heading 6"
              }
            ]
          },




          {
            "type": "header",
            "content": "Paragraph #2"
          },
          {
            "type":"checkbox",
            "id":"show_paragraph_2",
            "label":"Show paragraph"
          },
          {
            "type":"text",
            "id":"p_heading_2",
            "label":"Paragraph heading"
          },
          {
            "type": "color",
            "id": "p_heading_color_2",
            "label": "Color",
            "default": "#1e1e1e"
          },
          {
            "type": "select",
            "id": "p_heading_size_2",
            "label": "Font size",
            "default": "h2",
            "options": [
              {
                "value": "h1",
                "label": "Heading 1"
              },
              {
                "value": "h2",
                "label": "Heading 2"
              },
              {
                "value": "h3",
                "label": "Heading 3"
              },
              {
                "value": "h4",
                "label": "Heading 4"
              },
              {
                "value": "h5",
                "label": "Heading 5"
              },
              {
                "value": "h6",
                "label": "Heading 6"
              }
            ]
          },
          {
            "type": "textarea",
            "id": "paragraph_text_2",
            "label": "Paragraph"
          },
          {
            "type": "color",
            "id": "paragraph_color_2",
            "label": "Color",
            "default": "#4a4a4a"
          },
          {
            "type": "select",
            "id": "paragraph_size_2",
            "label": "Font size",
            "default": "h6",
            "options": [
              {
                "value": "h1",
                "label": "Heading 1"
              },
              {
                "value": "h2",
                "label": "Heading 2"
              },
              {
                "value": "h3",
                "label": "Heading 3"
              },
              {
                "value": "h4",
                "label": "Heading 4"
              },
              {
                "value": "h5",
                "label": "Heading 5"
              },
              {
                "value": "h6",
                "label": "Heading 6"
              }
            ]
          },


          {
            "type": "header",
            "content": "Paragraph #3"
          },
          {
            "type":"checkbox",
            "id":"show_paragraph_3",
            "label":"Show paragraph"
          },
          {
            "type":"text",
            "id":"p_heading_3",
            "label":"Paragraph heading"
          },
          {
            "type": "color",
            "id": "p_heading_color_3",
            "label": "Color",
            "default": "#1e1e1e"
          },
          {
            "type": "select",
            "id": "p_heading_size_3",
            "label": "Font size",
            "default": "h2",
            "options": [
              {
                "value": "h1",
                "label": "Heading 1"
              },
              {
                "value": "h2",
                "label": "Heading 2"
              },
              {
                "value": "h3",
                "label": "Heading 3"
              },
              {
                "value": "h4",
                "label": "Heading 4"
              },
              {
                "value": "h5",
                "label": "Heading 5"
              },
              {
                "value": "h6",
                "label": "Heading 6"
              }
            ]
          },
          {
            "type": "textarea",
            "id": "paragraph_text_3",
            "label": "Paragraph"
          },
          {
            "type": "color",
            "id": "paragraph_color_3",
            "label": "Color",
            "default": "#4a4a4a"
          },
          {
            "type": "select",
            "id": "paragraph_size_3",
            "label": "Font size",
            "default": "h6",
            "options": [
              {
                "value": "h1",
                "label": "Heading 1"
              },
              {
                "value": "h2",
                "label": "Heading 2"
              },
              {
                "value": "h3",
                "label": "Heading 3"
              },
              {
                "value": "h4",
                "label": "Heading 4"
              },
              {
                "value": "h5",
                "label": "Heading 5"
              },
              {
                "value": "h6",
                "label": "Heading 6"
              }
            ]
          }
        ]
      },
      {
        "type":"image",
        "name":"Image",
        "settings":[
          {
            "type":"image_picker",
            "id":"image",
            "label":"Image"
          },
          {
            "type":"text",
            "id":"image_size",
            "label":"Image size",
            "default":"435x300"
          }
        ]
      },
      {
        "type":"member",
        "name":"Team Member",
        "limit":4,
        "settings":[
          {
            "type":"color",
            "id":"bg_color",
            "label":"Background color",
            "default":"#ffffff"
          },
          {
            "type":"image_picker",
            "id":"image",
            "label":"Image"
          },
          {
            "type":"text",
            "id":"image_size",
            "label":"Image size",
            "default":"180x180"
          },
          {
            "type":"text",
            "id":"name",
            "label":"Name"
          },
          {
            "type":"text",
            "id":"position",
            "label":"Position"
          },
          {
            "type":"textarea",
            "id":"opinion",
            "label":"Opinion"
          },
          {
            "type":"paragraph",
            "content":"----Social Widget"
          },
          {
            "type":"text",
            "id":"social_icon_1",
            "label":"Classname for social icon #1",
            "default":"icon-facebook"
          },
          {
            "type":"text",
            "id":"social_link_1",
            "label":"Link #1",
            "default":"https://www.facebook.com/"
          },
          {
            "type":"text",
            "id":"social_icon_2",
            "label":"Classname for social icon #2",
            "default":"icon-twitter"
          },
          {
            "type":"text",
            "id":"social_link_2",
            "label":"Link #2",
            "default":"https://www.twitter.com/"
          },
          {
            "type":"text",
            "id":"social_icon_3",
            "label":"Classname for social icon #3",
            "default":"icon-google"
          },
          {
            "type":"text",
            "id":"social_link_3",
            "label":"Link #3",
            "default":"https://www.google.com/"
          },
          {
            "type":"text",
            "id":"social_icon_4",
            "label":"Classname for social icon #4",
            "default":"icon-instagram"
          },
          {
            "type":"text",
            "id":"social_link_4",
            "label":"Link #4",
            "default":"https://www.instagram.com/"
          }  
        ]
      },
      {
        "type":"testimonial",
        "name":"Testimonial",
        "settings":[
          {
            "label": "Image",
            "id": "image",
            "type": "image_picker"
          },
          {
            "type": "text",
            "id": "image_size",
            "label": "Image size",
            "info": "Default is 100x100 pixels",
            "default": "100x100"
          },
          {
            "type": "select",
            "id": "rating",
            "label": "Rating",
            "default": "5",
            "options": [
              {
                "value": "1",
                "label": "1 star"
              },
              {
                "value": "2",
                "label": "2 stars"
              },
              {
                "value": "3",
                "label": "3 stars"
              },
              {
                "value": "4",
                "label": "4 stars"
              },
              {
                "value": "5",
                "label": "5 stars"
              }
            ]
          },
          {
            "label": "Message",
            "id": "message",
            "type": "textarea",
            "default": "Good design is as little design as possible"
          },
          {
            "label": "Name",
            "id": "name",
            "type": "text",
            "default": "Igor ten"
          }
        ]
      },
      {
        "type":"statistic",
        "name":"Statistic",
        "limit":4,
        "settings":[
          {
            "type":"color",
            "id":"bg_color",
            "label":"Background color",
            "default":"#ffffff"
          }, 
          {
            "type":"select",
            "id":"icon_type",
            "label":"Icon type",
            "options":[
              {"value":"image","label":"Image"},
              {"value":"class","label":"Classname"}
            ],
            "default":"image"
          },
          {
            "type":"image_picker",
            "id":"image",
            "label":"Image"
          },
          {
            "type":"text",
            "id":"classname",
            "label":"Classname"
          },
          {
            "type":"text",
            "id":"heading",
            "label":"Heading"
          },
          {
            "type": "color",
            "id": "heading_color",
            "label": "Color",
            "default": "#000000"
          },
          {
            "type": "select",
            "id": "heading_size",
            "label": "Font size",
            "default": "h2",
            "options": [
              {
                "value": "h1",
                "label": "Heading 1"
              },
              {
                "value": "h2",
                "label": "Heading 2"
              },
              {
                "value": "h3",
                "label": "Heading 3"
              },
              {
                "value": "h4",
                "label": "Heading 4"
              },
              {
                "value": "h5",
                "label": "Heading 5"
              },
              {
                "value": "h6",
                "label": "Heading 6"
              }
            ]
          },   
          {
            "type":"text",
            "id":"subheading",
            "label":"Subheading"
          },
          {
            "type": "color",
            "id": "subheading_color",
            "label": "Color",
            "default": "#979797"
          },
          {
            "type": "select",
            "id": "subheading_size",
            "label": "Font size",
            "default": "h2",
            "options": [
              {
                "value": "h1",
                "label": "Heading 1"
              },
              {
                "value": "h2",
                "label": "Heading 2"
              },
              {
                "value": "h3",
                "label": "Heading 3"
              },
              {
                "value": "h4",
                "label": "Heading 4"
              },
              {
                "value": "h5",
                "label": "Heading 5"
              },
              {
                "value": "h6",
                "label": "Heading 6"
              }
            ]
          }  
        ]
      },
      {
        "type":"logo",
        "name":"Logo",
        "settings":[
          {
            "type": "image_picker",
            "id": "image",
            "label": "Image",
            "info": "The default image size is 270x70 pixels"
          },
          {
            "type": "url",
            "id": "link",
            "label": "Link"
          }
        ]
      }
    ]
  }
{% endschema %}