<div id="home-faq" class="faq_{{ section.id }} {% if section.settings.is_effect_apply%}no_animation_effect{% else %}animation_effect{% endif %} index-section home-section" data-section-id="{{ section.id }}" data-section-type="home-faq" style="background-color: {{ section.settings.bg_color }}; border-top: {{ section.settings.border_top_width_size }}px solid {{ section.settings.border_top_color }}; border-bottom: {{ section.settings.bottom_width_size }}px solid {{ section.settings.border_bottom_color }};">
	<div id="faq" data-animation_name="{{ section.settings.animation_name }}" data-animation_delay="{{ section.settings.animation_delay }}" class="{% if section.settings.animation_name != 'noeffect' %}scroll_animation {% endif %}grid" style="animation-duration: {{ section.settings.animation_duration }};">
      	<div class="row1">
          	<h{{section.settings.heading_tag}} style="font-weight:{{ section.settings.heading_tag_text_style3}};color:{{ section.settings.header_color}}" id="lockh2">{{ section.settings.title | escape }} <span class="lighter"></span></h{{section.settings.heading_tag}}>
	         {% if section.settings.content != blank %} <p>{{section.settings.content}}</p>{% endif %}
          	<div id="accordion" class="panel-group custom_collapse " role="tablist" aria-multiselectable="true">
             	{% assign count = 0 %}	
              	{% for block in section.blocks %}
              		{% assign count = count | plus: 1 %}
              		<div class="panel panel-default ">
                      <div class="panel-heading" role="tab" id="headingOne-{{ block.id }}">
                      		<h4 class="panel-title"><a role="button" data-toggle="collapse" data-parent="#accordion" class="collapsed" href="#collapseOne-{{ block.id }}" aria-expanded="true" aria-controls="collapseOne-{{ block.id }}"> <i></i> {{ block.settings.home-faq-title }}</a></h4>
                      </div>
                      <div id="collapseOne-{{ block.id }}" class="panel-collapse collapse content_general" role="tabpanel" aria-labelledby="headingOne">
                      		<div class="panel-body">{{ block.settings.home-faq-content }}</div>
                      </div>
                    </div>
              	{% endfor %}
          	</div>
      	</div>
  	</div>
</div>

<style>
  .faq_{{ section.id }} .custom_collapse .panel-title a{
  	color:{{ section.settings.title_color }};
  }
  .faq_{{ section.id }} .custom_collapse .panel-title a:hover{
  	color:{{ section.settings.title_color_hover }};
  }
</style>

{% schema %}
	{
		"name": "FAQs",
		"max_blocks": 20,
		"settings": [
		{
              	"type": "paragraph",
              	"content": "Video Tutorial FR : [FAQ by Ulrich Vallée](https:\/\/www.ulrichvallee.com\/pages\/faq)"
        },
			{
              "type": "color",
              "id": "bg_color",
              "label": "Background Color",
              "default": "#FFFFFF"
            },
			{
				"type": "text",
				"id": "title",
				"label": "Header",
				"default": "FAQ"
			},
			{
              "type": "select",
              "id": "heading_tag",
              "label": "Heading Tag",
              "default":"2",
              "options": [
                {
                    "value": "1",
                    "label": "H1"
                },
                {
                    "value": "2",
                    "label": "H2"
                },
                {
                    "value": "3",
                    "label": "H3"
                },
                {
                    "value": "4",
                    "label": "H4"
                },
                {
                    "value": "5",
                    "label": "H5"
                },
                {
                    "value": "6",
                    "label": "H6"
                }
              ]
            },
			{
              "type":"color",
              "id":"header_color",
              "label":"Heading color",
              "default":"#383838"
            },
			{
              "type": "select",
              "id": "heading_tag_text_style3",
              "label": "Heading Font Style",
              "options": [
                {
                  "value": "300",
                  "label": "Lighter",
                  "group": "Font Style"
                },
                {
                  "value": "400",
                  "label": "Normal",
                  "group": "Font Style"
                },
                {
                  "value": "600",
                  "label": "Bold",
                  "group": "Font Style"
                },
                {
                  "value": "700",
                  "label": "Bolder",
                  "group": "Font Style"
                }
              ],
              "default": "600"
            },
			
			{
              "type": "richtext",
              "id": "content",
              "label": "Content"
            },
			
			{
              "type":"color",
              "id":"title_color",
              "label":"Sub heading color",
              "default":"#383838"
            },
			{
              "type":"color",
              "id":"title_color_hover",
              "label":"Sub heading color hover",
              "default":"#000000"
            },
			
            {
              "type": "color",
              "id": "border_top_color",
              "label": "Top Border Color",
              "default": "#FFFFFF"
            },
            {
              "type": "range",
              "id": "border_top_width_size",
              "label": "Top Border Width",
              "min": 0,
              "max": 10,
              "step": 1,
              "unit": "px",
              "default": 0
            },
            {
              "type": "color",
              "id": "border_bottom_color",
              "label": "Bottom Border Color",
              "default": "#FFFFFF"
            },
            {
              "type": "range",
              "id": "bottom_width_size",
              "label": "Bottom Border Width",
              "min": 0,
              "max": 10,
              "step": 1,
              "unit": "px",
              "default": 0
            },
            {
              "type":"checkbox",
              "id":"is_effect_apply",
              "label":"Apply Section Effect",
              "default":false
            },
            {
                "type": "select",
                "id": "animation_name",
                "label": "Animation Effect",
                "default": "noeffect",
                "options": [
                  {
                    "label": "No Effect",
                    "value": "noeffect"
                  },
                  {
                    "label": "bounce",
                    "value": "bounce"
                  },
                  {
                    "label": "flash",
                    "value": "flash"
                  },
                  {
                    "label": "pulse",
                    "value": "pulse"
                  },
                  {
                    "label": "rubberBand",
                    "value": "rubberBand"
                  },
                  {
                    "label": "shake",
                    "value": "shake"
                  },
                  {
                    "label": "headShake",
                    "value": "headShake"
                  },
                  {
                    "label": "swing",
                    "value": "swing"
                  },
                  {
                    "label": "tada",
                    "value": "tada"
                  },
                  {
                    "label": "wobble",
                    "value": "wobble"
                  },
                  {
                    "label": "jello",
                    "value": "jello"
                  },
                  {
                    "label": "bounceIn",
                    "value": "bounceIn"
                  },
                  {
                    "label": "bounceInDown",
                    "value": "bounceInDown"
                  },
                  {
                    "label": "bounceInLeft",
                    "value": "bounceInLeft"
                  },
                  {
                    "label": "bounceInRight",
                    "value": "bounceInRight"
                  },
                  {
                    "label": "bounceInUp",
                    "value": "bounceInUp"
                  },
                  {
                    "label": "fadeIn",
                    "value": "fadeIn"
                  },
                  {
                    "label": "fadeInDown",
                    "value": "fadeInDown"
                  },
                  {
                    "label": "fadeInDownBig",
                    "value": "fadeInDownBig"
                  },
                  {
                    "label": "fadeInLeft",
                    "value": "fadeInLeft"
                  },
                  {
                    "label": "fadeInLeftBig",
                    "value": "fadeInLeftBig"
                  },
                  {
                    "label": "fadeInRight",
                    "value": "fadeInRight"
                  },
                  {
                    "label": "fadeInRightBig",
                    "value": "fadeInRightBig"
                  },
                  {
                    "label": "fadeInUp",
                    "value": "fadeInUp"
                  },
                  {
                    "label": "fadeInUpBig",
                    "value": "fadeInUpBig"
                  },
                  {
                    "label": "flipInX",
                    "value": "flipInX"
                  },
                  {
                    "label": "flipInY",
                    "value": "flipInY"
                  },
                  {
                    "label": "lightSpeedIn",
                    "value": "lightSpeedIn"
                  },
                  {
                    "label": "rotateIn",
                    "value": "rotateIn"
                  },
                  {
                    "label": "rotateInDownLeft",
                    "value": "rotateInDownLeft"
                  },
                  {
                    "label": "rotateInDownRight",
                    "value": "rotateInDownRight"
                  },
                  {
                    "label": "rotateInUpLeft",
                    "value": "rotateInUpLeft"
                  },
                  {
                    "label": "rotateInUpRight",
                    "value": "rotateInUpRight"
                  },
                  {
                    "label": "hinge",
                    "value": "hinge"
                  },
                  {
                    "label": "jackInTheBox",
                    "value": "jackInTheBox"
                  },
                  {
                    "label": "rollIn",
                    "value": "rollIn"
                  },
                  {
                    "label": "zoomIn",
                    "value": "zoomIn"
                  },
                  {
                    "label": "zoomInDown",
                    "value": "zoomInDown"
                  },
                  {
                    "label": "zoomInLeft",
                    "value": "zoomInLeft"
                  },
                  {
                    "label": "zoomInRight",
                    "value": "zoomInRight"
                  },
                  {
                    "label": "zoomInUp",
                    "value": "zoomInUp"
                  },
                  {
                    "label": "slideInDown",
                    "value": "slideInDown"
                  },
                  {
                    "label": "slideInLeft",
                    "value": "slideInLeft"
                  },
                  {
                    "label": "slideInRight",
                    "value": "slideInRight"
                  },
                  {
                    "label": "slideInUp",
                    "value": "slideInUp"
                  },
                  {
                    "label": "heartBeat",
                    "value": "heartBeat"
                  }
                ]
              },
              {
                "type": "select",
                "id": "animation_duration",
                "label": "Animation Duration",
                "options": [
                  {
                    "value": "1s",
                    "label": "1s"
                  },
                  {
                    "value": "2s",
                    "label": "2s"
                  },
                  {
                    "value": "3s",
                    "label": "3s"
                  }
                ],
                "default": "1s"
              },
              {
                "type": "select",
                "id": "animation_delay",
                "label": "Animation Delay",
                "options": [
                  {
                    "value": "0",
                    "label": "0"
                  },
                  {
                    "value": "1",
                    "label": "1s"
                  },
                  {
                    "value": "2",
                    "label": "2s"
                  },
                  {
                    "value": "3",
                    "label": "3s"
                  },
                  {
                    "value": "4",
                    "label": "4s"
                  },
                  {
                    "value": "5",
                    "label": "5s"
                  },
                  {
                    "value": "6",
                    "label": "6s"
                  },
                  {
                    "value": "7",
                    "label": "7s"
                  },
                  {
                    "value": "8",
                    "label": "8s"
                  }
                ],
                "default": "0"
            }
		],
		"blocks" : [
			{
				"type": "text",
				"name": "FAQ",
				"settings": [
					{
						"type": "text",
						"id": "home-faq-title",
						"default": "Question and answer",
						"label": "Heading"
					},
					{
						"type": "richtext",
						"id": "home-faq-content",
						"default": "<p>This section doesn’t currently include any content. <b>Add content to this section using the sidebar.</b></p>",
						"label": "Text"
					}
				]
			}
		],
		"presets": [
			{
				"name": "FAQs",
				"category": "Text",
				"blocks": [
					{
						"type": "text"
					},
					{
						"type": "text"
					},
					{
						"type": "text"
					}
				]
			}
		]
	}
{% endschema %}
