<?php
if (tg_fs()->is__premium_only()) {
    if (tg_fs()->can_use_premium_code()) {
        /**
         * Title: PRO: Brands Carousel
         * Slug: templategalaxy/avatarnews-brand-carousel
         * Categories: avatarnews
         */
        $tg_patterns_images = array(
            TEMPLATEGALAXY_URL . 'assets/images/avatarnews/brand_1.png',
            TEMPLATEGALAXY_URL . 'assets/images/avatarnews/brand_2.png',
            TEMPLATEGALAXY_URL . 'assets/images/avatarnews/brand_3.png',
            TEMPLATEGALAXY_URL . 'assets/images/avatarnews/brand_4.png',
            TEMPLATEGALAXY_URL . 'assets/images/avatarnews/brand_5.png',
            TEMPLATEGALAXY_URL . 'assets/images/avatarnews/brand_6.png',
            TEMPLATEGALAXY_URL . 'assets/images/avatarnews/brand_7.png',
            TEMPLATEGALAXY_URL . 'assets/images/avatarnews/brand_8.png',
            TEMPLATEGALAXY_URL . 'assets/images/avatarnews/brand_9.png',
            TEMPLATEGALAXY_URL . 'assets/images/avatarnews/brand_10.png'
        );
?>
        <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40","top":"60px","bottom":"68px"}}},"backgroundColor":"light-color","layout":{"type":"constrained","contentSize":"1240px"}} -->
        <div class="wp-block-group has-light-color-background-color has-background" style="padding-top:60px;padding-right:var(--wp--preset--spacing--40);padding-bottom:68px;padding-left:var(--wp--preset--spacing--40)"><!-- wp:heading {"textAlign":"center","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|heading-color"}}},"spacing":{"margin":{"bottom":"48px"}}},"textColor":"heading-color","fontSize":"big"} -->
            <h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-link-color has-big-font-size" style="margin-bottom:48px"><?php esc_html_e('As Seen and Featured On', 'templategalaxy') ?></h4>
            <!-- /wp:heading -->

            <!-- wp:group {"lock":{"move":false,"remove":false},"metadata":{"categories":["tg-blocks"],"patternName":"tgcontent-carousel","name":"TG BLOCK: Content Carousel"},"className":"tg-content-carousel-5 avatarnews-brands-carousel","style":{"spacing":{"padding":{"bottom":"40px"}}}} -->
            <div id="CONTENT-CAROUSEL" class="wp-block-group tg-content-carousel-5 avatarnews-brands-carousel" style="padding-bottom:40px"><!-- wp:group {"lock":{"move":false,"remove":true},"className":"swiper-wrapper","style":{"spacing":{"blockGap":"0"}}} -->
                <div id="slide-holder" class="wp-block-group swiper-wrapper"><!-- wp:group {"className":"swiper-slide","layout":{"type":"constrained"}} -->
                    <div id="TG-SLIDE" class="wp-block-group swiper-slide"><!-- wp:image {"id":4582,"sizeSlug":"full","linkDestination":"none","align":"full"} -->
                        <figure class="wp-block-image alignfull size-full"><img src="<?php echo esc_url($tg_patterns_images[0]) ?>" alt="" class="wp-image-4582" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:group {"className":"swiper-slide","layout":{"type":"constrained"}} -->
                    <div id="TG-SLIDE" class="wp-block-group swiper-slide"><!-- wp:image {"id":4583,"sizeSlug":"full","linkDestination":"none","align":"full"} -->
                        <figure class="wp-block-image alignfull size-full"><img src="<?php echo esc_url($tg_patterns_images[1]) ?>" alt="" class="wp-image-4583" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:group {"className":"swiper-slide","layout":{"type":"constrained"}} -->
                    <div id="TG-SLIDE" class="wp-block-group swiper-slide"><!-- wp:image {"id":4585,"sizeSlug":"full","linkDestination":"none","align":"full"} -->
                        <figure class="wp-block-image alignfull size-full"><img src="<?php echo esc_url($tg_patterns_images[2]) ?>" alt="" class="wp-image-4585" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:group {"className":"swiper-slide","layout":{"type":"constrained"}} -->
                    <div id="TG-SLIDE" class="wp-block-group swiper-slide"><!-- wp:image {"id":4586,"sizeSlug":"full","linkDestination":"none","align":"full"} -->
                        <figure class="wp-block-image alignfull size-full"><img src="<?php echo esc_url($tg_patterns_images[3]) ?>" alt="" class="wp-image-4586" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:group {"className":"swiper-slide","layout":{"type":"constrained"}} -->
                    <div id="TG-SLIDE" class="wp-block-group swiper-slide"><!-- wp:image {"id":4589,"sizeSlug":"full","linkDestination":"none","align":"full"} -->
                        <figure class="wp-block-image alignfull size-full"><img src="<?php echo esc_url($tg_patterns_images[4]) ?>" alt="" class="wp-image-4589" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:group {"className":"swiper-slide","layout":{"type":"constrained"}} -->
                    <div id="TG-SLIDE" class="wp-block-group swiper-slide"><!-- wp:image {"id":4591,"sizeSlug":"full","linkDestination":"none","align":"full"} -->
                        <figure class="wp-block-image alignfull size-full"><img src="<?php echo esc_url($tg_patterns_images[5]) ?>" alt="" class="wp-image-4591" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:group {"className":"swiper-slide","layout":{"type":"constrained"}} -->
                    <div id="TG-SLIDE" class="wp-block-group swiper-slide"><!-- wp:image {"id":4592,"sizeSlug":"full","linkDestination":"none","align":"full"} -->
                        <figure class="wp-block-image alignfull size-full"><img src="<?php echo esc_url($tg_patterns_images[6]) ?>" alt="" class="wp-image-4592" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:group {"className":"swiper-slide","layout":{"type":"constrained"}} -->
                    <div id="TG-SLIDE" class="wp-block-group swiper-slide"><!-- wp:image {"id":4593,"sizeSlug":"full","linkDestination":"none","align":"full"} -->
                        <figure class="wp-block-image alignfull size-full"><img src="<?php echo esc_url($tg_patterns_images[7]) ?>" alt="" class="wp-image-4593" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:group {"className":"swiper-slide","layout":{"type":"constrained"}} -->
                    <div id="TG-SLIDE" class="wp-block-group swiper-slide"><!-- wp:image {"id":4594,"sizeSlug":"full","linkDestination":"none","align":"full"} -->
                        <figure class="wp-block-image alignfull size-full"><img src="<?php echo esc_url($tg_patterns_images[8]) ?>" alt="" class="wp-image-4594" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:group {"className":"swiper-slide","layout":{"type":"constrained"}} -->
                    <div id="TG-SLIDE" class="wp-block-group swiper-slide"><!-- wp:image {"id":4595,"sizeSlug":"full","linkDestination":"none","align":"full"} -->
                        <figure class="wp-block-image alignfull size-full"><img src="<?php echo esc_url($tg_patterns_images[9]) ?>" alt="" class="wp-image-4595" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:group -->

                </div>
                <!-- /wp:group -->

                <!-- wp:group {"lock":{"move":false,"remove":true},"className":"tg-slider-control","layout":{"type":"constrained","contentSize":"100%"}} -->
                <div id="slider-control" class="wp-block-group tg-slider-control"><!-- wp:html {"lock":{"move":false,"remove":true}} -->
                    <div class="tgcontent-carousel-pagination swiper-pagination"></div>
                    <div class="tg-swiper-navigations">
                        <div class="swiper-button-next tgcontent-slide-next"></div>
                        <div class="swiper-button-prev tgcontent-slide-prev"></div>
                    </div>
                    <!-- /wp:html -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:group -->
<?php }
}
