<?php get_header(); ?>

<main class="content">
<?php
    $portfolio_aim = get_field('portfolio_aim');
    $portfolio_solution = get_field('portfolio_solution');
    $portfolio_technologies = get_field('portfolio_technologies');
    $portfolio_images = get_field('portfolio_images');

    $post_id = get_the_ID();
    $args = array(
        'post__not_in'   => array($post_id),
        'post_type'      => 'project',
        'orderby'        => 'ASC',
        'posts_per_page' => 4,
   );
   $posts = new WP_Query($args);
?>

<div class="portfolio-inner">
    <div class="container">
        <h1 class="portfolio-title"><?=the_title()?></h1>

        <div class="row">
            <div class="col-lg-6">
                <div class="portfolio-inner--info">
                    <div class="portfolio-inner--info-block">
                        <p><b>Aim</b></p>

                        <p><?=$portfolio_aim?></p>
                    </div>

                    <div class="portfolio-inner--info-block">
                        <p><b>Solution</b></p>

                        <?=$portfolio_solution?>
                    </div>

                    <div class="portfolio-inner--info-block">
                        <p><b>Technologies</b></p>

                        <?=$portfolio_technologies?>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="portfolio-inner--img">
                    <img src="<?=$portfolio_images?>" alt="<?=the_title()?>">
                </div>
            </div>
        </div>
    </div>
</div>

<?php if ( have_posts() ) : ?>
    <div class="portfolio-list">
        <div class="container">
            <p class="portfolio-list-title">More cases</p>

            <div class="row">
                <?php 
                    while ($posts->have_posts()) :
                    $posts->the_post();
                    $current_post_link = get_permalink();
                    $current_post_title = get_the_title();
                    $portfolio_aim = get_field('portfolio_aim');
                ?>
                <div class="col-lg-3">
                    <a href="<?=$current_post_link?>" class="portfolio-list-item">
                        <img class="portfolio-list-item--img" src="<?php the_post_thumbnail_url(); ?>" alt="<?=$current_post_title?>">

                        <p class="portfolio-list-item--title"><?=$current_post_title?></p>

                        <p class="portfolio-list-item--desc"><?=$portfolio_aim?></p>
                    </a>
                </div>
                <?php endwhile; ?>
            </div>
        </div>
    </div>
<?php endif; ?>
</main>
  
<?php get_footer(); ?>