<template>
    <div id="faq">
        <div class="bi-container">
            <h3 class="text-center text-light text-muted" v-html="language.faq" />

            <bars-loader
                v-if="!faq.length" />

            <faq-section-template
                v-for="(section, index) in faq"
                :key="index"
                :section="section"
                :link="name" />

        </div>
    </div>
</template>

<script>
import FaqSectionTemplate from './components/FaqSection.vue'
import BarsLoader from '@/components/Loaders/BarsLoader'
import { setInterval, clearInterval } from 'timers';

export default {
    components: {
        BarsLoader,
        FaqSectionTemplate
    },
    props: {
        name: String
    },
    computed: {
        language() {
            return this.$store.getters.language
        },
        faq() {
            return this.$store.getters['home/faq']
        }
    },
    created() {
        let get_faq = setInterval(()=> {
            let get = this.$store.getters
            let lang = (get.userLogin && get.userInfo.u_settings) ? get.userInfo.u_settings.nativeLang : get.defineBrowserlanguage

            if (get.userInfo.u_settings || !get.userLogin) {
                this.$store.dispatch('home/getFAQ', lang)
                clearInterval(get_faq)
            }
        }, 100)
    }
}
</script>