<?php $__env->startSection('title'); ?><?php echo e($metatags->title); ?> <?php $__env->stopSection(); ?>
<?php $__env->startSection('description'); ?><?php echo e($metatags->desc); ?> <?php $__env->stopSection(); ?>
<?php $__env->startSection('keywords'); ?><?php echo e($metatags->keyw); ?> <?php $__env->stopSection(); ?>
<?php $__env->startSection('h1'); ?><?php echo e($metatags->h1); ?> <?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
    <section id="maincontent">
        
        <section class="fwbg intro" >
        <div id="map-canvas" class="google-maps">
            <?php echo $config->gmap; ?>

        </div>
        </section>
        <div class="container-fluid">
            <div class="row">
                <div id="cf" class="col-md-9">
                    <h3><?php echo e(__('frontside.contact.title')); ?></h3><br>
                    <?php if(Session::has('success')): ?>
                        <div class="alert alert-success">
                            <?php echo Session::get('success'); ?>

                        </div>
                    <?php endif; ?>

                    <form class="form-horizontal" role="form" method="POST" action="/<?php echo e(( Config::get('app.locale') == 'sr') ? 'sr/contact' : 'contact'); ?>">
                        <?php echo e(csrf_field()); ?>



                        <div class="form-group  <?php echo e($errors->has('name') ? 'has-error' : ''); ?>">
                            <label for="name" class="col-sm-2 control-label"><?php echo e(__('frontside.contact.name')); ?></label>
                            <div class="col-sm-8">
                                <input type="text" name="name" class="form-control" id="name" value="<?php echo e(old('name')); ?>"   required autofocus>
                                <?php if($errors->has('name')): ?>
                                    <span class="help-block">
                                        <strong><?php echo e($errors->first('name')); ?></strong>
                                    </span>
                                <?php endif; ?>
                            </div>
                        </div>

                        <div class="form-group  <?php echo e($errors->has('email') ? 'has-error' : ''); ?>">
                            <label for="email" class="col-sm-2 control-label"><?php echo e(__('frontside.contact.email')); ?></label>
                            <div class="col-sm-8">
                                <input type="email" class="form-control" name="email" id="email" value="<?php echo e(old('email')); ?>"  >
                                <?php if($errors->has('email')): ?>
                                    <span class="help-block">
                                        <strong><?php echo e($errors->first('email')); ?></strong>
                                    </span>
                                <?php endif; ?>
                            </div>
                        </div>

                        <div class="form-group  <?php echo e($errors->has('phone') ? 'has-error' : ''); ?>">
                            <label for="phone" class="col-sm-2 control-label"><?php echo e(__('frontside.contact.phone')); ?></label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" name="phone" id="phone"  value="<?php echo e(old('phone')); ?>" >
                                <?php if($errors->has('phone')): ?>
                                    <span class="help-block">
                                        <strong><?php echo e($errors->first('phone')); ?></strong>
                                    </span>
                                <?php endif; ?>
                            </div>

                        </div>

                        <div class="form-group  <?php echo e($errors->has('message') ? 'has-error' : ''); ?>">
                            <label for="message" class="col-sm-2 control-label"><?php echo e(__('frontside.contact.message')); ?></label>
                            <div class="col-sm-8">
                                <textarea class="form-control" name="message" id="message" rows="6"  required><?php echo e(old('message')); ?></textarea>
                                <?php if($errors->has('phone')): ?>
                                    <span class="help-block">
                                        <strong><?php echo e($errors->first('message')); ?></strong>
                                    </span>
                                <?php endif; ?>
                            </div>
                        </div>


                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-8">
                                <input class="btn btn-primary" value="<?php echo e(__('frontside.contact.submit')); ?>" type="submit">
                            </div>
                        </div>
                    </form>



                </div>
                <div id="ci" class="col-md-3">
                    <h3><?php echo e($config->company_name); ?></h3>
                    <table width="100%" border="0" cellspacing="0"  cellpadding="5">
                        <tr>
                            <td><strong><?php echo e(__('frontside.contact.caddress')); ?>: </strong></td>
                            <td><?php echo e($config->address); ?></td>
                        </tr>
                        <tr>
                            <td><strong><?php echo e(__('frontside.contact.cot')); ?>: </strong></td>
                            <td><?php echo e($config->wtime); ?></td>
                        </tr>
                        <tr>
                            <td><strong><?php echo e(__('frontside.contact.cphone')); ?>: </strong></td>
                            <td><?php echo e($config->tel1); ?></td>
                        </tr>
                        <tr>
                            <td><strong><?php echo e(__('frontside.contact.fax')); ?>: </strong></td>
                            <td><?php echo e($config->fax); ?></td>
                        </tr>
                        <tr>
                            <td><strong><?php echo e(__('frontside.contact.cemail')); ?>: </strong></td>
                            <td><?php echo e($config->email); ?></td>
                        </tr>
                    </table>
                </div>
            </div><!--// row-->
        </div>
    </section>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('css'); ?>
    <style type="text/css">
        section.intro {
            height: 400px;
            width: 100%;
            /*margin-top: 85px;*/
            border-bottom: 1px solid #888;
            position: relative;
            overflow: hidden;
            margin-bottom: 35px;
            border-top: 1px solid #888;
        }
        .google-maps {
            position: relative;
            /*padding-bottom: 22%; // This is the aspect ratio
            height: 0;*/
            height: 100%;
            overflow: hidden;
        }
        .google-maps iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100% !important;
        }
        section.title {
            padding-top: 15px;
            padding-bottom: 5px;
        }
        section.title h2 {
            font-size: 36px;
            line-height: 33px;
            font-weight: 300;
            font-variant: normal;
            text-transform: uppercase;
        }
        .red {
            color: #C00;
        }

        section.breadcumbs {
            color: #FFF;
            background: url(/assets/img/fbg.jpg);
            padding-top: 10px;
            padding-bottom: 10px;
            border-top: 1px solid #900;
            border-bottom: 1px solid #900;
            margin-top: 150px;
        }
        .breadcumbs .bc {
            font-size: 14px;
        }
        .breadcumbs h1 {
            font-size: 33px;
            margin: 0px;
            padding: 0px;
            letter-spacing: 4px;
        }
        main {
            width: 100%;
            min-height: 1000px;
        }
        .patern {
            background: url(/assets/img/pattern.png) repeat;
            height: 100%;
            width: 100%;
            position: absolute;
            z-index: 2;
            left: 0px;
            top: 0px;
        }
        .bpatern {
            background: url(/assets/img/bpattern.png) repeat;
            height: 100%;
            width: 100%;
            position: absolute;
            z-index: 2;
            left: 0px;
            top: 0px;
        }
        .lpatern {
            background: url(/assets/img/lpattern.png) repeat;
            height: 100%;
            width: 100%;
            position: absolute;
            z-index: 2;
            left: 0px;
            top: 0px;
        }
        .gr10 {
            background: #F4F4F4;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            padding: 15px;
        }
        .form-horizontal .control-label {
            text-align:left;

        }
        #gototop {
            background-color: rgba(0, 0, 0, 0.2);
            border-radius: 3px;
            bottom: 10px;
            height: 50px;
            padding: 12px 14px;
            position: fixed;
            right: 30px;
            transition: all 0.2s ease-in-out 0s;
            width: 50px;
            z-index: 100;
        }
        #gototop:hover {
            background-color: rgba(0, 0, 0, 0.4);
        }
        #gototop i {
            color: #fff;
            font-size: 24px;
            line-height: 24px;
        }
        .form-group {
            margin-bottom: 15px;
            padding-bottom: 10px;
        }

        #ci h3 {
            border-bottom: 1px solid #e4e3e3;
            font-size: 24px;
            padding-bottom: 10px;
            padding-top: 0px;
            text-align: left;
            text-transform: uppercase;
        }
        #cf .btn-default {
            background-image: linear-gradient(to bottom, #ffffff 0px, #e0e0e0 100%);
            background-repeat: repeat-x;
            border-color: #ccc;
            text-shadow: 0 1px 0 #fff;
        }
        td {line-height: 32px;}
    </style>
<?php $__env->stopPush(); ?>

<?php $__env->startPush('scripts'); ?>
    <script>
        if($(".alert-success, .alert-danger, .alert-info").length){
            setTimeout(function(){
                $(".alert-success, .alert-danger, .alert-info").each(function() {
                    removeInfo($(this));
                });
            }, 15000);
        }
        function removeInfo(e){
            e.fadeOut("slow");
            setTimeout(function(){ e.remove();}, 1000);
        }
    </script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('layouts.frontend', \Illuminate\Support\Arr::except(get_defined_vars(), array('__data', '__path')))->render(); ?>