<?php 
    get_header();

    $intro_event = get_field('intro_event');
?>
    <main id="content" class="content">
        <?php if ($intro_event) : ?>
            <?php $event_date = $intro_event['date']; ?>
            <section class="section-top section-top_logo" style="background-image: url('<?=$intro_event['event_background']['url']?>">
                <div class="container">
                    <?php if ($intro_event['event_logo']) : ?>
                        <img class="section-top--logo" src="<?=$intro_event['event_logo']['url']?>" alt="<?=$intro_event['event_logo']['alt']?>">
                    <?php endif; ?>
            
                    <?php if ($intro_event['title']) : ?>
                        <h1 class="section-top--title"><?=$intro_event['title']?></h1>
                    <?php endif; ?>
            
                    <hr class="line line_small">
            
                    <p class="section-top--date"><?=$event_date?></p>
                </div>
            </section>
        <?php endif; ?>

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

        <div class="content-inner">
            <?php if(have_rows('speaker_block')) : ?>
                <?php 
                    $i = 1;
                    while (have_rows('speaker_block')) : 
                        the_row();
                ?>
                    <?php if (get_row_layout() == 'block_speaker_video') : ?>
                        <?php $video_section = get_sub_field('video_section'); ?>
                        <section class="<?= $video_section['two_column'] ? 'events-two-columns' : 'events-video block-center' ?>">
                            <div class="container">
                                <?php if (get_sub_field('title')) : ?>
                                    <h2 class="title <?= $video_section['two_column'] ? 'events-two-columns--title' : 'events-video--title' ?>"><?=get_sub_field('title')?></h2>
                                <?php endif; ?>

                                <?php if ($video_section['two_column']) : ?>
                                    <?php if ($video_section['two_column_caption']) : ?>
                                        <div class="row">
                                            <?php foreach ($video_section['two_column_caption'] as $item) : ?>
                                                <div class="col-md-6">
                                                    <div class="events-two-columns--desc">
                                                        <?=$item['left_text']?>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="events-two-columns--desc">
                                                        <?=$item['right_text']?>
                                                    </div>
                                                </div>
                                            <?php endforeach; ?>
                                        </div>
                                    <?php endif; ?>
                                    <?php else : ?>
                                    <?php if ($video_section['caption']) : ?>
                                        <div class="desc events-video--desc"><?=$video_section['caption']?></div>
                                    <?php endif; ?>
                                <?php endif; ?>

                                <div class="events-video--video">
                                    <?=apply_filters('the_content', $video_section['url_field'])?>
                                </div>

                                <?php if ($video_section['download_presentation']) : ?>
                                    <div class="center">
                                        <a href="#modal-download-presentation-<?=$i?>" class="events-video--button button js-download-presentation" data-url="<?=$video_section['presentation_file']?>">PDF presentation</a>
                                    </div>

                                    <div id="modal-download-presentation-<?=$i?>" class="modal-box modal-box-presentation mfp-hide">
                                        <p class="modal-box--title">For saving enter your email</p>

                                        <?=do_shortcode('[contact-form-7 id="400" title="Download presentation"]')?>
                                    </div>
                                <?php endif; ?>
                            </div>
                        </section>
                    <?php endif ?>

                    <?php if (get_row_layout() == 'gallery') : ?>
                        <section class="<?= get_sub_field('two_column') ? 'events-two-columns' : 'events-gallery block-center' ?>">
                            <div class="container">
                                <?php if (get_sub_field('title')) : ?>
                                    <h2 class="title events-gallery--title"><?=get_sub_field('title')?></h2>
                                <?php endif; ?>

                                <?php if (get_sub_field('two_column')) : ?>
                                    <div class="row">
                                        <?php foreach (get_sub_field('two_column_caption') as $item) : ?>
                                            <div class="col-md-6">
                                                <div class="events-two-columns--desc">
                                                    <?=$item['left_text']?>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="events-two-columns--desc">
                                                    <?=$item['right_text']?>
                                                </div>
                                            </div>
                                        <?php endforeach; ?>
                                    </div>
                                <?php else : ?>
                                    <?php if (get_sub_field('caption')) : ?>
                                        <div class="events-gallery--desc"><?=get_sub_field('caption')?></div>
                                    <?php endif; ?>
                                <?php endif; ?>

                                <?php if (get_sub_field('images')) : ?>
                                    <div class="row">
                                        <?php foreach (get_sub_field('images') as $image) : ?>
                                            <div class="col-md-6">
                                                <img class="events-gallery--img img-fluid" src="<?=$image['image']['url']?>" alt="<?=$image['image']['alt']?>">
                                            </div>
                                        <?php endforeach; ?>
                                    </div>
                                <?php endif; ?>
                            </div>
                        </section>
                    <?php endif; ?>

                    <?php if (get_row_layout() == 'additional_text_block') : ?>
                        <section class="<?= get_sub_field('two_column') ? 'events-two-columns' : 'events-info block-center' ?> <?= get_sub_field('remove_bottom_padding') ? 'events-info_no-padding' : '' ?>">
                            <div class="container">
                                <?php if (get_sub_field('title')) : ?>
                                    <h2 class="title <?= get_sub_field('two_column') ? 'events-two-columns--title' : 'events-info--title' ?>"><?=get_sub_field('title')?></h2>
                                <?php endif; ?>

                                <?php if (get_sub_field('subtitle')) : ?>
                                    <p class="<?= get_sub_field('two_column') ? 'text-center' : 'events-info--desc' ?>"><?=get_sub_field('subtitle')?></p>
                                <?php endif; ?>

                                <?php if (get_sub_field('two_column')) : ?>
                                    <?php if (get_sub_field('additional_text_two_column')) : ?>
                                        <div class="row">
                                            <?php foreach (get_sub_field('additional_text_two_column') as $item) : ?>
                                                <div class="col-md-6">
                                                    <div class="events-two-columns--desc">
                                                        <?=$item['left_text']?>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="events-two-columns--desc">
                                                        <?=$item['right_text']?>
                                                    </div>
                                                </div>
                                            <?php endforeach; ?>
                                        </div>
                                    <?php endif; ?>
                                <?php else : ?>
                                    <?php if (get_sub_field('additional_text')) : ?>
                                        <div class="events-info--text"><?=get_sub_field('additional_text')?></div>
                                    <?php endif; ?>
                                <?php endif; ?>
                            </div>
                        </section>
                    <?php endif; ?>

                    <?php if (get_row_layout() == 'contact_block') : ?>
                        <section class="events-questions block-center">
                            <div class="container">
                                <div class="events-questions--wrapper">
                                    <h2 class="title events-questions--title"><?=get_field('contact_block_title', 'options')?></h2>

                                    <p class="desc events-questions--info"><?=get_field('contact_block_subtitle', 'options')?></p>

                                    <div class="row">
                                        <?php while (have_rows('contacts', 'options')) : the_row(); ?>
                                            <?php
                                                $image = get_sub_field('persons_image', 'options');
                                                $name = get_sub_field('persons_name', 'options');
                                                $vacancy = get_sub_field('persons_vacancy', 'options');
                                                $link = get_sub_field('contact_link', 'options');
                                            ?>
                                            <div class="col-md-6">
                                                <a class="events-questions--item" href="<?=$link?>" target="_blank" style="margin-bottom: 10px;">
                                                    <img class="events-questions--item-img" src="<?=$image['url']?>" alt="<?=$image['alt']?>">

                                                    <p class="events-questions--item-info">
                                                        <span class="events-questions--item-info-name"><?=$name?></span>

                                                        <span class="events-questions--item-info-vacancy"><?=$vacancy?></span>
                                                    </p>
                                                </a>
                                            </div>
                                        <?php endwhile; ?>
                                    </div>

                                    <!-- <a href="mailto:info@hyperion-tech.co" class="button events-questions--button">or send an Email</a> -->
                                </div>
                            </div>
                        </section>
                    <?php endif; ?>

                    <?php if (get_row_layout() == 'without_content_block') : ?>
                        <section class="events-wc block-center">
                            <div class="container">
                                <img class="events-wc--img" src="<?=get_template_directory_uri()?>/assets/images/events/event_empty_img.jpg" alt="Stay tuned with Hyperion Tech!">

                                <div class="events-wc--text">We are working on materials from the conference and do our best to appear it on the page as soon as possible! </div>

                                <div class="events-wc--info">Stay tuned with Hyperion Tech!</div>
                            </div>
                        </section>
                    <?php endif; ?>

                    <?php $i++; ?>
                <?php endwhile; ?>
            <?php endif; ?>
        </div>
    </main>

    <div class="modal-box modal-box-answer mfp-hide js-event-answer">
        <p class="modal-box--title">Thank you</p>

        <span class="modal-box--icon"></span>

        <button class="button modal-box--btn js-answer-btn">ok</button>
    </div>
<?php get_footer(); ?>