

<?php $__env->startSection("content"); ?>

        <!-- Start Page Title Area -->
        <div class="page-title">
            <div class="d-table">
                <div class="d-table-cell">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-6 col-md-6">
                                <div class="page-title-text">
                                    <h3><?php echo trans("contact.title"); ?></h3>
                                </div>
                            </div>
                            
                            <div class="col-lg-6 col-md-6">
                                <ul>
                                    <li><a href="<?php echo URL::to('front'); ?>"><i class="fa fa-home"></i> <?php echo trans("home.header_btn"); ?></a></li>
                                    <li><i class="fa fa-angle-right"></i></li>
                                    <li class="active"><?php echo trans("contact.title"); ?></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Page Title Area -->

        <!-- Start Map Area -->
        <div id="map"><iframe width="100%" height="450" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d10942.713963022707!2d120.50258194604172!3d24.061043756797055!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346947a2bc098cb9%3A0x3947fd036749fb33!2z5bqa57SY!5e0!3m2!1szh-TW!2stw!4v1450779563142" class="map-show" style="border:0"></iframe></div>
        <!-- End Map Area -->
       
        <!-- Start Contact Area -->
        <section class="contact-area ptb-80">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="contact-box">
                            <i class="fa fa-map-marker"></i>
                            <h4><?php echo trans("contact.input1_info"); ?></h4>
                            <p><?php echo trans("header_footer.address1"); ?></p>
                            <p><?php echo trans("header_footer.address2"); ?></p>
                            <p><?php echo trans("header_footer.address3"); ?></p>
                        </div>
                    </div>
                    
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="contact-box">
                            <i class="fa fa-phone"></i>
                            <h4><?php echo trans("contact.input2_info"); ?></h4>
                            <p><a href="#">+886-4-7511586</a></p>
                        </div>
                    </div>
                    
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="contact-box">
                            <i class="fa fa-envelope"></i>
                            <h4>Email</h4>
                            <p><a href="#">gh.bike@msa.hinet.net</a></p>
                        </div>
                    </div>
                    
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="contact-box">
                            <i class="fa fa-facebook"></i>
                            <h4>Facebook</h4>
                            <p><a href="https://www.facebook.com/GHBike%E6%BB%91%E6%AD%A5%E8%BB%8A%E5%96%AE%E8%BB%8A%E8%A8%93%E7%B7%B4%E5%8F%B0-973739962637309/?fref=ts">GH-Bike 滑步車</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Contact Area -->
        
        <!-- Start Contcta Area -->
        <div class="contact ptb-80">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 offset-lg-6 col-md-6 offset-md-6">
                      <?php if($errors->any()): ?>
                      <div class="alert alert-danger">
                          <ul>
                              <?php foreach($errors->all() as $error): ?>
                              <li><?php echo $error; ?></li>
                              <?php endforeach; ?>
                          </ul>
                      </div>
                      <?php endif; ?>
                         <form id="contactForm">
                            <div class="row">
                                <div class="col-lg-12 col-md-12">
                                    <div class="form-group">
                                        <input type="text" class="form-control" name="contact_name" id="name" placeholder="<?php echo trans('contact.input1'); ?>" required data-error="<?php echo trans('contact.input1'); ?>">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                
                                <div class="col-lg-12 col-md-12">
                                    <div class="form-group">
                                        <input type="email" class="form-control" name="contact_email" id="email" placeholder="<?php echo trans('contact.input2'); ?>" required data-error="<?php echo trans('contact.input2'); ?>">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                
                                <div class="col-lg-12 col-md-12">
                                    <div class="form-group">
                                        <input type="text" class="form-control" name="contact_phone" id="phone" placeholder="<?php echo trans('contact.input3'); ?>" required data-error="<?php echo trans('contact.input3'); ?>">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                
                                <div class="col-lg-12 col-md-12">
                                    <div class="form-group">
                                        <input type="text" class="form-control" name="contact_subject" id="subject" placeholder="<?php echo trans('contact.input4'); ?>" required data-error="<?php echo trans('contact.input4'); ?>">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                
                                <div class="col-lg-12 col-md-12">
                                    <div class="form-group">
                                        <textarea name="message" class="form-control" id="message" cols="30" rows="6" placeholder="<?php echo trans('contact.input5'); ?>" required data-error="<?php echo trans('contact.input5'); ?>"></textarea>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                
                                <div class="col-lg-12 col-md-12">
                                    <button type="submit" class="btn btn-primary" onclick="return confirm('確認送出後，我們將儘速回覆您！感謝您的來信.')">Send Message</button>
                                    <div id="msgSubmit" class="h3 text-center hidden"></div>
                                    <div class="clearfix"></div> 
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Contact Area -->
        

<?php $__env->stopSection(); ?>

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