<?php 
get_header(); 

$form_cv = get_field('form_for_project', 'option');
$form_hire = get_field('form-for--hire-developers', 'option');

?>

<main class="content">
<?php
    $post_id = get_the_ID();
    $args = array(
        'post__not_in'   => array($post_id),
        'post_type'      => 'article',
        'orderby'        => 'ASC',
        'posts_per_page' => 4,
        'posts_per_archive_page' => 4,
   );
   $posts = new WP_Query($args);
?>

<div class="single-article-inner">
    <div class="breadcrumbs">
        <?php the_breadcrumb(); ?>
    </div>
    <div class="article-preview--img">
        <?php 

        $image = get_field('image');

        if( !empty($image) ): ?>

            <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />

        <?php endif; ?>
    </div>
    <div class="container">
        <section class="inner-text">
            <h1 class="title title-article"><?=get_the_title()?></h1>
            <span class="article-span">
                <?php 
                $categories = get_the_category();
                if($categories){
                    foreach($categories as $category) {
                        $out .= '<a href="'.get_category_link($category->term_id ).'">' . '#' . $category->name . '</a>, ';
                    }
                    echo trim($out, ', ');
                } ?>
            </span>
            <span class="article-span article-span--mobile"><strong><?php the_date( 'F jS, Y'); ?></strong></span>
            <!--<span class="article-span article-span--author">Author: <?php the_author(); ?></span>-->
            <?php the_content(); ?>
            <div class="article-info">
                <span class="article-span article-span--tags"><?php the_tags( 'Tags: ', '   ' ); ?></span>
            </div>
            <ul class="list-share">
                <li class="share-item">
                    <a href="https://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>" class="share-link share-link--facebook" rel="nofollow" target="_blank">
                    1
                    </a>
                </li>
                <li class="share-item">
                    <a href="https://twitter.com/share?url=<?php the_permalink(); ?>&text=<?php the_title(); ?>&hashtags=my_hashtag" class="share-link share-link--twitter" rel="nofollow" target="_blank">
                    2
                    </a>
                </li>
                <li class="share-item">
                    <a href="http://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink() ?>&title=<?php the_title(); ?>&summary=&source=<?php bloginfo('name'); ?>" class="share-link share-link--linkedin"  rel="nofollow" target="_blank">
                    3
                    </a>
                </li>
            </ul>
            <?php rating(); ?>
            <?php get_template_part('template-parts/section','form-article'); ?>
        </section>
        <div class="right-banner-article bannerRightInvisible">
            <h2>Who we are?</h2>
            <p>G2P is a full-cycle reliable software development company.</p>
            <p>Get your idea turned into the real quality and working project or set up and scale-up your engineering team with expert ad-hock developers.</p>
            <span>Our services include:</span>
            <ul>
                <li>Setting up software dedicated teams</li>
                <li>Web&Mobile apps development</li>
                <li>Software development outsourcing</li>
                <li>Digital transformation</li>
            </ul>
            <a href="#modal-send-cv" class="form--button js-send-cv-box">Quote my project</a>
            <a href="<?=get_permalink(31)?>" class="form--button">Contact Us</a>
        </div>
        <?php if ($form_cv) : ?>
                <div id="modal-send-cv" class="modal-box mfp-hide">

                <?=$form_cv?>
             </div>
        <?php endif; ?>
    </div>
</div>
<?php if ( have_posts() ) : ?>
    <div class="article-list">
        <div class="container">
            <p class="article-list-title">More amazing articles to read</p>

            <div class="row row-last-articles">
                <?php 
                    while ($posts->have_posts()) :
                    $posts->the_post();
                    $current_post_link = get_permalink();
                    $current_post_title = get_the_title();
                    $current_post_data = get_the_date( 'jS F, Y');
                ?>
                <div class="col-lg-3">
                    <div href="<?=$current_post_link?>" class="article-list-item">
                        <img class="article-list-item--img" src="<?php 
									if(has_post_thumbnail()) {
										the_post_thumbnail_url();
									} else {
										echo '' . get_bloginfo("template_url") . '/assets/images/img-default.png';
									}
                                    ?>" alt="<?=$current_post_title?>">
                                <a href="<?=$current_post_link?>" class="title-list-articles"><p class="article-list-item--title"><?=$current_post_title?></p></a>
                                <div class="blog-block">
									<span class="article-span">
										<?php 
											$links = array_map( function ( $category ) {
                                                return sprintf(
                                                    '<a href="%s" class="category-link">#%s</a>', // Шаблон вывода ссылки
                                                    esc_url( get_category_link( $category ) ), // Ссылка на рубрику
                                                    esc_html( $category->name ) // Название рубрики
                                                );
                                            }, get_the_category() );
                                            
                                            echo implode( ', ', $links );
										 ?>
									</span>
								</div>
                                <div class="post-info">
									<div class="post-info--image">
                                    <?php echo get_avatar( get_the_author_meta('user_email'), 'mm' ); ?>
									</div>

									<div class="post-info--text">
										<span class="article-span article-span--author-archive">by <?php the_author(); ?></span>	
										<div>											
											<span class="article-data"><?=$current_post_data?></span>
											<span class="article-data article-time-read">
												<?php echo reading_time_by_text(); ?>
											</span>
										</div>
									</div>
                                </div>
                                <?php rating(); ?>
                        

                    </div>
                </div>
                <?php endwhile; ?>
            </div>
        </div>
    </div>
<?php endif; ?>

    <div class="banner-bottom-article bannerInvisible">
        <div class="container">
        <p>What are you looking to do?</p>
        <a href="#modal-hire-developer" class="form--button js-send-cv-box">Hire developers</a>
        <a href="<?=get_permalink(31)?>" class="form--button">Digital Transformation</a>
        <a href="<?=get_permalink(31)?>" class="form--button">Estimate my project</a>
        </div>
        <?php if ($form_hire) : ?>
                <div id="modal-hire-developer" class="modal-box mfp-hide">

                <?=$form_hire?>
             </div>
        <?php endif; ?>
    </div>
</main>

<div class="modal-box modal-box-answer mfp-hide js-project-answer">
    <p class="modal-box--title">Thank you for planning your development with G2P.</p>

    <p class="modal-box--subtitle">We will contact you within 24 hours</p>

    <button class="form--button js-answer-btn">ok</button>
</div>
<?php get_footer(); ?>