<?php 
    get_header(); 

    $section_intro = get_field('section_intro');
    $section_about = get_field('section_about');
    $section_services = get_field('section_services');
    $section_portfolio = get_field('section_portfolio');
    $section_features = get_field('section_features');
    $section_contacts = get_field('section_contacts');
?>

<main id="content" class="content">
    <?php if ($section_intro && $section_intro['show_block']) : ?>
        <div class="intro">
            <div class="container">
                <div class="intro-wrapper">        
                    <h1 class="title intro--title"><?=$section_intro['title']?></h1>
            
                    <div class="intro--desc">
                        <p class="intro--desc-text"><?=$section_intro['desc']?></p>
            
                        <a href="<?=get_permalink(31)?>" class="intro--desc-link">Contact Us</a>
                    </div>

                    <div class="intro-info">
                        <img class="intro-info--img" src="<?=$section_intro['image']?>" alt="Software development partner" title="Software development partner">

                        <div class="intro-info--text"><?=$section_intro['info']?></div>
                    </div>
                </div>
            </div>
        </div>
    <?php endif; ?>

    <?php if ($section_about && $section_about['show_block']) : ?>
        <div class="about">
            <div class="container">
                <h2 class="title about--title"><?=$section_about['title']?></h2>

                <div class="desc about--desc"><?=$section_about['desc']?></div>
            </div>

            <div class="about--info">
                <div class="container">
                    <div class="about--info-wrapper">
                        <div class="about--info-text"><?=$section_about['info_text']?></div>

                        <img class="about--info-img" src="<?=$section_about['info_img']?>" alt="" title="">
                    </div>
                </div>
            </div>
            
            <?php if ($section_about['features']) : ?>
                <div class="container">
                    <div class="about--features">
                        <?php foreach ($section_about['features'] as $item) : ?>
                            <div class="about--features-item">
                                <h3 class="about--features-item-title"><?=$item['title']?></h3>

                                <p class="about--features-item-desc"><?=$item['desc']?></p>
                            </div>
                        <?php endforeach; ?>
                    </div>
                </div>
            <?php endif; ?>
        </div>
    <?php endif; ?>

    <?php if ($section_services && $section_services['show_block']) : ?>
        <div class="services">
            <div class="container">
                <h2 class="title"><?=$section_services['title']?></h2>

                <div class="services--desc"><?=$section_services['desc']?></div>

                <?php if ($section_services['services']) : ?>
                    <div class="services-items">
                        <?php foreach ($section_services['services'] as $item) : ?>
                            <div class="services-item">
                                <img src="<?=$item['image']?>" alt="<?=$item['title']?>" class="services-item--img">

                                <p class="services-item--title"><?=$item['title']?></p>

                                <div class="services-item--desc"><?=$item['desc']?></div>
                            </div>
                        <?php endforeach; ?>

                        <div class="services-item">
                            <div class="services--info"><?=$section_services['offer']?></div>
                        </div>  
                    </div>
                <?php endif; ?>
            </div>
        </div>
    <?php endif; ?>

    <?php if ($section_portfolio && $section_portfolio['show_block']) : ?>
        <div class="portfolio">
            <div class="container">
                <div class="portfolio-wrapper">
                    <h2 class="title portfolio-title"><?=$section_portfolio['title']?></h2>

                    <div class="portfolio-slider-nav">
                        <button class="portfolio-slider-nav--item portfolio-slider-nav--prev">Previus</button>
                        <button class="portfolio-slider-nav--item portfolio-slider-nav--next">Next</button>
                    </div>
                </div>
            </div>

            <?php if ($section_portfolio['portfolio']) : ?>
                <div class="portfolio-slider">
                    <?php foreach ($section_portfolio['portfolio'] as $item) : ?>
                        <?php 
                            $link = get_permalink($item['link']);
                        ?>
                        <div class="portfolio-slider--item">
                            <a href="<?=$link?>" class="portfolio-slider--link">
                                <img class="portfolio-slider--link-img" src="<?=$item['image']?>" alt="" title="">
                    
                                <div class="portfolio-slider--link-info">
                                    <h3 class="portfolio-slider--link-info-title"><?=$item['title']?></h3>

                                    <div class="portfolio-slider--link-info-desc"><?=$item['desc']?></div>
                                </div>
                            </a>
                        </div>
                    <?php endforeach; ?>
                </div>
            <?php endif; ?>
        </div>
    <?php endif; ?>

    <?php if ($section_features && $section_features['show_block']) : ?>
        <div class="features">
            <div class="container">
                <h2 class="title"><?=$section_features['title']?></h2>

                <div class="features-desc"><?=$section_features['desc']?></div>

                <?php if ($section_features['slider']) : ?>
                    <div class="features-slider">
                        <?php foreach ($section_features['slider'] as $item) : ?>
                            <div class="features-slider--item">
                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="features-slider--item-text">
                                            <p class="features-slider--item-text-num"><?=$item['num']?></p>
                                            <p class="features-slider--item-text-info"><?=$item['title']?></p>
                                        </div>
                                    </div>
                                    <div class="col-lg-8">
                                        <img class="features-slider--item-img" src="<?=$item['image']?>" alt="<?=$item['title']?>" title="<?=$item['title']?>">
                                    </div>
                                </div>
                            </div>
                        <?php endforeach; ?>
                    </div>
                <?php endif; ?>

                <div class="features-info">
                    <p>People behind the names of companies do matter for us as much as good quality code!</p>
                </div>

                <hr class="features-line">
            </div>
        </div>
    <?php endif; ?>

    <?php if ($section_contacts && $section_contacts['show_block']) : ?>
        <div class="contacts">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <h2 class="title contacts--title"><?=$section_contacts['title']?></h2>

                        <?=$section_contacts['form']?>
                    </div>
                    <div class="col-lg-6">
                        <div class="contacts--info">
                            <div class="contacts--info-text"><?=$section_contacts['info_text']?></div>

                            <img src="<?=$section_contacts['info_img']?>" alt="<?=$section_contacts['title']?>" title="<?=$section_contacts['title']?>" class="contacts--info-img">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    <?php endif; ?>
</main>

<?php get_footer(); ?>