@extends('layout.container')

@section('title', 'Our Contact Details')

@section('meta_tags', env('APP_NAME').' News Articles')

@section('meta_description', 'News from '.env('APP_NAME'))

@section('header_css')
@endsection

@section('header_js')
  <script src='https://www.google.com/recaptcha/api.js'></script>
@endsection

@section('content')
<!-- breadcrumb wrapper Start -->
<div class="breadcrumb-banner-wrapper">
  <div class="container">
    <div class="row">
      <div class="col-sm-12">
        <div class="breadcrumb-text">
          <h1 class="text-center">contact US</h1>
          <div class="breadcrumb-bar">
            <ul class="breadcrumb text-center">
              <li><a href="{{route('home')}}">Home</a></li>
              
              <li>contact US</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- breadcrumb wrapper End --> 

<!-- Inner page wrapper start -->
<div class="inner-page-wrapper contact-wrapper">
  <div class="container">
    <div class="row">
      <div class="container">
       
        
        <div class="row" style="margin-bottom:10px">
          <div class="col-md-8">
            <div class="well">
           <h3>Write To Us</h3>
            <form method="post" action="{{route('feedback')}}">
              <div class="row">
                <div class="col-sm-4">
                  <div class="form-group">
                   
                     <input type="text" name="fname" class="form-control form-item" value="" placeholder="Full Name" required>
                  </div>
                </div>
                <div class="col-sm-4">
                  <div class="form-group">
                   
                     <input type="text" name="phone" class="form-control form-item" value="" placeholder="Phone" required>
                  </div>
                </div>
                <div class="col-sm-4">
                  <div class="form-group">
                    
                    <input type="email" name="email" class="form-control form-item" value="" placeholder="Email" required>
                  </div>
                </div>
                
                <div class="col-xs-12">
                  <div class="form-group">
                   
                     <textarea name="message" rows="2" class="form-control form-item" placeholder="Message"></textarea>
                  </div>
                </div>
                <div class="col-xs-12">
                  <div class="form-group">
                   
                     <div class="g-recaptcha" data-sitekey="{{env('RECAPTCHA_SITE_KEY')}}"></div>
                  </div>
                </div>
                <div class="col-xs-12">
                   <button type="submit" class="btn btn-1">Send Message</button>
                </div>
              </div>
            </form>
        </div>
          </div>
          <div class="col-md-4">

<div id="">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3531.762535430835!2d85.2935780145478!3d27.724617231340815!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb18eba8dd2957%3A0x14e3bb62537cb18!2sNational+Kidney+Center!5e0!3m2!1sen!2snp!4v1505887981043" width="100%" height="415" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
          </div>
          
          <div class="clear">  </div>
          
          
    
         
        </div>
        <div class="row">
        <div class="col-sm-6 col-md-4">
            <div class="well">
          <h3>{{$addresses[0]->title}}</h3>
            <div class="address">
              <div class="contact-box m-bot-20">
                <div class="img"><i class="fa fa-map-marker" aria-hidden="true"></i></div>
                  <div class="text">
                    <h3>Address</h3>
                    {{$addresses[0]->address}}
                  </div>
              </div>
              <div class="contact-box m-bot-20">
                <div class="img"><i class="fa fa-phone" aria-hidden="true"></i></div>
                <div class="text">
                  <h3>Call Us</h3>
                  Mobile: 
                                    <a href="tel:{{trim($phones[$i])}}">{{trim($phones[$i])}}</a>                </div>
              </div>
              <div class="contact-box">
                <div class="img mail-i"><i class="fa fa-envelope" aria-hidden="true"></i></div>
                <div class="text">
                  <h3>EMAIL US</h3>
                  <a href="mailto:{{$addresses[0]->email}}">{{$addresses[0]->email}}</a> </div>
              </div>
              
            </div>
        </div>
          </div>
                  </div>
        <div class="clearfix"></div>
   
        <!-- google map start -->
         
<!-- google map end --> 
      </div>
    </div>
  </div>
</div>
<!-- Inner page wrapper end --> 






@endsection

@section('footer_js')
@endsection