@extends('layout.basic_front')

@section("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>{{trans("contact.title")}}</h3>
                                </div>
                            </div>
                            
                            <div class="col-lg-6 col-md-6">
                                <ul>
                                    <li><a href="{{URL::to('front')}}"><i class="fa fa-home"></i> {{trans("home.header_btn")}}</a></li>
                                    <li><i class="fa fa-angle-right"></i></li>
                                    <li class="active">{{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 style="padding:0px;">{{trans("contact.input1_info")}}</h4>
                            <p>{{trans("header_footer.address1")}}</p>
                            <p>{{trans("header_footer.address2")}}</p>
                            <p>{{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 style="padding:0px;">{{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 style="padding:0px;">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 style="padding:0px;">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">
                      @if ($errors->any())
                      <div class="alert alert-danger">
                          <ul>
                              @foreach ($errors->all() as $error)
                              <li>{{ $error }}</li>
                              @endforeach
                          </ul>
                      </div>
                      @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="{{trans('contact.input1')}}" required data-error="{{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="{{trans('contact.input2')}}" required data-error="{{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="{{trans('contact.input3')}}" required data-error="{{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="{{trans('contact.input4')}}" required data-error="{{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="{{trans('contact.input5')}}" required data-error="{{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 -->
        

@stop