<!-- mapinner -->
<?php get_header(); 
$mapa_id =3143;
$current_postid = get_the_ID();
$next_post = get_next_post(true);
?>


<main class="mapinner">
    <section id="slider">
        <a href="<?php echo get_category_link($mapa_id); ?>" class="btn btn-danger slide-cta  d-block d-sm-none ">volver al mapa</a>
        <!-- Slider container -->
        <div id="main-slider" class="swiper-container main-slider">
            <div class="swiper-wrapper">
                <?php if( have_rows('slider') ):
                while ( have_rows('slider') ) : the_row(); 
                  $image = get_sub_field('images');
                  $region = get_sub_field('region');
                ?>
                <div class="swiper-slide">
                    <figure class="slide">
                        <img class="slide-img" src="<?php echo $image;?>" alt="" />
                        <figcaption class="slide-caption">
                            <h1><?php echo get_the_title(); ?></h1>
                            <p>Región - <?php echo $region; ?></p>
                        </figcaption>
                    </figure>
                </div>
                <?php endwhile;
                endif; ?> 
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </section>
    <section>
        <div id="content-wrapper" class="l-container l-flex">
            <div class="inner-box-over">
                <div class="post-sharing">
                    <a href="<?php echo get_category_link($mapa_id); ?>" class="btn btn-danger slide-cta hidden-xs">volver al mapa</a>
                    <?php echo do_shortcode('[wp_social_sharing social_options="facebook, twitter" facebook_text="" twitter_text=""  icon_order="f,t"]'); ?>
                    <div class="date_author">
                    <?php the_author(); ?><span class="post-date"><span>- &nbsp;</span><?php the_date(); ?>
                </div>
                </div>
                
                <div class="post-content">
                    <p style="text-align: left" align="center">
                        <?php the_field('description_of_the_department')?>
                    </p>

                </div>
                <div class="list-title">
                    <h2>Más sobre <?php echo get_the_title(); ?></h2>
                </div>
                <div class="list">
                    <?php if( have_rows('more_about_city') ):
                        while ( have_rows('more_about_city') ) : the_row(); 
                          $event_name = get_sub_field('event_name');
                          $icon_of_event = get_sub_field('icon_of_event');
                        ?>
                    <div class="list-header">
                        <i><img src="<?php echo $icon_of_event;?>"/></i>
                        <h3><?php echo $event_name; ?></h3>
                    </div>
                    <div class="scroll-list">
                        <?php if( have_rows('detail_of_festival') ):
                        while ( have_rows('detail_of_festival') ) : the_row(); 
                          $image_of_event = get_sub_field('image_of_event');
                          $event_title = get_sub_field('event_title');
                          $event_date_start = get_sub_field('event_date_start');
                          $event_date_end = get_sub_field('event_date_end');
                          $evnet_description = get_sub_field('evnet_description');
                        ?>
                        <div class="listitem">
                            <div class="image-box" >
                                <div class="image-item" style="background-image:url(<?php echo $image_of_event; ?>)"></div>
                            </div>
                            <div class="text-box">
                                <h4><?php echo $event_title;?></h4>
                               <?php if($event_date_start){ ?>
                                 <i><?php echo $event_date_start;?></i>
                                <?php } ?>
                                <i><?php //echo "Desde ".$event_date_start." - hasta ".$event_date_end;?></i>
                                <p><?php echo $evnet_description;?></p>
                            </div>
                        </div>
                        <?php endwhile;
                        endif; ?> 
                    </div>
                    <?php endwhile;
                    endif; ?> 
                </div>
                <section class="button-inpage">
                    <?php if ( is_a( $next_post , 'WP_Post' ) ) : ?>
                            <a href="<?php echo get_permalink( $next_post->ID ); ?>" class="red half">ver siguiente departamento</a>
                    <?php endif; ?>
                <a href="<?php echo get_category_link($mapa_id); ?>" class="dark half">
                volver al mapa</a>
                </section>
            </div>
            <?php get_sidebar(); ?>
        </div>
    </section>
</main>
<?php //endwhile; ?>
<?php get_footer(); ?>
<!-- mapinner -->