<?php

class Component_Roof_Slider {

    protected static $params = [
        'repeater' => null
    ];

    public static function get_render( $params = [] ) {
        $options = wp_parse_args( $params, self::$params );
        ob_start();

        $slider = $options['repeater']. '_roof_slider';
        ?>
        <?php if (have_rows( $slider )) : ?>
            <div class="roof-slider">
                <div class="roof-slider__top"><?php MOZ_SVG::svg('roof'); ?></div>
                <div class="roof-slider__inner" data-roof-slider>
                    <?php while (have_rows( $slider )) : the_row();
                        $image = get_sub_field('image');
                        ?>
                        <div class="roof-slider__item">
                            <?php MOZ_Image::background( $image['id'], 'Medium', array(
                                'large' => '(min-width: 768px)'
                            ), array( 'class' => '' ), array( 'lazy' => false ) ); ?>
                        </div>
                    <?php endwhile; ?>
                </div>
                <div class="roof-slider__controls">
                    <div class="roof-slider__prev"><?php MOZ_SVG::svg('arrow'); ?></div>
                    <div class="roof-slider__next"><?php MOZ_SVG::svg('arrow'); ?></div>
                </div>

            </div>
        <?php endif; ?>

        <?php
        return ob_get_clean();
    }

    public static function render( $params = [] ) {
        echo self::get_render( $params );
    }
}