<?php
$justify = !empty($settings['title_scrolling']) ? 'content-between' : '';
$this->add_render_attribute('content', 'class', ['service-content', $justify]);
$video_file = get_post_meta(get_the_ID(), 'service_video_file', true);
?>
<article class="service service-<?php the_ID(); ?> service-style-4">
    <div class="service-video">
        <?php
            if (!empty($video_file)) {
                $thumbnail_url = get_the_post_thumbnail_url(null, 'motiox-service-extra-large');
                echo '<video autoplay loop muted style="background-image: url(' . esc_url($thumbnail_url) . ');">
                    <source src="' . esc_url($video_file) . '" type="video/mp4">
                    ' . __('Your browser does not support the video tag.', 'motiox') . '
                  </video>';
            }
             else {
                the_post_thumbnail('motiox-service-extra-large');
             }
        ?>
    </div>

    <div <?php $this->print_render_attribute_string('content'); ?>>
        <?php if(isset($settings['title_scrolling']) && !empty($settings['title_scrolling'])) { ?>
            <div class="content-top">
                <div class="content-scrolling-wrapper">
                    <?php for ($i = 0; $i <= 2; $i++) { ?>
                        <div class="scrolling-title">
                            <?php
                            $scrolling_title_html = $settings['title_scrolling'];
                            echo '<a class="title-scrolling" href="' . esc_url(get_permalink()) . '">' . esc_html($scrolling_title_html) . '</a>';
                            ?>
                        </div>
                    <?php } ?>
                </div>
            </div>

        <?php } ?>

        <div class="content-bottom">
            <?php the_title('<h3 class="entry-title"><a href="' . esc_url(get_permalink()) . '" rel="bookmark">', '</a></h3>'); ?>
            <div class="entry-bottom">
                <div class="excerpt-content"><?php echo wp_trim_words(get_the_excerpt(), 35); ?></div>
                <a class="entry-btn more-link" href="<?php the_permalink() ?>">
                    <i class="motiox-icon-arrow-right-up"></i>
                </a>
            </div>
        </div>

    </div>
</article>