<?php
/**
 * Template Name: Frontpage
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package Sofident
 */
get_header();
?>

<div id="primary" class="content-area container">
    <main id="main" class="site-main row" role="main">

        <?php
        if (have_posts()) :
            while (have_posts()) : the_post();
                ?>
                <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 home-intro wow fadeInUp" data-wow-delay=".6s">
                    <?php the_content(); ?>
                </div>
                <?php
            endwhile;
        endif;
        ?>

    </main><!-- #main -->
</div><!-- #primary -->

<div class="container-fluid text-center" id="why-us">
    <div class="row">
        <?php
// check if the repeater field has rows of data
        if (have_rows('why_us')):
            $i = 0;
            // loop through the rows of data
            while (have_rows('why_us')) : the_row();
                ?>
                <div class="col-xs-12 col-sm-6 col-md-3 wow fadeInUp" data-wow-delay="<?php echo $i / 2; ?>s">
                    <div class="icon">
                        <img src="<?php the_sub_field('icon'); ?>" alt="<?php the_sub_field('title'); ?>">
                    </div>
                    <h2><?php the_sub_field('title'); ?></h2>
                    <p><?php the_sub_field('subtitle'); ?></p>
                </div>
                <?php
                $i++;
            endwhile;

        else :

        // no rows found

        endif;
        ?>
    </div>
</div>

<section class="gray-background">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <h1 class="margin-top-50 wow fadeInUp"><?php _e('Zubní ordinace na Praze 5', 'sofident'); ?><strong><?php _e('Poskytované služby', 'sofident'); ?></strong></h1>
                <div class="wow fadeInUp">
                    <ul id="departmentSlider">
                        <?php
                        $terms = get_terms(array(
                            'taxonomy' => 'department',
                            'hide_empty' => false,
                        ));

                        if (!empty($terms) && !is_wp_error($terms)) {
                            foreach ($terms as $term) {
                                $image = get_field('image', $term);
                                $thumb = $image['sizes']['thumbnail'];
                                $lazy = $image['sizes']['lazy'];
                                ?>
                                <li>
                                    <?php lazyImage($thumb, $lazy, $term->name); ?>
                                    <div class="text-center dep-over">
                                        <h2><?php echo $term->name; ?></h2>
                                        <ul class="no-list dep-list">
                                            <?php
                                            $args2 = array(
                                                'posts_per_page' => 5,
                                                'post_type' => 'service',
                                                'tax_query' => array(
                                                    array(
                                                        'taxonomy' => 'department',
                                                        'field' => 'slug',
                                                        'terms' => $term->slug
                                                    )
                                                )
                                            );
                                            $posts = get_posts($args2);
                                            foreach ($posts as $post) : setup_postdata($post);
                                                ?>
                                                <li>
                                                    <a href="<?php the_permalink(); ?>" class="anilink"><?php the_title(); ?></a>
                                                </li>
                                                <?php
                                            endforeach;
                                            wp_reset_postdata();
                                            ?>
                                        </ul>
                                        <a href="<?php echo get_term_link($term); ?>" class="btn btn-gray btn-sm"><?php _e('Čtěte více', 'sofident'); ?></a>
                                    </div>
                                </li>
                                <?php
                            }
                        }
                        ?>
                    </ul>
                </div>
            </div><!-- /.col-sm-12 -->
        </div><!-- /.row -->
    </div><!-- /.container -->
</section>

<?php include('template-parts/reviews-carousel.php'); ?>

<?php
$offer = get_field('selected_offer');
if ($offer):

    // override $post
    $post = $offer;
    setup_postdata($post);
    $offerSmall = get_the_post_thumbnail_url($post->ID, 'lazy');
    $offerFull = get_the_post_thumbnail_url($post->ID, 'medium_large');
    include( 'template-parts/offer.php' );
    wp_reset_postdata(); // IMPORTANT - reset the $post object so the rest of the page works correctly   ?>
<?php endif; ?>

<section id="dentists">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <h1 class="wow fadeInUp"><?php _e('Náš tým', 'sofident'); ?><strong><?php _e('Seznamte se s naším týmem profesionálních zubních lékařů', 'sofident'); ?></strong></h1>
                <div class="wow fadeInUp">
                    <ul id="dentistSlider">
                        <?php
                        $args = array(
                            'post_type' => 'dentists',
                        );
                        $query1 = new WP_Query($args);

                        if ($query1->have_posts()) {
                            while ($query1->have_posts()) {
                                $query1->the_post();
                                $docSmall = get_the_post_thumbnail_url($query1->post->ID, 'lazy');
                                $docFull = get_the_post_thumbnail_url($query1->post->ID, 'dentist');
                                ?>
                                <li class="doctor-link">
                                    <div class="round-image lazy-background" <?php lazyBackgorundImage($docFull, $docSmall, "center center no-repeat"); ?>></div>
                                    <?php
                                    the_title('<h2>', '</h2>');
                                    the_field('bio');
                                    ?>
                                    <a class="btn btn-blue" href="<?php echo get_permalink( $post->ID ); ?>"><?php _e('Více', 'sofident'); ?></a>
                                </li>
                                <?php
                            }
                        }
                        ?>
                    </ul>
                </div>
            </div><!-- /.col-sm-12 -->
        </div><!-- /.row -->
    </div><!-- /.container -->
</section>

<?php
$contact_type = 'frontpage';
include('template-parts/request-cover.php');

$images = get_field('partners', 'option');
if ($images):
    ?>
    <div class="container-fluid" id="partners">
        <div class="row table-row-xs">
            <?php $i = 0;
            foreach ($images as $image):
            ?>
                <div class="col-xs-4 wow fadeIn" data-wow-delay="<?php echo $i / 2; ?>s">
                    <?php lazyImage($image['sizes']['large'], $image['sizes']['lazy'], $image['alt'], "grayscale"); ?>
                </div>
        <?php $i++;
    endforeach; ?>
        </div>
    </div>
<?php endif; ?>

<?php
get_footer();