<div class="contact-row">
    <div class="offset-3 grid3" id="contact">
        <h4><?php echo \Illuminate\Support\Facades\Lang::get('translations.contact-free'); ?></h4>

        <h3 class="thank-you"><?php echo \Illuminate\Support\Facades\Lang::get('translations.done-submit'); ?></h3>

        <form action="/form/process" method="post">
            <label for="companyName"><?php echo \Illuminate\Support\Facades\Lang::get('translations.form-labels.company-name'); ?></label>
            <input name="companyName"
                   type="text"
                   id="companyName">
            <label id="contactNameLabel" class="required"
                   for="contactName"><?php echo \Illuminate\Support\Facades\Lang::get('translations.form-labels.contact-name'); ?></label>
            <input
                    name="contactName" class="required" type="text" id="contactName">
            <label id="emailFormLabel" for="emailForm"><?php echo \Illuminate\Support\Facades\Lang::get('translations.form-labels.email-form'); ?></label>
            <input
                    name="emailForm"
                    type="text"
                    id="emailForm">
            <label for="phoneForm"><?php echo \Illuminate\Support\Facades\Lang::get('translations.form-labels.phone-form'); ?></label>
            <input name="phoneForm"
                   type="text"
                   id="phoneForm">
            <label id="formMessageLabel" class="required"
                   for="formMessage"><?php echo \Illuminate\Support\Facades\Lang::get('translations.form-labels.form-message'); ?></label>
            <textarea
                    name="formMessage" data-autoresize class="required" id="formMessage"></textarea>
            <input name="submit" type="submit" value="<?php echo \Illuminate\Support\Facades\Lang::get('translations.form-labels.send'); ?>">
        </form>
    </div>

    <div class="offset-1 grid3" id="reference">
        <div class="person-reference">
            <div class="image">
                <img alt="<?php echo \Illuminate\Support\Facades\Lang::get('translations.reference.name'); ?>" src="<?php echo \Illuminate\Support\Facades\Lang::get('translations.reference.img'); ?>"/>
            </div>
            <p>
                <?php echo \Illuminate\Support\Facades\Lang::get('translations.reference.name'); ?><br/>
                <span><?php echo \Illuminate\Support\Facades\Lang::get('translations.reference.function'); ?></span>
            </p>
        </div>
        <h4>Snelheid</h4>
        <p class="person-text">
            <?php echo \Illuminate\Support\Facades\Lang::get('translations.reference.text'); ?>
        </p>
        <hr>

        <div class="person-reference">
            <div class="image">
                <img alt="<?php echo \Illuminate\Support\Facades\Lang::get('translations.reference2.name'); ?>" src="<?php echo \Illuminate\Support\Facades\Lang::get('translations.reference2.img'); ?>"/>
            </div>
            <p>
                <?php echo \Illuminate\Support\Facades\Lang::get('translations.reference2.name'); ?><br/>
                <span><?php echo \Illuminate\Support\Facades\Lang::get('translations.reference2.function'); ?></span>
            </p>
        </div>
        <h4>Samenwerking met partners</h4>
        <p class="person-text">
            <?php echo \Illuminate\Support\Facades\Lang::get('translations.reference2.text'); ?>
        </p>
        <hr>

        <div class="person-reference">
            <div class="image">
                <img alt="<?php echo \Illuminate\Support\Facades\Lang::get('translations.reference3.name'); ?>" src="<?php echo \Illuminate\Support\Facades\Lang::get('translations.reference3.img'); ?>"/>
            </div>
            <p>
                <?php echo \Illuminate\Support\Facades\Lang::get('translations.reference3.name'); ?><br/>
                <span><?php echo \Illuminate\Support\Facades\Lang::get('translations.reference3.function'); ?></span>
            </p>
        </div>
        <p class="person-text">
            <?php echo \Illuminate\Support\Facades\Lang::get('translations.reference3.text'); ?>
        </p>
        <hr>

       <?php /* <p class="list-text"><?php echo \Illuminate\Support\Facades\Lang::get('translations.why-gripp.subTitle'); ?></p>
        <ul>
            <?php foreach(trans('translations.why-gripp.list') as $item): ?>
                <li><?php echo $item; ?></li>
            <?php endforeach; ?>
        </ul>*/ ?>

        <div class="contact-info">
            <h5>Contact</h5>
            <p>
                <?php echo \Config::get('business.adres1'); ?><br/>
                <?php echo \Config::get('business.adres2'); ?>

            </p>

            <p>
                <strong style="display: inline-block; width: 60px;">K.v.K.:</strong><?php echo \Config::get('business.kvk'); ?><br/>
                <strong style="display: inline-block; width: 60px;">BTW:</strong><?php echo \Config::get('business.btw'); ?><br/>
                <strong style="display: inline-block; width: 60px;">IBAN:</strong><?php echo \Config::get('business.iban'); ?>

            </p>

            <p>
                <a href="tel:<?php echo \Config::get('business.phone.call'); ?>"> <?php echo \Config::get('business.phone.display'); ?></a><br/>
                <a href="mailto:<?php echo \Config::get('business.default_email'); ?>"> <?php echo \Config::get('business.default_email'); ?></a>
            </p>
        </div>

        <a class="terms" href="<?php echo \Illuminate\Support\Facades\Lang::get('translations.terms.route'); ?>"><span class="icon-circle"> <span></span></span><?php echo \Illuminate\Support\Facades\Lang::get('translations.terms.name'); ?></a>
        <a class="terms" style="margin-top: 10px;" href="<?php echo \Illuminate\Support\Facades\Lang::get('translations.privacy.route'); ?>"><span class="icon-circle"> <span></span></span><?php echo \Illuminate\Support\Facades\Lang::get('translations.privacy.name'); ?></a>

        <div class="certificates">
            <img alt="CIRE" src="/images/structure/cire.png?v=2" />
            <span class="certificates__name"><strong>CIRE ID:</strong><br/>I-20672221</span>
        </div>

    </div>

    <div class="clear"></div>

</div>