@extends('layouts.master')

@section('content')
<script src='https://www.google.com/recaptcha/api.js'></script>
<main role="main" id="casestudy" >

      <section class="jumbotron text-center bg-header">
        <div class="container">
         <h3 class="display-4 text-light">Got <b>a question?</b></h3>
          <p class="lead text-light">We'd love to talk about how we can help you.
</p>
        
        </div>
      </section>

<div class="col-lg-12">
  <?php
  if (isset($_REQUEST['success'])) 
  { 
    $success=$_REQUEST['success'];
    if($success)
    {
      ?>
        <div class="alert alert-success">
  <strong>Thank you for contacting Raintels Technologies!</strong> We will get back to you soon.
</div>
      <?php 
    }
  }
  ?>
</div>
<div class="pt-5 pb-5 mb-2" id="content-14">
      
      <div class="container">
        <div class="row ">
    
      <div class="col-lg-6 mb-9 mb-lg-0 order-lg-1">
          
        
        <div class="mt-4">
            
        <h3 class="mb-4">
              Want to talk <span class="text-primary">in person</span>?<br> Call us or visit us
            </h3>
            </div>
        
         <div class="row pt-1">

          
              <div class="col-md-6 col-lg-5">
                
            
                <h6>
                  Location:
                </h6>
                
                
                <p class="small mb-0">
                  Raintels Technologies Pvt. Ltd.<br>

Sharon, Plamood
Trivandrum, Kerala, India - 695003

                </p>

                <h6>
                  Email:
                </h6>
                
                
                <p class="text-muted">
                  <a href="mailto:solutions@raintels.com">
                    solutions@raintels.com
                  </a>
                </p>

              </div>
              <div class="col-md-6 col-lg-5">

              
                <h6>
                  Call us:
                </h6>
                
              
                <p class="text-muted py-3">
                  <a href="tel:+919746821592">
                    (+91) 9746-821592
                  </a>
                </p>

          
                <h6>
                  Skype:
                </h6>
                
            
                <p class="text-muted">
                  <a href="tel:1234567890">
                    raintels
                  </a>
                </p>

              </div>
            

          </div>
        </div>
          <div class="col-lg-6 order-lg-2">
      
      
      
            <form class="needs-validation" novalidate action="contactpost" method="post">

               <!-- CSRF Token -->
        <input type="hidden" name="_token" value="{{csrf_token()}}">
        
        <div class="mb-7">
            <h2 class="text-primary font-weight-normal">
              <span class="font-weight-bold">Tell us</span>
              
              about yourself
            </h2>
            <p>Whether you have questions or you would just like to say hello, contact us.</p>
      
          </div>
      <hr>
    <div class="form-group">
         <label class="h6 small d-block text-uppercase">Name:<span class="text-danger">*</span> </label>
      <input type="text" class="form-control" id="validationCustom01" name="name" placeholder="Please enter your name"  required>
      <div class="valid-feedback">
        Looks good!
      </div>
     </div>
   
  


  <div class="form-row">
    <div class="col-md-6 mb-3">
     <label class="h6 small d-block text-uppercase"> EMAIL ADDRESS <span class="text-danger">*</span> </label>
      <input type="email" class="form-control" id="email" name="email" required  placeholder="your email address" >
      <div class="valid-feedback">
        Looks good!
      </div>
     <div class="invalid-feedback">
        Please enter your email address
      </div>
    </div>
    <div class="col-md-6 mb-3">
   
     <label class="h6 small d-block text-uppercase"> PHONE <span class="text-danger">*</span> </label>
      <input type="number" class="form-control" id="validationCustom02" placeholder="Phone number" name="phone"   required>
      <div class="valid-feedback">
        Looks good!
      </div>
    </div>
  
  </div>
   

   <div class="form-group">

   <label class="h6 small d-block text-uppercase"> COMPANY <span class="text-danger"></span> </label>
    <input type="text" class="form-control" id="inputAddress" placeholder="Company Name" name="company">
  </div>
<div class="form-group">
 <label class="h6 small d-block text-uppercase"> TYPE OF INQUIRY<span class="text-danger">*</span> </label>
    <select class="custom-select" required name="typeofenq">
     
    <option value="I have a project I'd like to discuss" data-map-key="project">I have a project I'd like to discuss</option>
    <option value="I'm interested in a partnership" data-map-key="partnership">I'm interested in a partnership</option>

  <option value="Something Else" data-map-key="other">Something Else</option>
    </select>
    <div class="invalid-feedback">Example invalid custom select feedback</div>
  </div>
  
   <div class="form-group">

   <label class="h6 small d-block text-uppercase"> TELL US MORE ABOUT YOUR REQUIREMENT<span class="text-danger">*</span> </label>
   
  <textarea rows="6" name="tellusabout" id="message2" class="form-control" placeholder="Tell us about..."  required></textarea>
  </div>

<div class="form-group">
 <label class="h6 small d-block text-uppercase"> How'd You Hear About Us?  </label>
 
    <select class="custom-select" name="hearus">
<option value=""> None  </option>

<option value="Google">Google</option>
<option value="Referral">Referral / Word of Mouth</option>
<option value="Clutch.co">Clutch.co</option>
<option value="Drinks On Tap">Drinks On Tap</option>
<option value="Twitter">Twitter</option>
<option value="Conference">Conference</option>
<option value="Webinar">Webinar</option>
<option value="Google Agency Program">Google Agency Program</option>
<option value="Other">Other</option>
</select>
    <div class="invalid-feedback">Example invalid custom select feedback</div>
  </div>
<div class="g-recaptcha" data-sitekey="6LeN9F0UAAAAADRPe2Y5eE6QU5MvJliO3x2ajRIK"></div>
  <button class="btn btn-primary" type="submit">Send message  <i class="far fa-envelope"></i></button>
</form>

<script>
// Example starter JavaScript for disabling form submissions if there are invalid fields
(function() {
  'use strict';
  window.addEventListener('load', function() {
    // Fetch all the forms we want to apply custom Bootstrap validation styles to
    var forms = document.getElementsByClassName('needs-validation');
    // Loop over them and prevent submission
    var validation = Array.prototype.filter.call(forms, function(form) {
      form.addEventListener('submit', function(event) {
        if (form.checkValidity() === false) {
          event.preventDefault();
          event.stopPropagation();
        }
        form.classList.add('was-validated');
      }, false);
    });
  }, false);
})();
</script>
          </div>
          
        </div>
      </div>
   </div>
   
    </main>
  
@endsection