<script id="accordion-data" type="application/json">{{ module.vars.accordion|json_encode|raw }}</script><section class="text text-content"><div id="accordions" class="accordions"><div v-for="(c, index) in paginatedAccordion":key="index"class="accordion-item"@click="toggle":class="[index == 0 ? 'first' : '', index + 1 == accordionPerPage ? 'last' : '', index + 1 == paginatedAccordion.length ? 'last' : '' ]"><span class="accordion-item-title">${ c.title }<svg aria-label="Ikona menu"><use xlink:href="#chevron-down-icon"></use></svg></span><div class="accordion-item-content" v-html="c.content"></div></div></div></section><ul class="pagging" v-if="accordionPages > 1"><li class="last" v-if="accordionPage > 1" @click.prevent="setAccordion(1)"><a href="#"><i class="icon-arrow-left4"></i><i class="icon-arrow-left4"></i></a></li><li class="prev" v-if="accordionPage > 1" @click.prevent="prevAccordion"><a href="#"><i class="icon-arrow-left4"></i></a></li><li @click.prevent="setAccordion(index)" v-for="index in accordionPages" :class="accordionPage == index ? 'current' : ''"><a href="#">${ index }</a></li><li class="next" v-if="accordionPage < accordionPages" @click.prevent="nextAccordion"><a href="#"><i class="icon-arrow-right4"></i></a></li><li class="last" v-if="accordionPage < accordionPages" @click.prevent="setAccordion(accordionPages)"><a href="#"><i class="icon-arrow-right4"></i><i class="icon-arrow-right4"></i></a></li></ul>