<?php
    get_header();

    $event_top = get_field('event_top', 'events-page');

    $next_event_args = array(
        'posts_per_page' => 1,
        'post_status'    => 'publish',
        'post_type'      => 'event',
        'orderby'        => 'date',
        'order'          => 'DESC',
    );

    $next_event = new WP_Query($next_event_args);
?>
    <main id="content" class="content">
        <div class="section-top events-top" style="background-image: url('<?=$event_top['image']?>');" data-mobile-url="<?=$event_top['image_mobile']?>">
            <div class="container">
                <h1 class="section-top--title"><?=$event_top['title']?></h1>

                <hr class="line line_small">

                <div class="section-top--desc"><?=$event_top['description']?></div>
            </div>
        </div>

        <div class="container">
            <?php if (function_exists('yoast_breadcrumb')) : ?>
                    <?=yoast_breadcrumb('<nav class="breadcrumbs">','</nav>')?>
            <?php endif; ?>
        </div>

        <div class="content-inner">
            <div class="container">
                <?php if ($next_event->have_posts()) : ?>
                    <?php while ($next_event->have_posts()) : $next_event->the_post(); ?>
                        <?php $intro_event = get_field('intro_event'); ?>
                        <?php if ($intro_event) : ?>
                            <section class="lecture">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <p class="lecture--link">
                                            <?=the_post_thumbnail()?>
                                        </p>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="lecture--right">
                                            <p class="lecture--date"><?=$intro_event['date']?></p>

                                            <h2 class="lecture--title"><?=$intro_event['title']?></h2>
        
                                            <p class="lecture--desc"><?=get_the_excerpt()?></p>
            
                                            <a href="<?=$event_top['schedule_link']['url']?>" class="lecture--button button" target="_blank"><?=$event_top['schedule_link']['title']?></a>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        <?php endif; ?>
                    <?php endwhile; ?>
                    <?php wp_reset_query(); ?>
                <?php endif; ?>

                <div class="our-lectures">
                    <h2 class="title our-lectures--title"><?=$event_top['subtitle']?></h2>

                    <?php
                        $link_name = get_field('event_link_name','options');
                        $current_page = (get_query_var('paged')) ? get_query_var('paged') : 1;
                        $per_page = 16;
                        $offset_start = 1;
                        $offset = ( $current_page - 1 ) * $per_page + $offset_start;

                        $events_args = array(
                            'post_status'    => 'publish',
                            'post_type'      => 'event',
                            'orderby'        => 'date',
                            'order'          => 'DESC',
                            'posts_per_page' => $per_page,
                            'paged'          => $current_page,
                            'offset'         => $offset
                        );

                        $events = new WP_Query($events_args);
                    ?>
                    <?php if ($events->have_posts()) : ?>
                        <div class="row our-lectures--items">
                            <?php while ($events->have_posts()) : ?>
                                <?php
                                    $events->the_post();
                                    $intro_event = get_field('intro_event');
                                    $post_link = get_permalink();
                                ?>
                                <div class="col-md-6 col-lg-4 col-xl-3 our-lectures--items-item">
                                    <a class="our-lectures--items-item-link" href="<?=$post_link?>">
                                        <img src="<?=$intro_event['event_image_for_filter']['url']?>" alt="$intro_event['event_image_for_filter']['alt']" class="our-lectures--items-item-img img-fluid">
        
                                        <p class="our-lectures--items-item-date"><?=$intro_event['date']?></p>
        
                                        <h3 class="our-lectures--items-item-title"><?=$intro_event['title']?></h3>
        
                                        <div class="our-lectures--items-item-desc"><?=get_the_excerpt()?></div>
                                    </a>
                                </div>
                            <?php endwhile; ?>
                        </div>
                        <?php
                            the_posts_pagination(
                                array(
                                    'prev_next' => true,
                                    'prev_text'    => '<',
                                    'next_text'    => '>',
                                    'total'        => $events->max_num_pages
                                )
                            );
                        ?>
                        <?php wp_reset_query(); ?>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </main>
<?php get_footer(); ?>