<?php

namespace MovieEngine\Admin\Help;

if (! defined("ABSPATH")) {
    exit; // Exit if accessed directly
}

class HelpSettings {

    public static function render() {
?>
        <div class="me-help-wrapper">
            <div class="me-help-header">
                <div class="me-help-header-content">
                    <h1><?php esc_html_e('How can we help you today?', 'cine-movie-engine'); ?></h1>
                    <p><?php esc_html_e('Find answers, browse documentation, or contact our support team.', 'cine-movie-engine'); ?></p>
                </div>
            </div>
            <div class="me-help-grid">
                <a href="https://docs.movieengine.pro/getting-started" target="_blank" class="me-help-card">
                    <div class="me-help-icon">
                        <i class="fa-solid fa-rocket"></i>
                    </div>
                    <h3><?php esc_html_e('Quick Start', 'cine-movie-engine'); ?></h3>
                    <p><?php esc_html_e('New to MovieEngine? Learn how to set up your movie site in just 5 minutes.', 'cine-movie-engine'); ?></p>
                    <span class="me-help-link"><?php esc_html_e('Learn More', 'cine-movie-engine'); ?> <i class="fa-solid fa-arrow-right"></i></span>
                </a>

                <a href="https://docs.movieengine.pro/" target="_blank" class="me-help-card">
                    <div class="me-help-icon">
                        <i class="fa-solid fa-book-open"></i>
                    </div>
                    <h3><?php esc_html_e('Documentation', 'cine-movie-engine'); ?></h3>
                    <p><?php esc_html_e('In-depth guides on every feature, shortcode, and advanced setting available.', 'cine-movie-engine'); ?></p>
                    <span class="me-help-link"><?php esc_html_e('Browse Docs', 'cine-movie-engine'); ?> <i class="fa-solid fa-arrow-right"></i></span>
                </a>

                <a href="https://docs.movieengine.pro/shortcodes" target="_blank" class="me-help-card">
                    <div class="me-help-icon">
                        <i class="fa-solid fa-code"></i>
                    </div>
                    <h3><?php esc_html_e('Shortcodes', 'cine-movie-engine'); ?></h3>
                    <p><?php esc_html_e('Complete list of shortcodes for movies, series, carousels, and user profiles.', 'cine-movie-engine'); ?></p>
                    <span class="me-help-link"><?php esc_html_e('See All List', 'cine-movie-engine'); ?> <i class="fa-solid fa-arrow-right"></i></span>
                </a>
            </div>

            <div class="me-help-sections">
                <div class="me-help-kb">
                    <div class="me-kb-section">
                        <div class="me-video-tutorials">
                            <h2><?php esc_html_e('Video Tutorials is Coming soon', 'cine-movie-engine'); ?></h2>
                            <div class="me-video-grid">
                                <!-- <div class="me-video-item">
                                    <div class="me-video-container">
                                        <iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" allowfullscreen></iframe>
                                    </div>
                                    <div class="me-video-info">
                                        <h4><?php esc_html_e('Basic Configuration', 'cine-movie-engine'); ?></h4>
                                        <p><?php esc_html_e('Learn the basic steps to get started with MovieEngine Pro.', 'cine-movie-engine'); ?></p>
                                    </div>
                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="me-help-sidebar">
                    <div class="me-support-box">
                        <div class="me-support-avatar">
                            <i class="fa-solid fa-headset"></i>
                        </div>
                        <h4><?php esc_html_e('Need Expert Help?', 'cine-movie-engine'); ?></h4>
                        <p><?php esc_html_e('Our dedicated support team is available to assist you with any technical issues.', 'cine-movie-engine'); ?></p>
                        <a href="https://support.movieengine.pro/" target="_blank" class="me-btn me-btn-primary">
                            <?php esc_html_e('Open Support Ticket', 'cine-movie-engine'); ?>
                        </a>
                    </div>

                    <div class="me-shortcodes-box">
                        <h4><i class="fa-solid fa-keyboard"></i> <?php esc_html_e('Common Shortcodes', 'cine-movie-engine'); ?></h4>
                        <code>[movie_engine_grid]</code>
                        <code>[movie_engine_search]</code>
                        <code>[movie_engine_player id="123"]</code>
                        <a href="https://docs.movieengine.pro/shortcodes" target="_blank" class="me-view-all"><?php esc_html_e('View all shortcodes →', 'cine-movie-engine'); ?></a>
                    </div>
                </div>
            </div>
        </div>
<?php
    }
}
