<?php

/**
 * The template for displaying trailer modal
 *
 * This template can be overridden by copying it to yourtheme/movie-engine/global/modal-trailer.php.
 *
 * HOWEVER, on occasion MovieEngine will need to update template files and you
 * (the theme developer) will need to copy the new files to your theme to
 * maintain compatibility. We try to do this as little as possible, but it does
 * happen. When this occurs the version of the template file will be bumped and
 * the readme will list any important changes.
 *
 * @note Please do not delete our CSS classes when you customize, as it may break functionality.
 * @package Movie_Engine
 * @subpackage Movie_Engine/templates
 * @version 1.0.0
 * @since 1.0.0
 */

if (! defined("ABSPATH")) {
    exit; // Exit if accessed directly
}
?>
<div id="movie-engine-trailer-modal" class="movie-engine-modal me-hidden me-trailer-modal" role="dialog" aria-modal="true" aria-labelledby="me-trailer-title">
    <div class="movie-engine-modal-content movie-engine-modal-content--trailer">
        <h2 id="me-trailer-title" class="me-sr-only"><?php esc_html_e('Trailer Player', 'cine-movie-engine'); ?></h2>
        <button type="button" class="movie-engine-close-modal" aria-label="<?php esc_attr_e('Close Modal', 'cine-movie-engine'); ?>">&times;</button>
        <div class="movie-engine-video-wrapper">
            <iframe id="movie-engine-trailer-iframe" src="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen title="<?php esc_attr_e('Trailer Video', 'cine-movie-engine'); ?>"></iframe>
        </div>
    </div>
</div>
<?php