<?php 
$assets_root_tab1 = plugin_dir_url(__FILE__);
?>

<link href="<?= $assets_root_tab1 ?>style.css?v=<?= ASSETS_VERSION ?>" rel="stylesheet">

<div id="sport-plugin-tab1" class="sport-plugin-tab-panel <?php echo isset($_GET['tab']) && $_GET['tab'] === 'sport-plugin-tab1' ? 'active' : ''; ?>">
    <ul class="sport-plugin-tab-list1">
        <li class="sport-plugin-tab-item1">
            <h2 class="sport-plugin-tab-item-title1"><?php _e('1. Shortcode là gì','sport'); ?></h2>
            <p class="sport-plugin-tab-item-text1">
                <?php _e('Shortcode là một dạng mã đặc biệt có thể thay thế một đoạn mã phức tạp mà bạn không cần phải viết. Thường chúng sẽ được đặt trong dấu ngoặc vuông, ví dụ: <span class="sport-plugin-tab-item-shortcode">[shortcode]</span>. Khi đặt shortcode vào trong bài viết hoặc trang, nó sẽ được hệ thống thay thế bằng một tính năng cụ thể.','sport')?>
            </p>
        </li>
        <li class="sport-plugin-tab-item1">
            <h2 class="sport-plugin-tab-item-title1"><?php _e('2. Hướng dẫn sử dụng','sport'); ?></h2>
            <ul class="sport-plugin-tab-item-list-step">
                <li class="sport-plugin-tab-item-item-step">
                    <h3 class="sport-plugin-tab-item-title2"><?php _e('Bước 1','sport'); ?></h3>
                    <p class="sport-plugin-tab-item-text2"><?php _e('Mở bài viết hoặc trang mà bạn muốn thêm shortcode.','sport'); ?></p>
                </li>
                <li class="sport-plugin-tab-item-item-step">
                    <h3 class="sport-plugin-tab-item-title2"><?php _e('Bước 2','sport'); ?></h3>
                    <p class="sport-plugin-tab-item-text2"><?php _e('Đặt con trỏ chuột vào vị trí bạn muốn shortcode xuất hiện.','sport'); ?></p>
                </li>
                <li class="sport-plugin-tab-item-item-step">
                    <h3 class="sport-plugin-tab-item-title2"><?php _e('Bước 3','sport'); ?></h3>
                    <p class="sport-plugin-tab-item-text2"><?php _e('Gõ shortcode mà bạn muốn sử dụng vào, ví dụ: <span class="sport-plugin-tab-item-shortcode">[gallery]</span>, <span class="sport-plugin-tab-item-shortcode">[contact_form]</span>, hoặc <span class="sport-plugin-tab-item-shortcode">[product_list]</span>.','sport'); ?></p>
                </li>
                <li class="sport-plugin-tab-item-item-step">
                    <h3 class="sport-plugin-tab-item-title2"><?php _e('Bước 4','sport'); ?></h3>
                    <p class="sport-plugin-tab-item-text2"><?php _e('Lưu bài viết hoặc trang và xem trước. Bạn sẽ thấy kết quả mà shortcode thay thế vào, như hiển thị một thư viện ảnh, mẫu liên hệ, danh sách sản phẩm, v.v.','sport'); ?></p>
                </li>
            </ul>
        </li>
        <li class="sport-plugin-tab-item1">
            <h2 class="sport-plugin-tab-item-title1"><?php _e('3. Ghi chú','sport'); ?></h2>
            <p class="sport-plugin-tab-item-text1">
                <?php _e('Khi bạn gặp các vấn đề về shortcode của plugin khi hiển thị trên website không thay đổi số liệu, hoặc các số liệu bị sai,...hãy tắt các plugin liên quan tới tối ưu, lưu cache của website ví dụ (LiteSpeed Cache,...).','sport'); ?>
            </p>
        </li>
    </ul>
</div>