@extends('layouts.app')
@section('title')
<title>  Contact Us - Sanlive Pharmacy  </title>
@endsection
@section('head')
<link rel="canonical" href="{{ url()->current() }}">
@endsection

@section('styles')
   <style>
    .bg{
      color:whitesmoke !important;
 background-color:rgb(40, 85, 74);
}

  .tx{
    color: whitesmoke !important;
  }
  </style>
@endsection
@section('content')

<section class="google-map py-0">
    <iframe frameborder="0" height="500" width="100%"
      src="https://maps.google.com/maps?q=Suite%20100%20San%20Francisco%2C%20LA%2094107%20United%20States&amp;t=m&amp;z=10&amp;output=embed&amp;iwloc=near"></iframe>
  </section><!-- /.GoogleMap -->

  @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

 @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
  <!-- ==========================
      contact layout 1
  =========================== -->
  <section class="contact-layout1 pt-0 mt--100">
    <div class="container">
      <div class="row">
        <div class="col-12">
          <div class="contact-panel d-flex flex-wrap">
            <form class="contact-panel__form" method="post" action="{{ route('contact.submit') }}" >
              @csrf
              <div class="row">
                <div class="col-sm-12">
                  <h4 class="contact-panel__title">How Can We Help? </h4>
                  <p class="contact-panel__desc mb-30">Please feel welcome to contact our friendly reception staff
                    with any general enquiry. Our professional will receive or return any urgent calls.
                  </p>
                </div>
                <div class="col-sm-6 col-md-6 col-lg-6">
                  <div class="form-group">
                    <i class="icon-user form-group-icon"></i>
                    <input type="text" class="form-control" placeholder="Name" name="name"
                      required>
                  </div>
                </div><!-- /.col-lg-6 -->
                <div class="col-sm-6 col-md-6 col-lg-6">
                  <div class="form-group">
                    <i class="icon-email form-group-icon"></i>
                    <input type="email" class="form-control" placeholder="Email"
                      name="email" required>
                  </div>
                </div><!-- /.col-lg-6 -->
                <div class="col-sm-6 col-md-6 col-lg-6">
                  <div class="form-group">
                    <i class="icon-phone form-group-icon"></i>
                    <input type="text" class="form-control" placeholder="Phone" 
                      name="phone" required>
                  </div>
                </div><!-- /.col-lg-6 -->
                {{-- <div class="col-sm-6 col-md-6 col-lg-6">
                  <div class="form-group">
                    <i class="icon-news form-group-icon"></i>
                    <select class="form-control">
                      <option value="0">Subject</option>
                      <option value="1">Subject 1</option>
                      <option value="2">Subject 1</option>
                    </select>
                  </div>
                </div><!-- /.col-lg-6 --> --}}
                <div class="col-12">
                  <div class="form-group">
                    <i class="icon-alert form-group-icon"></i>
                    <textarea class="form-control" placeholder="Message" 
                      name="message"></textarea>
                  </div>
                  <button type="submit" class="btn btn__secondary  bg" style="border-radius:20px">
                    <span>Send</span>
                  </button>
                  <div class="contact-result"></div>
                </div><!-- /.col-lg-12 -->
              </div><!-- /.row -->
            </form>
            <div
              class=" bg contact-panel__info d-flex flex-column justify-content-between bg-overlay bg-overlay-primary-gradient bg">
              {{-- <div class="bg-img"><img src="{{ asset('frontend/images/banners/1.jpg') }}" alt="banner"></div> --}}
              <div>
                <h4 class="contact-panel__title color-white">Quick Contacts</h4>
                <p class="contact-panel__desc font-weight-bold color-white mb-30">Please feel free to contact our
                  friendly staff with any medical enquiry.
                </p>
              </div>
              <div>
                <ul class="contact__list list-unstyled mb-30">
                  <li>
                    <i class="icon-phone"></i><a href="tel:+5565454117">Emergency Line: <span>{{$settings->site_phone}}</span></a>
                  </li>
                  <li>
                    <i class="icon-location"></i><a href="#">Location: <span>{{$settings->address}}</span></a>
                  </li>
                  <li>
                    <i class="icon-clock"></i><a href="contact-us.html">Mon - Fri: 8:00 am - 7:00 pm</a>
                  </li>
                </ul>
                {{-- <a href="#" class="btn btn__white btn__rounded btn__outlined">Contact Us</a> --}}
              </div>
            </div>
          </div>
        </div><!-- /.col-lg-6 -->
      </div><!-- /.row -->
    </div><!-- /.container -->
  </section><!-- /.contact layout 1 -->
@endsection