Na}{

File Content: `layout-1.php`

<?php
extract($settings);
$html_id = pxl_get_element_id($settings);

$active_section = intval($active_section);
$ac_items = $widget->get_settings('ac_items');

$anm_delay = !empty( $settings['items_animation_delay'] ) ? $settings['items_animation_delay'] : '200';

if(!empty($ac_items)) : ?>
    <div id="<?php echo esc_attr($html_id); ?>" class="pxl-accordion <?php echo esc_attr($settings['style']); ?>">
        <?php foreach ($ac_items as $key => $ac):
            $is_active = ($key + 1) == $active_section;
            $_id = isset($ac['_id']) ? $ac['_id'] : '';
            $ac_title = isset($ac['ac_title']) ? $ac['ac_title'] : '';
            $ac_content = isset($ac['ac_content']) ? $ac['ac_content'] : '';
             
            $title_key = $widget->get_repeater_setting_key( 'ac_title', 'ac_items', $key );
            $widget->add_render_attribute( $title_key, ['class' => [ 'ac-title d-flex align-items-center' ]] );
            $widget->add_inline_editing_attributes( $title_key, 'basic' );

            $content_key = $widget->get_repeater_setting_key( 'ac_content', 'ac_items', $key );
            $widget->add_render_attribute( $content_key, [
                'id' => $_id.$html_id,
                'class' => [ 'ac-content' ],
            ] );
            if($is_active){
                $widget->add_render_attribute( $content_key, 'style', 'display:block;' );
            }
            $widget->add_inline_editing_attributes( $content_key, 'basic' );

            $wrap_key = $widget->get_repeater_setting_key( 'ac_anm', 'ac_items', $key );
            $widget->add_render_attribute( $wrap_key, 'class', 'ac-item' );
            if($is_active){
                $widget->add_render_attribute( $wrap_key, 'class','active' );
            }
             
            if ( $settings['items_animation'] ) {
                $data_anmation = json_encode([
                    'animation' => $settings['items_animation'],
                    'animation_delay' => (float)$anm_delay * ($key + 1)
                ]);
                $widget->add_render_attribute( $wrap_key, 'class', 'pxl-animate pxl-invisible animated-'.$settings['items_animation_duration'] );
                $widget->add_render_attribute( $wrap_key, 'data-settings', $data_anmation );
            }

            $widget->add_render_attribute( $wrap_key, 'data-target', '#' . $_id.$html_id );

            ?>
            <div <?php pxl_print_html($widget->get_render_attribute_string( $wrap_key )); ?>> 
                <div class="ac-title-wrap">
                    <a <?php pxl_print_html($widget->get_render_attribute_string( $title_key )); ?>>
                        <span class="col"><?php echo wp_kses_post($ac_title); ?></span>
                        <span class="ac-toogle-icon"></span>
                    </a>
                </div>
                <div <?php pxl_print_html($widget->get_render_attribute_string( $content_key )); ?>><?php echo wp_kses_post(nl2br($ac_content)); ?></div>
            </div>
        <?php
            endforeach;
        ?>
    </div>
<?php endif; ?>
File Content: layout-1.php

File Content: `layout-1.php`
