<section class="h_doc_documentation_area">
    <ul class="nav nav-tabs documentation_tab" id="myTabs" role="tablist">
        <?php
        $slug_type = $settings['docs_slug_format'] ?? '';
        $widget_id = $this->get_id();
        if ( $settings['is_custom_order'] == 'yes' && !empty($settings['docs']) ) {
            $custom_docs = $settings['docs'];
            //echo '<pre>'.print_r($custom_docs, 1).'</pre>';
            $i = 0;
            foreach ( $custom_docs as $doc_item ) {
                $doc_id = $doc_item['doc'];
                // Active Doc
                if ( !empty($settings['active_doc']) ) {
                    $active = $doc_id == $settings['active_doc'] ? ' active' : '';
                } else {
                    $active = ( $i == 0 ) ? ' active' : '';
                }
                $post_title_slug = get_post_field('post_name', $doc_id);
                $doc_name = explode( ' ', get_the_title($doc_id) );

	            if ( $slug_type == 1 ) {
		            $atts = "href='#doc2-{$post_title_slug}'";
	            } else {
		            $atts = "href='#doc2-{$widget_id}-{$doc_id}'";
	            }

                $atts .= " aria-controls='doc-{$post_title_slug}'";
                ?>
                <li class="nav-item">
                    <a <?php echo $atts; ?> id="<?php echo $post_title_slug; ?>-tab" class="nav-link<?php echo esc_attr($active) ?>" data-bs-toggle="tab">
                        <?php
                        if ( $settings['is_tab_title_first_word'] == 'yes' ) {
                            echo wp_kses_post($doc_name[0]);
                        } else {
                            echo get_the_title($doc_id);
                        }
                        ?>
                    </a>
                </li>
                <?php
                ++$i;
            }
        } else {
            if ( $parent_docs ) :
                foreach ($parent_docs as $i => $doc) :
                    // Active Doc
                    if ( !empty($settings['active_doc']) ) {
                        $active = $doc->ID == $settings['active_doc'] ? ' active' : '';
                    } else {
                        $active = ( $i == 0 ) ? ' active' : '';
                    }
                    $doc_name = explode( ' ', $doc->post_title );

	                if( $slug_type == 1 ) {
		                $href       = "href='#doc2-{$doc->post_name}'";
	                }else{
		                $href       = "href='#doc2-{$widget_id}-{$doc->ID}'";
	                }

                    $aria_controls = " aria-controls='doc-{$doc->post_name}'";
                    ?>
                    <li class="nav-item">
                        <a <?php echo $href.$aria_controls; ?> id="doc2-<?php echo $doc->post_name; ?>-tab" class="nav-link <?php echo esc_attr($active) ?>" data-bs-toggle="tab">
                            <?php
                            if ( $settings['is_tab_title_first_word'] == 'yes' ) {
                                echo wp_kses_post($doc_name[0]);
                            } else {
                                echo wp_kses_post($doc->post_title);
                            }
                            ?>
                        </a>
                    </li>
                <?php
                endforeach;
            endif;
        }
        ?>
    </ul>
    <div class="tab-content">
        <?php
        foreach ( $docs as $i => $main_doc ) :
            // Active Doc
            if ( !empty($settings['active_doc']) ) {
                $active = $main_doc['doc']->ID == $settings['active_doc'] ? 'show active' : '';
            } else {
                $active = ($i == 0) ? 'show active' : '';
            }

	        if( $slug_type == 1 ) {
		        $doc_id       = $main_doc['doc']->post_name;
	        }else{
		        $doc_id       = "{$widget_id}-{$main_doc['doc']->ID}";
	        }
            ?>
            <div class="tab-pane documentation_tab_pane <?php echo esc_attr($active); ?>" id="doc2-<?php echo $doc_id; ?>" role="tabpanel" aria-labelledby="doc2-<?php echo $doc_id ?>-tab">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="documentation_text">

                            <?php if ( has_post_thumbnail($main_doc['doc']->ID) ) : ?>
                                <?php echo get_the_post_thumbnail( $main_doc['doc']->ID, 'full', array( 'class' => 'doc-logo' )); ?>
                            <?php endif; ?>

                            <?php if ( !empty($main_doc['doc']->post_title) ) : ?>
                                <h4> <?php echo wp_kses_post($main_doc['doc']->post_title); ?> </h4>
                            <?php endif; ?>
                            <?php
                            if( strlen(trim($main_doc['doc']->post_excerpt)) != 0 ) {
                                echo wpautop( wp_trim_words($main_doc['doc']->post_excerpt, $settings['main_doc_excerpt'], '') );
                            } else{
                                echo wpautop( wp_trim_words($main_doc['doc']->post_content, $settings['main_doc_excerpt'], '') );
                            }
                            ?>
                            <a href="<?php echo get_permalink( $main_doc['doc']->ID ); ?>" class="learn_btn">
                                <?php echo esc_html($settings['read_more']); ?> <i class="<?php ezd_arrow() ?>"></i>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <div class="row">
                            <?php
                            foreach ($main_doc['sections'] as $section) :
                                ?>
                                <div class="col-sm-6">
                                    <div class="media documentation_item">
                                        <div class="icon bs-sm">
                                            <?php
                                            if ( has_post_thumbnail($section->ID) ) {
                                                echo get_the_post_thumbnail($section->ID, 'full');
                                            } else {
                                                $default_icon = plugins_url('images/folder.png', __FILE__);
                                                echo "<img src='$default_icon' alt='{$section->post_title}'>";
                                            }
                                            ?>
                                        </div>
                                        <div class="media-body">
                                            <a href="<?php echo get_permalink($section->ID); ?>">
                                                <h5 class="title"> <?php echo wp_kses_post($section->post_title); ?> </h5>
                                            </a>
                                            <p>
                                                <?php
                                                if( strlen(trim($section->post_excerpt)) != 0 ) {
                                                    echo wp_trim_words($section->post_excerpt, $settings['doc_sec_excerpt'], '');
                                                } else {
                                                    echo wp_trim_words($section->post_content, $settings['doc_sec_excerpt'], '');
                                                }
                                                ?>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            <?php
                            endforeach;
                            ?>
                        </div>
                    </div>
                </div>
            </div>
        <?php
        endforeach;
        ?>
    </div>
</section>

• [D] images
• [F] Doc_Widget.php
  Delete
• [F] docs-1.php
  Delete
• [F] docs-2.php
  Delete
• [F] docs-3.php
  Delete
• [F] docs-4.php
  Delete
• [F] docs-5.php
  Delete
• [F] docs-6.php
  Delete