<?php
    /*
    Template Name: Portfolio
    */
    get_header();
?>

<!--=================================
Portfolio -->
<section class="space-ptb">
    <div class="container">
    <div class="row no-gutters">
        <div class="col-md-12">
        <div class="my-shuffle-container columns-3 popup-gallery full-screen">
            <?php                
				if ( query_posts( array( 'post_type' => 'portfolio', 'order' => 'DESC', 'posts_per_page' => -1 ) ) ) { 
            ?>

                <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

                <?php $image_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full'); ?>

                    <div class="grid-item">
                        <div class="portfolio-item">
                            <img class="img-fluid" src="<?php echo $image_url[0]; ?>" alt="">
                            <div class="portfolio-overlay">
                                <div class="portfolio-description">
                                    <div class="portfolio-info">
                                        <h5>
                                            <a href="<?php echo get_field('portfolio_url'); ?>" target="_blank" class="portfolio-title text-primary"><?php the_title(); ?></a>
                                        </h5>
                                        <span class="text-dark"><?php echo get_field('portfolio_type'); ?></span>
                                    </div>
                                    <div class="portfolio-icon">
                                        <a class="portfolio-img" href="<?php echo $image_url[0]; ?>">
                                            <i class="fas fa-plus"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                <?php endwhile; endif; wp_reset_query(); ?>

            <?php                
                }
            ?>            
        </div>
        </div>
    </div>
    <div class="row mt-4 mt-md-5">
        <div class="col text-center">
        <p>Tell us about your idea, and we’ll make it happen.</p>
        <a href="<?php bloginfo('url'); ?>/contact/" class="btn btn-primary btn-round text-white w-space">Contact Us<i class="fas fa-arrow-right pl-3"></i></a>
        </div>
    </div>
    </div>
</section>
<!--=================================
Portfolio -->

<?php
    get_footer();
?>