@include ('header')
              <!-- Breadcrumb Section -->
              
              <section class="breadCrumArea">
                  
                  <div class="inside_header">
                      <img style="width: auto;" src="new_image/inside-headers/contact.webp">
                  </div>
                  <div >
                  <div class="container" >
                      <div class="row">
                          <div class="col-lg-12 col-sm-12 col-xs-12 text-center">
                             <!-- <h1 class="wow fadeInUp" data-wow-duration="700ms" data-wow-delay="300ms">about <span>us</span></h1> -->
                              <ul class="breadLink wow fadeInUp" data-wow-duration="700ms" data-wow-delay="350ms">
                                  <li><a href="/">Home</a><span>|</span></li>
                                  <li><a href="/request-a-quote">Request a Quote</a> </li>
                              </ul>
                          </div>
                      </div>
                  </div>
              </div>
              </section>
                  <div class="it-services">
                   
              <!-- Contact Section -->
              <section class="contactArea commonSection">
                  <div class="container">
                      <div class="row">
                          <div class="col-lg-6 col-lg-offset-3 col-sm-12 col-xs-12 text-center">
                              
                                  <h1>Request <span>a Quote</span></h1><br><br>
                                  
                                    @if (session('success'))
                                      <div class="alert alert-success">
                                        {{ session('success') }}
                                      </div>
                                    @endif
                                    <div style=" font-size: 150%;color: orange; margin-top: 5px;" id="test" >
                                    </div><br>

                                      <form action="/callmeaction" method="POST" id="myForm" enctype="multipart/form-data" name="myForm">
                                        <input type="hidden" name="_token" value="{{ csrf_token() }}" />

                                        <div class="form-group">
                                          
                                          <input type="text" class="form-control" placeholder="Enter Name" name="name" id="name" maxlength="20" value="{{ old('name') }}" required>
                                        </div>
                                        <!-- <div class="form-group">
                                          <input type="tel" class="form-control" placeholder="Enter Mobile No" maxlength="10" name="phone" id="phone" pattern="\d{10}" value="{{ old('phone') }}" required>
                                        </div> -->

                                        <div class="form-group">
                                          
                                          <input type="email" class="form-control" id="email" placeholder="Enter email" name="email" value="{{ old('email') }}" required>
                                        </div>

                                        <div class="form-group">
                                          <select class="form-control" name="service" id="service" required>
                                            <option value="">Select Service</option>
                                            <option value="IT Consulting">IT Consulting</option>
                                            <option value="Contract Hiring">Contract Hiring</option>
                                            <option value="Cloud Application">Cloud Application</option>
                                            <option value="Custom Web Application">Custom Web Application</option>
                                            <option value="SEO">SEO</option>
                                            <option value="Pay Per Click">Pay Per Click</option><option value="Web Analytics">Web Analytics</option>
                                            <option value="Iphone Development">Iphone Development</option>
                                            <option value="Android Development">Android Development</option>
                                            <option value="Windows Development">Windows Development</option>
                                            <option value="Web Redesign">Web Redesign</option>
                                            <option value="Web Maintenance">Web Maintenance</option><option value="Open Source Ecommerce">Open Source Ecommerce</option>
                                            <option value="Custom Ecommerce">Custom Ecommerce</option>
                                            <option value="Ecommerce Management">Ecommerce Management</option>
                                          </select>
                                        </div>

                                        <div class="form-group">
                                          
                                          <textarea class="form-control" rows="5" name="question" id="question" placeholder="Please describe business needs" required>{{ old('question') }}</textarea>

                                        </div>
                                        <div class="g-recaptcha" data-sitekey="6LfwGMQZAAAAALYlo7jM1yMwbgiE4OWMBuLf1mKQ"></div><br>
                                        <button type="submit" class="btn btn-default" >Submit</button>
                                      </form>
                                                
     
                              
                          </div>
                      </div>
                  </div>
              </section>
              <!-- Subscribe Section -->
          
            

  <script>
    $("#myForm").submit(function(event) {
        var recaptcha = $("#g-recaptcha-response").val();
        if (recaptcha === "") {
          document.getElementById("test").innerHTML = "Invalid Captcha" ;
         return false;
          // alert("Please check the recaptcha");

       }
    });
    
     function validateForm() 
  {
    // var x = document.forms["myForm"]["name"].value;
    // if (x == "") {
    //     alert("Please enter your name");
    //     return false;
    // }
    var x = document.forms["myForm"]["name"].value;

    if (x == "") 
    {
      document.getElementById("name_err").innerHTML = "Enter valid Name" ;
      return false;
    }
    else
    {
      document.getElementById("name_err").innerHTML = "" ;
    }

    // var letters = /^[a-zA-Z\'\/]+$/;

    // if(!x.match(letters))  
    // {  
    //   document.getElementById("name_err").innerHTML = "Invalid Name";  
    //   return false;   
    // }  
    // else
    // {
    //   document.getElementById("name_err").innerHTML = "";
    // }


    var y = document.forms["myForm"]["phone"].value;
    // if (y == "") {
    //     alert("Please enter your mobile number");
    //     return false;
    // }
    if (y == "") 
    {
      document.getElementById("mobile_err").innerHTML = "Enter valid Mobile No" ;
      return false;
    }
    else
    {
      document.getElementById("mobile_err").innerHTML = "" ;
    }
    var numbers =/^[0-9]+$/;
    if (!y.match(numbers)) 
    {
      document.getElementById("mobile_err").innerHTML = "Invalid Mobile No";  
      return false;   
    }  
    else
    {
      document.getElementById("mobile_err").innerHTML = "";
    }


    var email = document.forms["myForm"]["email"].value;

    // if (email == "") 
    // {
    //     alert("Please enter your email");
    //     return false;
    // } 
    if (email == "") 
    {
      document.getElementById("email_err").innerHTML = "Enter valid Email" ;
      return false;
    }
    else
    {
      document.getElementById("email_err").innerHTML = "" ;
    }
    var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    if(!email.match(re))  
    {  
      document.getElementById("email_err").innerHTML = "Invalid Email Id";  
      return false;   
    }  
    else
    {
      document.getElementById("email_err").innerHTML = "";
    }

    var z = document.forms["myForm"]["question"].value;
    // if (z == "") {
    //     alert("Please enter your Question");
    //     return false;
    // }
    if (z == "") 
    {
      document.getElementById("question_err").innerHTML = "Enter valid Queries" ;
      return false;
    }
    else
    {
      document.getElementById("question_err").innerHTML = "" ;
    }
  
  }

  </script>

    <!-- Footer Section -->
              @include ('footer')