<?php
$vertical_title = get_field('contact_vertical_title');
$address = get_field('contact_address', 'options');
$tel     = get_field('contact_telephone', 'options');
$tel_url = get_field('contact_telephone_url', 'options');
$email   = get_field('contact_email', 'options');
$contact_form = get_field('contact_form', 'options');
?>
<div class="section-contact" data-animation>
    <div class="site__container">
        <div class="grid">
            <div class="grid__item push--tab--one-twelfth tab--five-twelfths">
                <div class="section-contact__info">
                    <div class="vertical-title"><?php MOZ_Utils::upper($vertical_title); ?></div>
                    <div class="section-contact__title fs-50"><?php echo __('ReCO2ST', 'erc001'); ?></div>

                    <?php if ($address) : ?>
                        <span><?php echo $address; ?></span>
                    <?php endif; ?>

                    <?php if ($tel && $tel_url) : ?>
                        <span class="section-contact__info__tel"><span><?php echo __('T.', 'erc001'); ?></span><a href="tel:<?php echo $tel_url; ?>"><?php echo $tel; ?></a></span>
                    <?php endif; ?>

                    <?php if ($email) : ?>
                        <span class="section-contact__info__email"><span><?php echo __('E.', 'erc001'); ?></span><a href="mailto:<?php echo $email; ?>"><?php echo $email; ?></a></span>
                    <?php endif; ?>
                </div>
            </div>
            <div class="grid__item push--tab--two-twelfths tab--four-twelfths">
                <div class="section-contact__form">
                    <?php if ( $contact_form ) : ?>
                        <div class="section-contact__title fs-50"><?php echo __('Contact', 'erc001'); ?></div>
                        <?php echo do_shortcode( $contact_form ); ?>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
</div>