<?php
    if( ! defined('ABSPATH') ) die();
?>

<div class="card">
    <div class="card-body">
        <h3> <?php esc_html_e('Latest Release', 'advanced-crossword'); ?></h3>
        <h5> <?php esc_html_e('Version 1.2.0', 'advanced-crossword'); ?> </h5>

        <p> <?php esc_html_e("Added answers check on the player's view", 'advanced-crossword'); ?> </p>
        <p> <?php esc_html_e('Added setting to change color for wrong and right answers', 'advanced-crossword'); ?> </p>
        <p> <?php esc_html_e('Added setting to control the delay when the answers should be checked', 'advanced-crossword'); ?> </p>

        <div class="card" style="width: 110%">
            <p>
                <?php esc_html_e('Video available here', 'advanced-crossword'); ?> 
            </p>
            <p> 
                <iframe width="400" height="300" src="https://www.youtube.com/embed/DLTBIm3-IO4" title="Wordpress - Advanced Crossword Plugin"
                        frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
                        allowfullscreen>
                </iframe>
            </p>
        </div>
        
        <p> 
            <?php esc_html_e('Video available here', 'advanced-crossword'); ?> 
        </p>
        <p>
            <?php esc_html_e('If no video available here, check the website ', 'advanced-crossword'); ?> 
            <a href="https://tuskcode.com/advanced-crossword" target='_blank'> <?php esc_html_e('Releases', 'advanced-crossword'); ?> </a>
        </p>

    </div>
</div>