@extends('web.layouts.master')

@section('content')
    <!--BreadCrumb-->
    <section id="breadcrumb">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="banner-content-inner">
              <h1>Contact Us</h1>
              <p><a href="{{route('contact')}}">Home</a> / Contact Us</p>
            </div>
          </div>
        </div>
      </div>
    </section>


    <!--Inner Div Box-->
    <section id="inner-div-box">
      <div class="container">
        <div class="row">
          <div class="col-lg-4 col-sm-6">
            <div class="contact-boxx">
              <div class="contact-info">
                <i class="fa-solid fa-phone-volume"></i>
                <h3>Phone Number</h3>
                <p>08000096080</p>
                <p>9876543210</p>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-sm-6">
            <div class="contact-boxx">
              <div class="contact-info">
                <i class="fa-solid fa-envelope"></i>
                <h3>Email Address</h3>
                <p>noreply@lunarides.co.uk</p>
                <p>contact-us@lunarides.co.uk</p>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-sm-6">
            <div class="contact-boxx">
              <div class="contact-info">
                <i class="fa-solid fa-location-dot"></i>
                <h3>Office Location</h3>
                <p>31 High Street, The High Street Corby, Northamptonshire NN17 1UU, England</p>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-7 col-sm-7">
            <div class="form-boxx">
              <div class="form-boxx-title">
                <h3>Get In Touch</h3>
              </div>
              @if(Session::has('success'))
                  <p class="alert alert-success">{{ Session::get('success') }}</p>
            @endif
            @if($errors->any())
                @foreach($errors->getMessages() as $this_error)
                    <p style="color: red;">{{$this_error[0]}}</p>
              @endforeach
            @endif 
<!-- @if(Session::has('error'))
    <p class="alert alert-danger">{{Session::get('error')}}</p>
@endif -->
              <!-- <form class="row g-3"> -->
              {!! Form::open(['route' => 'send-contact-mail', 'method' => 'post', 'id' => 'ajax-submit', 'files' => 'true','class' => 'row g-3']) !!}
                <div class="col-12">
                  <label for="inputAddress" class="form-label">Full Name</label>
                  <input type="text" class="form-control" name="full_name" id="inputAddress" value="{{old('full_name')}}" placeholder="John Doe" required>
                </div>
                <div class="col-md-6">
                  <label for="inputEmail4" class="form-label">Email Address</label>
                  <input type="text" class="form-control" id="inputEmail4" name="email" placeholder="johndoe@gmail.com" required>
                </div>
                <div class="col-md-6">
                  <label for="inputPassword4" class="form-label">Mobile Number</label>
                  <input type="text" class="form-control" id="inputPassword4" name="mobile_number" placeholder="+123456789" required>
                </div>
                <div class="col-12">
                  <label for="inputAddress2" class="form-label">Message</label>
                  <textarea rows="5" class="form-control" placeholder="Message" name="message" required></textarea>
                </div>
                <div class="col-12">
                  <div class="read-more read-more-btn">
                  <input type="submit" name="time" class="btn btn-primary submitbtn">
                  </div>
                </div>
                <!-- <input type="submit" name="time" class="btn btn-primary"> -->
                                    {!! Form::close() !!}
            </div>
          </div>
          <div class="col-lg-5 col-sm-5">
            <div class="map-location">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2429.364195275273!2d-0.6859852846508584!3d52.49064674615726!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48779b7e38102d79%3A0xf4f623a4d52f5d3d!2s31%20High%20St%2C%20Corby%20NN17%201UX%2C%20UK!5e0!3m2!1sen!2sin!4v1679140494209!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
          </div>
        </div>
      </div>
    </section>

@endsection