@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 , 7722 8151, 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=!1m18!1m12!1m3!1d3609.7808380967904!2d51.5732749!3d25.2106124!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e45c5b44fe0566b%3A0x7a4e8c716fe288fa!2sQatar Karate!5e0!3m2!1sen!2sqa!4v1686817388838!5m2!1sen!2sqa" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
  </div>



@endsection