<div class="wrap">
    <h1 class="wp-heading-inline">
        <?php
            echo esc_html( get_admin_page_title() );
        ?>
    </h1>

    <div id="poststuff">
        <div id="post-body" class="metabox-holder">
            <div id="post-body-content">
                <div style="width:90%;margin:auto;text-align:center">
                    <div>
                        <h3 style="text-align:center"><?php echo esc_html(__('What can you ask ChatGPT?', "ays-chatgpt-assistant")); ?></h3>
                        <p style="font-size:16px;margin:15px 0"><?php echo esc_html(__('You can ask a wide range of questions from a different topics and receive human-like responses to them. Some examples of what you can ask Chat include:', "ays-chatgpt-assistant")); ?></p>
                        <ul style="list-style-type:initial;text-align:justify;width:90%;margin:auto">
                            <li><?php echo esc_html(__('General knowledge questions, such as "What is the largest desert on Earth?" or "Who invented the telephone?"', "ays-chatgpt-assistant")); ?></li>
                            <li><?php echo esc_html(__('WordPress-related questions, such as "How to install WordPress plugin premium version?"', "ays-chatgpt-assistant")); ?></li>
                            <li><?php echo esc_html(__('Text generation and translation, such as "Can you paraphrase this paragraph?" or "Can you translate this paragraph from English to French?"', "ays-chatgpt-assistant")); ?></li>
                            <li><?php echo esc_html(__('Idea generation for blog post , such as "Can you provide three strategies to capture leads"', "ays-chatgpt-assistant")); ?></li>
                            <li><?php echo esc_html(__('Code requests, such as "Can you build a Calculator using JavaScript?" or "How to give padding in CSS"', "ays-chatgpt-assistant")); ?></li>
                        </ul>
                    </div>
                    <div class="ays-survey-create-survey-youtube-video" style="margin-top:50px">
                        <div class="ays-chatgpt-youtube-placeholder" data-video-id="-f1jSMZp9mE" style="cursor: pointer">
                            <img style="width:100%;object-fit:contain;" src="<?php echo esc_url(CHATGPT_ASSISTANT_ADMIN_URL .'/images/help-page-video.webp'); ?>" loading="lazy" width="560" height="315">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>