<?php
/**
 * The main template file
 *
 */
global $page_class;
//$page_class = 'detail-page page-style-standard';
$page_class = 'home-page';

get_header();
?>
<?php
$sliders = new WP_Query(array(
    'post_type' => 'slider',
    'posts_per_page' => -1,
    'post_status' => 'publish',
    'orderby' => 'ID',
    'order' => 'ASC',
    'suppress_filters' => false
));
?>
    <section class="hero hero-full has-carousel" id="hero">
        <div class="slider single-item carousel-hero">
            <?php
            while ($sliders->have_posts()) : $sliders->the_post();
                $url = get_field('url');
                ?>
                <div class="full-slide">
                    <div data-img-url="<?= wp_get_attachment_url(get_post_thumbnail_id(get_the_ID())); ?>"
                         style="" class="slide-bg">
                        <div class="carousel-hero-content">
                            <?= the_content() ?>
                            <?php
                            if (!empty($url)):
                                ?>
                                <a href="<?= $url ?>" target="_blank"
                                   class="button"><?= _e('Lire plus', 'palaisbahiafes'); ?></a>
                                <?php
                            endif;
                            ?>
                        </div>
                        <div class="carousel-shadow-bg"></div>
                    </div>
                </div>
            <?php endwhile;
            wp_reset_query(); ?>
        </div>
        <div class="hero-time-temp">
            <div>
                <h3><?= _e('Température locale', 'palaisbahiafes'); ?></h3>

                <p><?php
                    $jsonurl = "http://api.openweathermap.org/data/2.5/weather?q=fes,ma";
                    $json = @file_get_contents($jsonurl);

                    $weather = json_decode($json);
                    $kelvin = $weather->main->temp;
                    $icon = $weather->weather[0]->icon;
                    $celcius = $kelvin - 273.15;
                    echo round($celcius, 1);
                    ?> &#176;C<span class="<?php
                    switch ($icon) {
                        case '01d':
                            echo 'clear-day';
                            break;
                        case '01n':
                            echo 'clear-night';
                            break;
                        case '02d':
                            echo 'partly-cloudy-day';
                            break;
                        case '02n':
                            echo 'partly-cloudy-night';
                            break;
                        case '10d':
                            echo 'rain';
                            break;
                        case '10n':
                            echo 'rain';
                            break;
                    }

                    ?>"></span></p>
            </div>
            <div>
                <h3><?= _e('Heure locale', 'palaisbahiafes') ?></h3>

                <p id="time"></p>
            </div>
        </div>
    </section>
    <section id="main" role="main" class="main-container">
<?php
if ($detect->isMobile() && !$detect->isTablet()) :
    ?>
    <ul class="mobile-property-actions">
        <li>
            <a href="tel:00212661280950" class="button"><?= _e('Appelez-nous', 'palaisbahiafes') ?></a>
        </li>
        <li>
            <a href="<?= get_the_permalink(icl_object_id(50, 'page', true)) ?>" target=""
               class="button"><?= get_the_title(icl_object_id(50, 'page', true)) ?></a>
        </li>
        <li>
            <a href="https://www.google.fr/maps/dir/''/riad+palais+bahia+fes/data=!4m5!4m4!1m0!1m2!1m1!1s0xd9ff35083a39ef3:0x92dafbcd2abfa5a0?sa=X&ei=_7iOVbu4B8u07gbE7a6wDQ&ved=0CKUBEPUXMA8"
               target="_blank" class="button"><?= _e('Localisez-nous', 'palaisbahiafes') ?></a>
        </li>
        <li>
            <a href="<?= get_the_permalink(icl_object_id(301, 'page', true)) ?>" target="_self"
               class="button"><?= get_the_title(icl_object_id(301, 'page', true)) ?></a>
        </li>
    </ul>

    <ul class="mobile-property-details">
        <li>
            <a href="<?= get_the_permalink(icl_object_id(110, 'page', true)) ?>" class="button" target="_self">
                <img
                    src="<?= get_template_directory_uri() ?>/images/mobile-icons/ico_lphome_mobile_overview_90x90.png"
                    alt=""><br>
                <?= get_the_title(icl_object_id(110, 'page', true)) ?>
            </a></li>
        <li>
            <a href="<?= get_the_permalink(icl_object_id(105, 'page', true)) ?>" class="button" target="_self">
                <img src="<?= get_template_directory_uri() ?>/images/mobile-icons/ico_lphome_mobile_rooms_90x90.png"
                     alt=""><br>
                <?= get_the_title(icl_object_id(105, 'page', true)) ?>
            </a></li>
        <li>
            <a href="<?= get_the_permalink(icl_object_id(180, 'page', true)) ?>" class="button" target="_self">
                <img
                    src="<?= get_template_directory_uri() ?>/images/mobile-icons/ico_lphome_mobile_offers_90x90.png"
                    alt=""><br>
                <?= get_the_title(icl_object_id(180, 'page', true)) ?>
            </a></li>
        <li>
            <a href="<?= get_the_permalink(icl_object_id(232, 'page', true)) ?>" class="button" target="_self">
                <img
                    src="<?= get_template_directory_uri() ?>/images/mobile-icons/ico_lphome_mobile_events_90x90.png"
                    alt=""><br>
                <?= get_the_title(icl_object_id(232, 'page', true)) ?>
            </a></li>
    </ul>
    <?php
else:
    ?>
    <div class="block-text">
        <h2><?= _e('SERVICES', 'palaisbahiafes') ?></h2>

        <div class="rich-content">
            <?php
            $my_postid = icl_object_id(110, 'page', true);//This is page id or post id
            $content_post = get_post($my_postid);
            $content = $content_post->post_content;
            $content = apply_filters('the_content', $content);
            $content = str_replace(']]>', ']]&gt;', $content);
            echo $content;
            ?>
        </div>
    </div>
    <div class="carousel carousel-align-right">
        <div class="slant"></div>
        <?php
        $services = new WP_Query(array(
            'post_type' => 'service',
            'posts_per_page' => -1,
            'post_status' => 'publish',
            'orderby' => 'ID',
            'order' => 'ASC',
            'suppress_filters' => false
        ));
        ?>
        <div class="slider single-item">
            <?php
            while ($services->have_posts()) : $services->the_post();
                $url = get_field('url');
                ?>
                <div class="full-slide">
                    <div data-img-url="<?= wp_get_attachment_url(get_post_thumbnail_id(get_the_ID())); ?>"
                         class="slide-bg">
                        <div class="slide-content">
                            <h3><?= the_title() ?></h3>
                            <?= the_content() ?>
                            <?php
                            if (!empty($url)):
                                ?>
                                <a href="<?= $url ?>" target="_self"
                                   class="button"><?= _e('Lire plus', 'palaisbahiafes'); ?></a>
                                <?php
                            endif;
                            ?>
                        </div>
                        <div class="carousel-shadow-bg"></div>
                    </div>
                </div>
            <?php endwhile;
            wp_reset_query(); ?>
        </div>
    </div>

    <div class="block-text">
        <h2><?= _e('Suites & Chambres', 'palaisbahiafes') ?></h2>

        <div class="rich-content">
            <?php
            $my_postid = icl_object_id(105, 'page', true);//This is page id or post id
            $content_post = get_post($my_postid);
            $content = $content_post->post_content;
            $content = apply_filters('the_content', $content);
            $content = str_replace(']]>', ']]&gt;', $content);
            echo $content;
            ?>
        </div>
    </div>
    <div class="carousel carousel-full-width">
        <?php
        $sliders_room = new WP_Query(array(
            'post_type' => 'slider_room',
            'posts_per_page' => -1,
            'post_status' => 'publish',
            'orderby' => 'ID',
            'order' => 'ASC',
            'suppress_filters' => false
        ));
        ?>
        <div class="slider single-item">
            <?php
            while ($sliders_room->have_posts()) : $sliders_room->the_post();
                ?>
                <div class="full-slide">
                    <div data-img-url="<?= wp_get_attachment_url(get_post_thumbnail_id(get_the_ID())); ?>"
                         class="slide-bg">
                        <div class="slide-content">
                            <h3><?= the_title() ?></h3>

                            <?= the_content() ?>
                            <div class="listing-item-ctas">
                                <a href="<?= the_permalink() ?>"
                                   class="button grey"><?= _e('Lire plus', 'palaisbahiafes'); ?></a>
                            </div>

                        </div>
                        <div class="carousel-shadow-bg"></div>
                    </div>
                </div>
            <?php endwhile;
            wp_reset_query(); ?>
        </div>
    </div>

    <div class="block-text">
        <h2><?= _e('Extras', 'palaisbahiafes'); ?></h2>

        <div class="rich-content">
            <?php
            echo get_field('extras');
            ?>
        </div>
    </div>
    <div class="carousel carousel-align-left">
        <?php
        $extras = new WP_Query(array(
            'post_type' => 'slider_extra',
            'posts_per_page' => -1,
            'post_status' => 'publish',
            'orderby' => 'ID',
            'order' => 'ASC',
            'suppress_filters' => false
        ));
        ?>
        <div class="slant"></div>

        <div class="slider single-item">
            <?php
            while ($extras->have_posts()) : $extras->the_post();
                $url = get_field('url');
                ?>
                <div class="full-slide">
                    <div data-img-url="<?= wp_get_attachment_url(get_post_thumbnail_id(get_the_ID())); ?>"
                         class="slide-bg">
                        <div class="slide-content">
                            <h3><?= the_title() ?></h3>

                            <?= the_content() ?>

                            <?php
                            if (!empty($url)):
                                ?>
                                <a href="<?= $url ?>" target="_self"
                                   class="button"><?= _e('Lire plus', 'palaisbahiafes'); ?></a>
                                <?php
                            endif;
                            ?>
                        </div>
                        <div class="carousel-shadow-bg"></div>
                    </div>
                </div>
            <?php endwhile;
            wp_reset_query(); ?>
        </div>
    </div>
    <?php
endif;
?>
    <div style="height: 10px; width: 100%; background-color: #fff;display: none;">&nbsp;</div>
<?php get_footer(); ?>