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



<div id="sport-plugin-tab3" class="sport-plugin-tab-panel <?php echo isset($_GET['tab']) && $_GET['tab'] === 'sport-plugin-tab3' ? 'active' : ''; ?>">
    <link href="<?= $assets_root_tab3 ?>style.css?v=<?= ASSETS_VERSION ?>" rel="stylesheet">
    <div class="sport-plugin-tab-inner">
        <form method="post" class="sport-plugin-tab-form-schema">
            <?php wp_nonce_field('bongdako_settings_save', 'bongdako_nonce'); ?>
            <!-- Hidden field to keep track of the active tab -->
            <input type="hidden" name="active_tab" id="active_tab" value="<?php echo isset($_GET['tab']) ? esc_attr($_GET['tab']) : 'sport-plugin-tab1'; ?>">
            <ul class="sport-plugin-tab-list4">
                <li class="sport-plugin-tab-item4">
                    <h3 class="sport-plugin-tab-item-title4">Show/Hide Schema In Head Tag</h3>
                    <input type="checkbox" name="enable_schema_head" id="enable_schema_head" value="1" <?php checked(get_option('enable_schema_head', 0), 1); ?>>
                </li>
                <li class="sport-plugin-tab-item4">
                    <h3 class="sport-plugin-tab-item-title4">$schema</h3>
                    <div class="sport-plugin-tab-item-group1">
                        <input type="url" name="schema1_link" id="schema1_link" value="<?php echo esc_attr(get_option('schema1_link', 'https://schema.org')); ?>">
                    </div>
                </li>

                <li class="sport-plugin-tab-item4">
                    <h3 class="sport-plugin-tab-item-title4">@context</h3>
                    <div class="sport-plugin-tab-item-group1">
                        <input type="url" name="schema2_link" id="schema2_link" value="<?php echo esc_attr(get_option('schema2_link', 'https://schema.org')); ?>">
                    </div>
                </li>

                <li class="sport-plugin-tab-item4">
                    <h3 class="sport-plugin-tab-item-title4">@type</h3>
                    <div class="sport-plugin-tab-item-group1">
                        <input type="text" name="type_text" id="type_text" value="<?php echo esc_attr( get_option( 'type_text', '' ) ); ?>">
                    </div>
                </li>

                <li class="sport-plugin-tab-item4">
                    <h3 class="sport-plugin-tab-item-title4">name</h3>
                    <div class="sport-plugin-tab-item-group1">
                        <input type="text" name="name_text" id="name_text" value="<?php echo esc_attr( get_option( 'name_text', '' ) ); ?>">
                    </div>
                </li>

                <li class="sport-plugin-tab-item4">
                    <h3 class="sport-plugin-tab-item-title4">alternateName</h3>
                    <div class="sport-plugin-tab-item-group1">
                        <input type="text" name="alternateName_text" id="alternateName_text" value="<?php echo esc_attr( get_option( 'alternateName_text', '' ) ); ?>">
                    </div>
                </li>

                <li class="sport-plugin-tab-item4">
                    <h3 class="sport-plugin-tab-item-title4">logo</h3>
                    <div class="sport-plugin-tab-item-group1">
                        <input type="url" name="logo_link" id="logo_link" value="<?php echo esc_attr(get_option('logo_link', 'https://bongdalu.my/assets/vn/images/logo.png')); ?>">
                    </div>
                </li>

                <li class="sport-plugin-tab-item4">
                    <h3 class="sport-plugin-tab-item-title4">image</h3>
                    <div class="sport-plugin-tab-item-group1">
                        <input type="url" name="image_link" id="image_link" value="<?php echo esc_attr(get_option('image_link', 'https://bongdalu.my/assets/vn/images/logo.png')); ?>">
                    </div>
                </li>

                <li class="sport-plugin-tab-item4">
                    <h3 class="sport-plugin-tab-item-title4">description</h3>
                    <div class="sport-plugin-tab-item-group1">
                        <textarea name="description" id="description" rows="5" cols="40"><?php echo esc_textarea( get_option( 'description', '' ) ); ?></textarea>
                    </div>
                </li>

                <li class="sport-plugin-tab-item4">
                    <h3 class="sport-plugin-tab-item-title4">hasMap</h3>
                    <div class="sport-plugin-tab-item-group1">
                        <input type="url" name="hasMap" id="hasMap" value="<?php echo esc_attr(get_option('hasMap', 'https://www.google.com/maps/place/Bình+Thạnh,+Thành+Phố+Hồ+Chí+Minh,+Vietnam')); ?>">
                    </div>
                </li>

                <li class="sport-plugin-tab-item4">
                    <h3 class="sport-plugin-tab-item-title4">url</h3>
                    <div class="sport-plugin-tab-item-group1">
                        <input type="url" name="url" id="url" value="<?php echo esc_attr(get_option('url', 'https://bongdalu.my')); ?>">
                    </div>
                </li>

                <li class="sport-plugin-tab-item4">
                    <h3 class="sport-plugin-tab-item-title4">address</h3>
                    <div class="sport-plugin-tab-item-group1">
                        <input type="text" name="address" id="address" value="<?php echo esc_attr( get_option( 'address', '720A Điện Biên Phủ, Vinhomes Tân Cảng, Bình Thạnh, Hồ Chí Minh 72300, Việt Nam' ) ); ?>">
                    </div>
                </li>

                <li class="sport-plugin-tab-item4">
                    <h3 class="sport-plugin-tab-item-title4">Geo</h3>
                    <div class="sport-plugin-tab-item-group1">
                        <label for="schema1_link">@type:</label>
                        <input type="text" name="type_geo" id="type_geo" value="<?php echo esc_attr( get_option( 'type_geo', 'GeoCoordinates')); ?>">
                    </div>
                    <div class="sport-plugin-tab-item-group1">
                        <label for="schema1_link">latitude:</label>
                        <input type="text" name="latitude" id="latitude" value="<?php echo esc_attr( get_option( 'latitude', '10.8073')); ?>">
                    </div>
                    <div class="sport-plugin-tab-item-group1">
                        <label for="schema1_link">longitude:</label>
                        <input type="text" name="longitude" id="longitude" value="<?php echo esc_attr( get_option( 'longitude', '106.6928')); ?>">
                    </div>
                </li>
            </ul>

            <div class="sport-plugin-tab-save">
                <button type="submit" name="bongdako_submit_schema" class="button button-primary">Save Schema Settings</button>
            </div>
        </form> 
        <div class="sport-plugin-tab-json">
            <pre><code><?php echo esc_html($matches_json); ?></code></pre>
        </div>
    </div>  
</div>