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

<?php while (have_posts()) : the_post();
    $project_img_one = get_post_meta(get_the_id(), 'project_image_one', true);
	$project_img_two = get_post_meta(get_the_id(), 'project_image_two', true);
	$project_img_three = get_post_meta(get_the_id(), 'project_image_three', true);
?>

<!--Page Title-->
<section class="page-title">
	<div class="pattern-layer-one" style="background-image: url(<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/background/pattern-14.png)"></div>
	<div class="pattern-layer" style="background-image: url(<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/background/shape-62.png)"></div>
	<div class="auto-container">
		<h2><?php if( $data->get( 'title' ) ) echo wp_kses( $data->get( 'title' ), true ); else( wp_title( '' ) ); ?></h2>
		<ul class="page-breadcrumb">
			<?php echo meto_the_breadcrumb(); ?>
		</ul>
    </div>
</section>
<!--End Page Title-->

<!-- Gallery Detail Section -->
<section class="gallery-detail-section">
    <div class="auto-container">
        <!-- Image Gallery -->
        <div class="images-gallery">
            <div class="row clearfix">
                <!-- Column -->
                <div class="column col-lg-8 col-md-12 col-sm-12">
                    <div class="image">
                        <img src="<?php echo esc_url($project_img_one['url']); ?>" alt="<?php esc_attr_e('Awesome Image', 'meto'); ?>" />
                    </div>
                </div>
                <!-- Column -->
                <div class="column col-lg-4 col-md-12 col-sm-12">
                    <div class="image">
                        <img src="<?php echo esc_url($project_img_two['url']); ?>" alt="<?php esc_attr_e('Awesome Image', 'meto'); ?>" />
                    </div>
                    <div class="image">
                        <img src="<?php echo esc_url($project_img_three['url']); ?>" alt="<?php esc_attr_e('Awesome Image', 'meto'); ?>" />
                    </div>
                </div>
            </div>
        </div>
        <div class="lower-section">
            <div class="row clearfix">
                <?php the_content(); ?>
            </div>
        </div>
    </div>
</section>
<!-- End Gallery Detail Section -->

<?php endwhile; ?>

<?php get_footer(); ?>