<?xml version="1.0" encoding="utf-8"?>
<odoo>

<template id="s_accordion" name="Accordion">
<t t-set="uniq" t-value="datetime.datetime.now().microsecond"/>
    <div t-attf-class="s_accordion" data-name="Accordion">
        <div id="myCollapse" t-attf-class="{{extra_classes}} accordion">
            <div class="accordion-item position-relative z-1" data-name="Accordion Item">
                <button type="button" t-attf-id="accordion-button{{uniq}}_1" class="accordion-header accordion-button justify-content-between gap-2 bg-transparent h6-fs fw-bold text-decoration-none text-reset transition-none" t-attf-data-bs-target="#myCollapseTab{{uniq}}_1" t-attf-aria-controls="myCollapseTab{{uniq}}_1" data-bs-toggle="collapse" aria-expanded="true"><span class="flex-grow-1">What services does your company offer ?</span></button>
                <div t-attf-id="myCollapseTab{{uniq}}_1" class="accordion-collapse collapse show" data-bs-parent="#myCollapse" role="region" t-attf-aria-labelledby="accordion-button{{uniq}}_1">
                    <div class="accordion-body">
                        <p>Our company specializes in consulting, product development, and customer support. We tailor our services to fit the unique needs of businesses across various sectors, helping them grow and succeed in a competitive market.</p>
                    </div>
                </div>
            </div>
            <div class="accordion-item position-relative z-1" data-name="Accordion Item">
                <button type="button" t-attf-id="accordion-button{{uniq}}_2" class="accordion-header accordion-button collapsed justify-content-between gap-2 bg-transparent h6-fs fw-bold text-decoration-none text-reset transition-none" t-attf-data-bs-target="#myCollapseTab{{uniq}}_2" t-attf-aria-controls="myCollapseTab{{uniq}}_2" data-bs-toggle="collapse" aria-expanded="false"><span class="flex-grow-1">How can I contact customer support ?</span></button>
                <div t-attf-id="myCollapseTab{{uniq}}_2" class="accordion-collapse collapse" data-bs-parent="#myCollapse" role="region" t-attf-aria-labelledby="accordion-button{{uniq}}_2">
                    <div class="accordion-body">
                        <p>You can reach our customer support team by emailing info@yourcompany.example.com, calling +1 555-555-5556, or using the live chat on our website. Our dedicated team is available 24/7 to assist with any inquiries or issues.</p>
                        <p>We’re committed to providing prompt and effective solutions to ensure your satisfaction.</p>
                    </div>
                </div>
            </div>
            <div class="accordion-item position-relative z-1" data-name="Accordion Item">
                <button type="button" t-attf-id="accordion-button{{uniq}}_3" class="accordion-header accordion-button collapsed justify-content-between gap-2 bg-transparent h6-fs fw-bold text-decoration-none text-reset transition-none" t-attf-data-bs-target="#myCollapseTab{{uniq}}_3" t-attf-aria-controls="myCollapseTab{{uniq}}_3" data-bs-toggle="collapse" aria-expanded="false"><span class="flex-grow-1">What is your return policy ?</span></button>
                <div t-attf-id="myCollapseTab{{uniq}}_3" class="accordion-collapse collapse" data-bs-parent="#myCollapse" role="region" t-attf-aria-labelledby="accordion-button{{uniq}}_3">
                    <div class="accordion-body">
                        <p>We offer a 30-day return policy for all products. Items must be in their original condition, unused, and include the receipt or proof of purchase. Refunds are processed within 5-7 business days of receiving the returned item.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<asset id="website.s_accordion_000_scss" name="Accordion 000 SCSS">
    <bundle>web.assets_frontend</bundle>
    <path>website/static/src/snippets/s_accordion/000.scss</path>
</asset>

</odoo>
