<?php





$sections = [


    


    // 'elements' => [


    //     'title' => esc_html__('Elements', 'elementpress'),


    //     'sub-title' => esc_html__('Enable disable widgets', 'elementpress'),


    //     'icon' => 'icon icon-magic-wand',


    // ],


    'modules' => [


        'title' => esc_html__('Modules', 'elementpress'),


        'sub-title' => esc_html__('Enable disable modules', 'elementpress'),


        'icon' => 'icon icon-settings-2',


    ],


    


];








?>


<div class="epress-wid-con">


    <div class="epress_container">


        <form action="" method="POST" id="epress-admin-settings-form">


            <div class="attr-row epress_tab_wraper_group">


                <div class="attr-col-lg-3 attr-col-md-4">


                    <div class="epress_logo">


                        <img src="<?php echo self::get_url() . 'assets/images/elements_option_logo.svg'; ?>" height="40" alt="" />


                    </div>


                    <div class="epress-admin-nav" id="v-elementpress-tab" role="tablist" aria-orientation="vertical">


                        <ul class="attr-nav attr-nav-tabs">


                            <?php foreach($sections as $section_key => $section): reset($sections);?>


                            <li role="presentation" class="<?php echo ($section_key !== key($sections)) ? : 'attr-active'; ?>">


                                <a class="epress-admin-nav-link" id="v-elementpress-<?php echo esc_attr($section_key); ?>-tab" data-toggle="pill" href="#v-elementpress-<?php echo esc_attr($section_key); ?>" role="tab"


                                    aria-controls="v-elementpress-<?php echo esc_attr($section_key); ?>" data-toggle="tab" role="tab">


                                    <div class="epress-admin-tab-content">


                                        <span class="epress-admin-title"><?php echo esc_html($section['title']); ?></span>


                                        <span class="epress-admin-subtitle"><?php echo esc_html($section['sub-title']); ?></span>


                                    </div>


                                    <div class="epress-admin-tab-icon">


                                        <span class="<?php echo esc_attr($section['icon']) ?>"></span>


                                    </div>


                                </a>


                            </li>


                            <?php endforeach; ?>


                        </ul>


                    </div>


                </div>


                <div class="attr-col-lg-9 attr-col-md-8">


                    <div class="attr-tab-content" id="v-elementpress-tabContent">


                        <?php foreach($sections as $section_key => $section): reset($sections); ?>


                            <div class="attr-tab-pane <?php echo ($section_key !== key($sections)) ? : 'attr-active'; ?>" id="v-elementpress-<?php echo esc_attr($section_key); ?>" role="tabpanel" aria-labelledby="v-elementpress-tab-<?php echo esc_attr($section_key); ?>">


                                <div class="epress-admin-section-header">


                                    <h2 class="epress-admin-section-heaer-title"><span class="<?php echo esc_attr($section['icon']) ?>"></span><?php echo esc_html($section['title']); ?></h2>


                                    <div class="epress-admin-input-switch">


                                        <button class="attr-btn-primary attr-btn epress-admin-settings-form-submit"><div class="epress-spinner"></div><?php esc_html_e('Save Changes', 'elementpress'); ?></button>


                                    </div>


                                </div>


                                <?php include self::get_dir() . 'pages/settings-' . $section_key . '.php'; ?>


                            </div>


                        <?php endforeach; ?>


                    </div>


                </div>


            </div>


        </form>


    </div>


</div>