<?php
if ( ! defined( 'ABSPATH' ) ) {
	// Exit if accessed directly.
	exit;
}
function urdupress_options_page_html() {
    // check user capabilities
    if ( ! current_user_can( 'manage_options' ) ) {
        return;
    }
    ?>
    
    <div class="urdpress-admin-wrap">
        <div class="urdpress-panel-head">
            <?php
            $page_name = $_GET['page'];
            //echo $page_name;
            ?>
            <div class="side-panel-col">
                <div class="panel-logo">
                    <span><img src="<?php echo URDUPRESS_ASSETS_PATH ?>img/logo-admin-screen.png" alt="ConeBlog Logo"></span>
                    <span class="cb-logo-title"><?php esc_html_e( 'urdupress', 'urdupress-widgets'); ?></span>
                </div>
            </div>
            <div class="side-panel-col">
                <ul class="urdpress-panel-tabs">
                    <li>
                        <a href="admin.php?page=urdupress" class="panel-tab-link<?php echo($page_name == 'urdupress' ? ' active': '' ) ?>">
                        <i class="icon-cubes"></i> Builders</a>
                    </li>
                    <li>
                        <a href="admin.php?page=upress-widgets" class="panel-tab-link<?php echo($page_name == 'upress-widgets' ? ' active': '' ) ?>">
                        <i class="icon-group"></i> Widgets</a>
                    </li>
                    <li>
                        <a href="admin.php?page=upress-modules" class="panel-tab-link<?php echo($page_name == 'upress-modules' ? ' active': '' ) ?>">
                        <i class="icon-magic"></i> Modules</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="urdpress-panel-content <?php echo 'page-'.$page_name ?>">
                <div class="urdupress-panel-controls">
                    <?php
                    // add error/update messages
            
                    // check if the user have submitted the settings
                    // WordPress will add the "settings-updated" $_GET parameter to the url
                    if ( isset( $_GET['settings-updated'] ) ) {
                        // add settings saved message with the class of "updated"
                        add_settings_error( 'urdupress_messages', 'urdupress_message', __( 'Settings Saved', 'urdupress-widgets' ), 'updated' );
                    }
                
                    // show error/update messages
                    settings_errors( 'urdupress_messages' );
                    ?>
                    <form action="options.php" method="post">
                        <?php
                        if($page_name == 'urdupress') {
                            // output security fields for the registered setting "coneblog"
                            settings_fields( 'urdupress' );
                            ?>
                            <h2 class="panel-section-heading"><?php esc_html_e('Page Builders') ?></h2>
                            <h3 class="panel-section-subheading"><?php esc_html_e( 'Select the Page builders you want to enable UrduPress Widgets on.', 'urdupress-widgets' ); ?></h3>
                            <div class="cb-builder-notice"><?php esc_html_e( 'You should enable only one page builder. Activating multiple builders at the same time may cause compatibility issues.', 'urdupress-widgets' ) ?></div>
                            <div class="form-fields-row">
                                <?php
                                    // Output setting fields for page builders section
                                    urdupress_settings_section_field( 'urdupress', 'urdupress_builders_elementor' );
                                ?>
                            </div>
                            
                            <?php
                        }
                        if($page_name == 'upress-widgets') {
                            // output security fields for the registered setting "coneblog"
                            settings_fields( 'upress-widgets' );
                            ?>
                            <h2 class="panel-section-heading"><?php esc_html_e('Elementor Widgets') ?></h2>
                            <div class="form-fields-row widgets-row">
                                <?php
                                    // Output setting fields for page widgets section
                                    urdupress_settings_section_field( 'upress-widgets', 'URDUPRESS_WIDGETS_posts_grid' );
                                    urdupress_settings_section_field( 'upress-widgets', 'URDUPRESS_WIDGETS_posts_list' );
                                    urdupress_settings_section_field( 'upress-widgets', 'URDUPRESS_WIDGETS_posts_carousel' );
                                    urdupress_settings_section_field( 'upress-widgets', 'URDUPRESS_WIDGETS_posts_classic' );
                                    urdupress_settings_section_field( 'upress-widgets', 'URDUPRESS_WIDGETS_posts_slider' );
                                    urdupress_settings_section_field( 'upress-widgets', 'URDUPRESS_WIDGETS_urdu_heading' );
                                    urdupress_settings_section_field( 'upress-widgets', 'URDUPRESS_WIDGETS_popular_posts' );
                                    if(get_option( 'urdupress_widgets_module_videos' ) == 'on') {
                                        urdupress_settings_section_field( 'upress-widgets', 'URDUPRESS_WIDGETS_videos_grid' );
                                    }
                                ?>
                            </div>
                            <hr style="margin: 40px 0;">
                            <h2 class="panel-section-heading"><?php esc_html_e('WordPress Widgets') ?></h2>
                            <div class="form-fields-row widgets-row">
                                <?php
                                    // Output setting fields for page widgets section
                                    urdupress_settings_section_field( 'upress-widgets', 'URDUPRESS_WIDGETS_wp_popular_posts' );
                                    urdupress_settings_section_field( 'upress-widgets', 'URDUPRESS_WIDGETS_wp_latest_posts' );
                                    urdupress_settings_section_field( 'upress-widgets', 'URDUPRESS_WIDGETS_wp_popular_videos' );
                                    urdupress_settings_section_field( 'upress-widgets', 'URDUPRESS_WIDGETS_wp_weather' );
                                    urdupress_settings_section_field( 'upress-widgets', 'URDUPRESS_WIDGETS_wp_prayer_times' );
                                ?>
                            </div>
                        <?php }
                        if($page_name == 'upress-modules') {
                        // output security fields for the registered setting "coneblog"
                        settings_fields( 'upress-modules' );    
                        ?>
                            <h2 class="panel-section-heading"><?php esc_html_e('Modules') ?></h2>
                            <h3 class="panel-section-subheading"><?php esc_html_e( 'Select the modules you want to enable.', 'urdupress-widgets' ); ?></h3>
                            <div class="form-fields-row widgets-row">
                                <?php
                                    // Output setting fields for page widgets section
                                    urdupress_settings_section_field( 'upress-modules', 'urdupress_widgets_module_videos' );
                                ?>
                            </div>
                        <?php } ?>
                        <?php
                        // output save settings button
                        submit_button( 'Save Settings' );
                        ?>
                    </form>
                </div><!-- Panel Controls -->
                <div class="urdupress-panel-sidebar">
                    <div class="panel-widget">
                        <div class="widget-head"><h3>Need Help?</h3></div>
                        <div class="widget-body">
                            <ul class="panel-help-links">
                                <li>
                                    <a href="https://docs.stylothemes.com/docs/urdupress/" target="_blank">
                                        <img src="<?php echo URDUPRESS_ASSETS_PATH ?>img/admin_icons/doc.png" alt="Documentation">
                                        <span>Documentation</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.youtube.com/watch?v=Zwt3OTrg6qQ" target="_blank">
                                        <img src="<?php echo URDUPRESS_ASSETS_PATH ?>img/admin_icons/video.png" alt="Video Tutorial">
                                        <span>Video Guide</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" target="_blank">
                                        <img src="<?php echo URDUPRESS_ASSETS_PATH ?>img/admin_icons/chat.png" alt="Community">
                                        <span>Community</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://stylothemes.com/support" target="_blank">
                                        <img src="<?php echo URDUPRESS_ASSETS_PATH ?>img/admin_icons/mail.png" alt="Contact">
                                        <span>Contact Us</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel-widget">
                        <div class="widget-head"><h3>News & Updates</h3></div>
                        <div class="widget-body">
                            <div class="recent-news" id="stylo-updates-restapi">Loading Updates...</div>
                        </div>
                    </div>
                </div><!-- Panel Sidebar -->
        </div> 
    </div>
    
    <?php
}
?>