url = "/faq"
title ="F.A.Q"
layout = "default"
==
<?php
    use RainLab\Blog\Models\Category;
	function onStart()
	{
        $posts = Category::where("slug", "faq")->first();
        $this['posts'] = $posts->posts;
		$this['js'] = "assets/js/script.min.js";
	}
?>
==

	{% put styles %}
    {% endput %}

	{% put scripts %}
    {% endput %}

    {% put scripts_inline %}
    {% endput %}

    {% put additional_flying_elements %}
    {% endput %}

    {% put footer_pusher %}
    {% endput %}

    {% put modal %}
    {% endput %}

    <section id="faq-01">
        <div class="container">
            <h1 class="mb-3 text-center">Frequently Asked Questions</h1>
            <p class="text-center mb-5">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at elit molestie, feugiat neque in, consequat nisl. Sed vel eleifend purus. Donec id ante ut elit porttitor iaculis pulvinar vitae dui. Pellentesque quis metus ullamcorper, placerat est sit amet, efficitur mi.
            </p>
            <div class="accordion" id="accordionExample">
                {% for post in posts %}
                <div class="mb-4 rounded-0">
                    <div class="bg-primary px-3 py-2" id="headingOne">
                        <h2 class="mb-0">
                            <button class="btn btn-link text-delta" type="button" data-toggle="collapse" data-target="#collapse0{{loop.index}}" aria-expanded="false" aria-controls="collapse0{{loop.index}}">
                                {{post.title}}
                            </button>
                        </h2>
                    </div>
                    <div id="collapse0{{loop.index}}" class="collapse multi-collapse show">
                        <div class="p-4 border">
                            {{post.content_html|raw}}
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </section>