@extends('layouts.users')
@section('title','Contact')
@section('content')
  <!-- single-page-banner start -->
  <section class="single-page-banner">
    <div class="single-banner-content-area">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="single-banner-content">
              <h2 class="single-banner-title">Contact us</h2>
              <ul class="page-list">
                  <li><a href="/">Home</a></li>
                  <li>Contact page</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- single-page-banner end  -->

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

     
  <section class="contact-section section-padding">
    <div class="container">
      <div class="row">
        <div class="col-lg-8 col-md-6">
          <div class="contact-form-area">
             @if(Session::has('status'))
<p class="alert alert-info">{{ Session::get('status') }}</p>
@endif
            <h2 class="contact-form-title">We Love to Hear From You</h2>
            <p>Please call or email contact form and we will be happy to assist you.</p>
            <form class="contact-from" action="{{url('mail/send')}}" method="post">
              {{ csrf_field() }}
              <div class="frm-group">
                <input type="text" name="name" id="contact-name" placeholder="Full Name">
              </div>
              <div class="frm-group">
                <input type="numbee" name="number" id="contact-email" placeholder="Mobile Number">
              </div>
     
              <div class="frm-group">
                <input type="email" name="email" id="contact-email" placeholder="Email">
              </div>
              <div class="frm-group">
                <textarea name="message" id="contact-message" placeholder="Comments"></textarea>
              </div>
              <div class="frm-group">
                <input type="submit" value="submit now">
              </div>
            </form>
          </div>
        </div>
        <div class="col-lg-4 col-md-6">
          <div class="contact-address-block">
            <span>Our Offices</span>
            <h4 class="contact-address-title">Contact Info</h4>
            {{-- <p>There are many variations of passages of an Lorem Ipsum available but the majority have suffered alteration.</p> --}}
            <ul class="address-items-list">
              <li class="address-single-item">
                <div class="address-icon">
                  <i class="fa fa-map-marker"></i>
                </div>
                <div class="address-content">
                  <h5>Find Us</h5>
                  <p>Doha, Qatar</p>
                </div>
              </li><!-- address-single-item end -->
              <li class="address-single-item">
                <div class="address-icon">
                  <i class="fa fa-phone"></i>
                </div>
                <div class="address-content">
                  <h5>Call Us</h5>
                  <p>3322 1762 , 5535 7882, 300557490</p>
                </div>
              </li><!-- address-single-item end -->
              <li class="address-single-item">
                <div class="address-icon">
                  <i class="fa fa-envelope-o"></i>
                </div>
                <div class="address-content">
                  <h5>Mail Us</h5>
                  <p>info@karateqatar.com</p>
                </div>
              </li><!-- address-single-item end -->
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- contact-section end -->

  <div class="contact-map">
      <iframe src="https://www.google.com/maps/embed?pb=!1m26!1m12!1m3!1d38595.1535816854!2d75.80638104384315!3d11.26352368093135!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m11!3e6!4m3!3m2!1d11.2648192!2d75.80057599999999!4m5!1s0x3ba6591e3c33ce5d%3A0xb9d4b2c79532e85d!2srisbuzz!3m2!1d11.2654277!2d75.7871182!5e0!3m2!1sen!2sin!4v1558086469364!5m2!1sen!2sin" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
  </div>
  

  
@endsection