<?php get_header();
    $data    = \METO\Includes\Classes\Common::instance()->data('single-meto_service')->get();

    $layout = $data->get('layout');
    $sidebar = $data->get('sidebar');
    $layout = ($layout) ? $layout : 'right';
    $sidebar = ($sidebar) ? $sidebar : 'default-sidebar';
    if (is_active_sidebar($sidebar)) {
        $layout = 'right';
    } else {
        $layout = 'full';
    }
    $class = (!$layout || $layout == 'full') ? 'col-xs-12 col-sm-12 col-md-12' : 'col-lg-8 col-md-12 col-sm-12';
    $options = meto_WSH()->option();

    do_action('meto_banner', $data);
    $allowed_tags = wp_kses_allowed_html('post');
?>

<!--Sidebar Page Container-->
<div class="sidebar-page-container">
    <div class="auto-container">
        <div class="row clearfix">

            <!-- sidebar area -->
            <?php
            if ($data->get('layout') == 'left') {
                do_action('meto_sidebar', $data);
            } ?>

            <?php while (have_posts()) : the_post();
                $service_image = get_post_meta(get_the_id(), 'service_image', true);
            ?>
            <!-- Content Side -->
            <div class="content-side <?php echo esc_attr($class); ?>">
                <div class="services-detail">
                    <div class="inner-box">

                        <div class="image">
                            <img src="<?php echo esc_url($service_image['url']);?>" alt="<?php esc_attr_e('Awesome Image', 'meto'); ?>" />
                        </div>

                        <div class="lower-content">
                            <h2><?php the_title(); ?></h2>
                            <div class="text">
                                <?php the_content(); ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <?php endwhile; ?>

            <!-- sidebar area -->
            <?php
            if ($data->get('layout') == 'right') {
                do_action('meto_sidebar', $data);
            } ?>

        </div>
    </div>
</div>


<!-- Clients Section -->
<section class="clients-section">
    <div class="auto-container">
        
        <div class="sponsors-outer">
            <!--Sponsors Carousel-->
            <ul class="sponsors-carousel owl-carousel owl-theme">
                <?php $client_images = (get_post_meta(get_the_id(), 'clients_imgs', true));
					$client_images = explode(',', $client_images);
					if ($client_images) :
					foreach ($client_images as $client) :
				?>
				<li class="slide-item">
                	<figure class="image-box">
						<?php echo wp_get_attachment_image($client, 'meto_245x170');  ?>
					</figure>
                </li><!-- /.item -->
				<?php endforeach; endif; ?>
            </ul>
        </div>
        
    </div>
</section>
<!-- End Clients Section -->


<?php get_footer(); ?>