@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>{{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>{{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">
                      @if ($errors->any())
                      <div class="alert alert-danger">
                          <ul>
                              @foreach ($errors->all() as $error)
                              <li>{{ $error }}</li>
                              @endforeach
                          </ul>
                      </div>
                      @endif
                        <form action="">
                            <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="contact_name" placeholder="{{trans('contact.input1')}}"  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_mail" id="contact_email" placeholder="{{trans('contact.input2')}}"  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="contact_number" placeholder="{{trans('contact.input3')}}"  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="contact_subject" placeholder="{{trans('contact.input4')}}"  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="contact_message" class="form-control" id="contact_message" cols="30" rows="6" placeholder="{{trans('contact.input5')}}"  data-error="{{trans('contact.input5')}}"></textarea>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12">
                                  <input type='submit' class='btn btn-primary'>
                                    {{Form::button('Send Message', array(
                                              'type' => 'submit',
                                              'class'=> 'btn btn-primary',
                                              'onclick'=>'return confirm("確認送出後，我們將儘速回覆您！感謝您的來信.")'
                                      ));}}
                                    <div id="msgSubmit" class="h3 text-center hidden"></div>
                                    <div class="clearfix"></div> 
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Contact Area -->
        
       <!-- Start Partner Area -->
       <!--section class="partner-area ptb-80">
           <div class="container">
               <div class="section-title">
                    <h2>Our <span>Partner</span></h2>
                    <img src="{{asset('img/section-title-logo.png')}}" alt="section-title-logo">
                </div>
               <div class="row">
                   <div class="partner-slider">
                       <div class="item">
                           <a href="#"><img src="{{asset('img/partner1.png')}}" alt="partner1"></a>
                       </div>

                       <div class="item">
                           <a href="#"><img src="{{asset('img/partner2.png')}}" alt="partner2"></a>
                       </div>

                       <div class="item">
                           <a href="#"><img src="{{asset('img/partner3.png')}}" alt="partner3"></a>
                       </div>

                       <div class="item">
                           <a href="#"><img src="{{asset('img/partner4.png')}}" alt="partner4"></a>
                       </div>

                       <div class="item">
                           <a href="#"><img src="{{asset('img/partner5.png')}}" alt="partner5"></a>
                       </div>
                       
                       <div class="item">
                           <a href="#"><img src="{{asset('img/partner6.png')}}" alt="partner6"></a>
                       </div>
                       
                       <div class="item">
                           <a href="#"><img src="{{asset('img/partner7.png')}}" alt="partner7"></a>
                       </div>
                   </div>
               </div>
           </div>
       </section-->
       <!-- End Partner Area -->
       


@stop