{% set tfFaq = get_section(path="faq/_index.md") %}
{% set farmFaq = get_section(path="farmfaq/_index.md") %}
{% set tftFaq = get_section(path="tftfaq/_index.md") %}

{% if current_path == '/faq/' %}
<h2 class="text-center mt-10">{{ tfFaq.title }}</h2>
<div class="lg:max-w-5xl mx-auto px-8 space-y-2 mt-10">
    {% for page in tfFaq.pages %}
    <details class="p-4 rounded-lg">
        <summary class="font-semibold">{{ page.title }}</summary>
        <div class="mt-3">
            <p class="text-gray-600 text-sm leading-6">{{ page.content | safe }}</p>
        </div>
    </details>
    {% endfor %}
</div>

{% elif current_path == '/farmfaq/' %}
<h2 class="text-center mt-10">{{ farmFaq.title }}</h2>
<div class="lg:max-w-5xl mx-auto px-8 space-y-2 mt-10">
    {% for page in farmFaq.pages %}
    <details class="p-4 rounded-lg">
        <summary class="font-semibold">{{ page.title }}</summary>
        <div class="mt-3">
            <p class="text-gray-600 text-sm leading-6">{{ page.content | safe }}</p>
        </div>
    </details>
    {% endfor %}
</div>

{% elif current_path == '/tftfaq/' %}
<h2 class="text-center mt-10">{{ tftFaq.title }}</h2>
<div class="lg:max-w-5xl mx-auto px-8 space-y-2 mt-10">
    {% for page in tftFaq.pages %}
    <details class="p-4 rounded-lg">
        <summary class="font-semibold">{{ page.title }}</summary>
        <div class="mt-3">
            <p class="text-gray-600 text-sm leading-6">{{ page.content | safe }}</p>
        </div>
    </details>
    {% endfor %}
</div>
{% endif %}
<style>
    a {
        color: #4ec48f
    }
</style>