<?php
function stylocore_options_page_html() {
    // check user capabilities
    if ( ! current_user_can( 'manage_options' ) ) {
        return;
    }
    ?>
    
    <div class="stylocore-admin-wrap">
        <div class="stylocore-notices">
            <?php
            $license_validation = stylothemes_is_valid_license();
            // 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( 'stylocore_messages', 'stylocore_message', __( 'Settings Saved', 'coneblog-widgets' ), 'updated' );
            }
        
            // show error/update messages
            settings_errors( 'stylocore_messages' );
            ?>
        </div>
        <div class="stylocor-panel-blocks">
            <div class="stylo-block-form">
                <form action="options.php" method="post">

                    <h2 class="panel-section-heading"><?php esc_html_e('License Activation', 'stylo-core') ?></h2>
                    <div class="form-fields-row">
                        <?php
                            
                            // output security fields for the registered setting "coneblog"
                            settings_fields( 'stylo-settings' );
                            // Output setting fields for page builders section
                            stylocore_settings_section_field( 'stylo-settings', 'stylocore_license_data' );

                            if($license_validation == false) {
                                // output save settings button
                                submit_button( 'Save Settings' );
                            }
                        ?>
                    </div>

                </form>
            </div>
            <div class="stylo-block-license-info">
                <div class="license-information">
                    <h2 class="panel-section-heading"><?php esc_html_e('License Information', 'stylo-core') ?></h2>
                    <div id="licenseInfoPanel" class="panel-content">
                        Loading data...
                    </div>
                </div>
                <div class="news-updates">
                    <h2 class="panel-section-heading">News & Updates</h2>
                    <div id="stylothemes-updates-restapi">Loading Updates...</div>
                </div>
            </div>
            <div class="stylo-block-support">
                <h2 class="panel-section-heading"><?php esc_html_e('Help & Support', 'stylo-core') ?></h2>
                <div class="panel-content support-links">
                    <a href="https://docs.stylothemes.com/" class="support-button docs" target="_blank">
                        <img src="<?php echo STYLO_ASSETS_PATH ?>img/doc.png" alt="Doc Icon">Documentation
                    </a>
                    <a href="https://www.youtube.com/@StyloThemes" class="support-button docs" target="_blank">
                        <img src="<?php echo STYLO_ASSETS_PATH ?>img/video.png" alt="Video Icon"> Video Tutorials
                    </a>
                    <a href="https://stylothemes.freshdesk.com/support/tickets/new" class="support-button ticket" target="_blank">
                        <img src="<?php echo STYLO_ASSETS_PATH ?>img/ticket.png" alt="Ticket Icon"> Submit Ticket
                    </a>
                    <a href="https://wa.me/message/NXKK7OIEPQXPB1" class="support-button whatsapp" target="_blank">
                        <img src="<?php echo STYLO_ASSETS_PATH ?>img/whatsapp.png" alt="WhatsApp Icon"> Chat on WhatsApp
                    </a>
                </div>
            </div>
        </div> 
    </div>
    
    <?php
}
?>