<?php

namespace DEVELUXSCT\Options;
if ( ! defined( 'ABSPATH' ) ) {
    exit; // Exit if accessed directly
}
class Help_Center
{
    public static function get_html(): string
    {
        $html = '<div class="develux"><div class="develux-help-center-wrapper">
      <div class="flex w-full flex-col justify-center items-center">';
        $html .= '<h1>' . __('Help Center Here', 'devellux-sales-countdown-timer-builder') . '</h1>';
        $html .= '<div>Here you will find all the necessary information that help you understand the plugin capabilities</div>
       If you haven\'t found the answer to your question, feel free to contact us.</br>';
        $html .= '</div>';
        $html .= '<div class="mt-30 w-full flex items-center justify-around flex-wrap gap-5">

                     <div class="help-center-item min-h-200 bg-white w-25 flex flex-col justify-between gap p-30">
                        <div>
                        <h2>Our Documentation</h2>
                        <p>Please check out our documentation, there you will find all the necessary information about using and configuring the plugin.
                            You can also read about common errors and their solutions.</p>
                        </div>    
                     </div>
                     
                     <div class="help-center-item min-h-200 bg-white w-25 flex flex-col justify-between gap p-30">
                        <div>
                            <h2>Video Tutorials</h2>
                            <p>Here you can watch video tutorials that will help you understand all the plugins functionality.
                            We also publish other useful materials here.</p>
                        </div>    
                     </div>
                     
                     <div class="help-center-item min-h-200 bg-white w-25 flex flex-col justify-between gap p-30">
                        <div>
                        <h2>Contact us for technical help</h2>
                        <p>Write to us about the problems you encountered. We will help you as soon as possible!</p>
                        </div>
                     </div>
                  </div>
                  <div class="flex justify-center">
                   <span class="develux-visit-documentation mt-30 mr-15 text-center uppercase bolder no-decoration w-200 p-15 bg-brand text-white-h-gray">Visit Documentation</span>
                   
                   <a class="mt-30 text-center uppercase bolder no-decoration w-200 p-15 bg-brand text-white-h-gray" href="https://codecanyon.net/item/sales-countdown-timer-builder/59002596" target="_blank">Get Pro version</a>
                   
                    </div>
                   
                  ';



        $html .= '<div class="mt-30 flex flex-col items-center justify-center gap-5">
                    <div>Do you have any other questions? Need plugin/website configuration? Pre-purchase questions?
                    </div>
                    <span><a href="mailto:plugins_support@develux.com">Feel free to ask</a></span>
                    </div>';
        $html .= '</div>';
        $html .= '</div>';





        return $html;

    }

}