<?php

    get_header();

    $title = get_field('contacts_page_title');
    $desc = get_field('contacts_page_desc');
    $image = get_field('contacts_page_image');
    $form = get_field('contacts_page_form');
    $first_address = get_field('contacts_first_address');
    $first_map = get_field('contacts_first_map');
    $second_address = get_field('contacts_second_address');
    $second_map = get_field('contacts_second_map');
?>

<main id="content" class="content">
    <div class="contacts-page">
        <div class="container">
            <div class="contacts-page-wrapper">
                <div class="contacts-page-info">
                    <div class="contacts-page-info--text"><?=$desc?></div>
    
                    <img class="contacts-page-info--img" src="<?=$image?>" alt="<?=$title?>">
                </div>
            
                <h1 class="title contacts-page--title"><?=$title?></h1>

                <?=$form?>
            </div>
        </div>
    </div>

    <div class="contacts-map">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <p class="contacts-map--address"><?=$first_address?></p>

                    <?=$first_map?>
                </div>
                <div class="col-lg-6">
                    <p class="contacts-map--address"><?=$second_address?></p>

                    <?=$second_map?>
                </div>
            </div>
        </div>
    </div>
</main>

<?php get_footer(); ?>