<?php

/**
 * The template for displaying related content on single series page
 *
 * This template can be overridden by copying it to yourtheme/movie-engine/single-series/section-related.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
}

$movie_engine_design_options = get_option('movie_engine_design_settings', []);
$movie_engine_show_related = isset($movie_engine_design_options['series_show_related']) ? $movie_engine_design_options['series_show_related'] : 1;

if (! $movie_engine_show_related) {
    return;
}

$movie_engine_related_title = $movie_engine_design_options['series_related_title'] ?? esc_html__('You May Also Like', 'cine-movie-engine');
$movie_engine_related_count = isset($movie_engine_design_options['series_related_count']) ? intval($movie_engine_design_options['series_related_count']) : 6;
$movie_engine_related_query = \MovieEngine\Frontend\Query::get_posts_by_type('related', $movie_engine_related_count > 0 ? $movie_engine_related_count : 6, get_the_ID());

if ($movie_engine_related_query && $movie_engine_related_query->have_posts()) :
    $movie_engine_related_columns = isset($movie_engine_design_options['series_related_columns']) ? intval($movie_engine_design_options['series_related_columns']) : 6;
    $movie_engine_related_columns_laptop = 5;
    $movie_engine_related_columns_tablet = 4;
    $movie_engine_related_columns_mobile = 2;
?>
    <section class="movie-engine-section movie-engine-related-section"
        style="--grid-columns: <?php echo esc_attr($movie_engine_related_columns); ?>; --grid-columns-laptop: <?php echo esc_attr($movie_engine_related_columns_laptop); ?>; --grid-columns-tablet: <?php echo esc_attr($movie_engine_related_columns_tablet); ?>; --grid-columns-mobile: <?php echo esc_attr($movie_engine_related_columns_mobile); ?>;">
        <div class="movie-engine-section-title me-section-header">
            <h2><?php echo esc_html($movie_engine_related_title); ?></h2>
        </div>
        <div class="movie-engine-items-grid">
            <?php
            while ($movie_engine_related_query->have_posts()) :
                $movie_engine_related_query->the_post();
                \MovieEngine\Utils\TemplateLoader::get_template_part('loop/content-movie');
            endwhile;
            wp_reset_postdata();
            ?>
        </div>
    </section>
<?php endif; ?>