<?php $__env->startSection('title'); ?>
    | Contact Us
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

    <div class="row fullWidth">
        <img src="<?php echo asset('img/banners/contact-banner.jpg'); ?>">
    </div>

    <div class="fullWidth greyContainer">
        <div class="row">
            <div class="medium-7 large-7 columns">
                <h1>GAUTENG <span class="thin"> OFFICE</span></h1>
                <hr>
                <p class="contactP"><strong>Direct Contact Details</strong><br>
                    <i class="fa fa-mobile"></i> 08611 TRANSACT | 0861 1872 67228<br>
                    <i class="fa fa-fax"></i> +27 12 665 5749<br>

                <h1>WEB <span class="thin"> QUERIES</span></h1>
                <hr>
                <p><i class="fa fa-envelope"></i> <a class="generalA" href="mailto:connect@suretransact.co.za">connect [at] suretransact.co.za</a></p>

                <h1>OUR <span class="thin"> ADDRESS</span></h1>
                <hr>
                <p class="contactP"><i class="fa fa-map-marker"></i> Building 1<br>
                    1st Floor, Manhattan Office Park<br>
                    16 Pieter Street, Techno Park<br>
                    Centurion, 0157</p>
            </div>

            <div class="medium-5 large-5 columns">
                <h1>MAIL <span class="thin"> US</span></h1>
                <hr>

                <p class="clientP">This puts you under no obligations to SureTransact and we will not share your information with any third parties.</p>

                <?php echo Form::open(['url' => '/contact', 'method' => 'POST']); ?>


                <div class="row">
                    <div class="large-12 columns">
                        <label for="name" class="">Name & Surname <small class="red"><?php echo $errors->first('name'); ?></small></label>
                        <?php echo Form::text('name'); ?>

                    </div>
                </div>

                <div class="row">
                    <div class="large-12 columns">
                        <label for="email" class="">E-Mail <small class="red"><?php echo $errors->first('email'); ?></small></label>
                        <?php echo Form::email('email'); ?>

                    </div>
                </div>

                <div class="row">
                    <div class="large-12 columns">
                        <label for="tel" class="">Tel <small class="red"><?php echo $errors->first('tel'); ?></small></label>
                        <?php echo Form::text('tel'); ?>

                    </div>
                </div>

                <div class="row">
                    <div class="large-12 columns">
                        <label for="comments" class="">Comments</label>
                        <?php echo Form::textarea('comments'); ?>

                    </div>
                </div>

                <div class="row">
                    <div class="large-12 columns">
                        <button style="margin-bottom: 8px; margin-top: 5px" type="submit" class="greyButton expand button small wideButton"> Submit</button>
                    </div>
                </div>

                <br>

                <?php echo Form::close(); ?>


                <div class="row">
                    <div class="large-12 columns">
                        <a href="https://www.facebook.com/Suretransact-940912565945358/?fref=ts" target="_blank" style="color: #DCAE1A; font-size: 16px;">Facebook  <i class="fa faContact fa-facebook-official"></i></a>
                        <a href="https://twitter.com/SureTransact" target="_blank" style="color: #DCAE1A; font-size: 16px;">Twitter  <i class="fa faContact fa-twitter-square"></i></a>
                        <a href="http://www.linkedin.com/company/2688960?trk=vsrp_companies_cluster_name&trkInfo=VSRPsearchId%3A2389626421455269528846%2CVSRPtargetId%3A2688960%2CVSRPcmpt%3Acompanies_cluster" target="_blank" style="color: #DCAE1A; font-size: 16px;">Linked In<i class="fa faContact fa-linkedin-square"></i></a>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="fullWidth">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7155.123373610653!2d28.188152017581988!3d-25.87191998131445!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1e9565c945771047%3A0x9d566d97926abd8f!2s16+Pieter+St%2C+Centurion%2C+0169!5e0!3m2!1sen!2sza!4v1453122992812" width="100%" height="250" frameborder="0" style="border:0"  allowfullscreen></iframe>
    </div>

    <?php echo $__env->make('partials.footer', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
    <script src="<?php echo asset('js/scripts.js'); ?>"></script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('master', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>