@include('layouts.header')
      <!-- banner section start -->


    <section class="apply-now-section" >
<div class="video-slide">
        <div class="container">
             @include('layouts.session_message.success')
              @include('layouts.session_message.error')
              <br/>
            <div class="row">
                <div class="col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12">
                    <!-- video slide caption -->
                    <div class="video-slide-caption">
                        <h1 class="video-slide-caption-title">Our Services</h1>
                        <div class="career-page-desc-list">
                        <ul class="arrow list-unstyled">
                        <li style="color: #fff; font-size: 20px;">Home loan</li>
                        <li style="color: #fff; font-size: 20px;">Mortgage Loan</li>
                        <li style="color: #fff; font-size: 20px;">Unsecured Loan</li>
                        <li style="color: #fff; font-size: 20px;">MSME Loan</li>
                        <li style="color: #fff; font-size: 20px;">Start up Loan</li>
                        <li style="color: #fff; font-size: 20px;">Subsidy Schemes</li>
                        </ul>
                     </div>
                  
                </div>
              </div>
             
                    
                <!-- video slide caption -->
                <div class="col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12">
                  <div class="form-box-wt" data-aos="zoom-in">
                       <h4 class="apply-heading-txt">APPLY FOR INSTANT LOAN</h4>
                  <form action="{{ url('apply-now') }}" method="post" id="apply_now">
                        @csrf
                            <div class="form-row">
                              <div class="form-group col-md-12">
                                  
                                    <select class="form-select" data-rule-required="true" id="service" name="service" data-msg-required="Please select services">
                                     <option value="">Select services</option>
                                        <option value="1">Home loan</option>
                                        <option value="2">Mortgage Loan</option>
                                        <option value="3">Unsecured Loan</option>
                                        <option value="4">MSME Loan</option>
                                        <option value="5">Start up Loan</option>
                                        <option value="6">Subsidy Schemes</option>
                                      </select>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="name" class="color-filed">Name</label>
                                    <input type="text" name="name" placeholder="Name" class="form-control" id="name" data-rule-required="true" data-msg-required="Please enter name">
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="phone" class="color-filed">Mobile no</label>
                                    <input type="text" name="phone" class="form-control" id="phone" placeholder="Mobile no" data-rule-required="true" data-msg-required="Please enter mobile no">
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="email" class="color-filed">Email</label>
                                    <input type="email" name="email" class="form-control" id="email" placeholder="Email" data-rule-required="true" data-msg-required="Please enter email">
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="subject" class="color-filed">Loan Amount</label>
                                    <input type="text" name="loan_amount" class="form-control" id="loan_amount" placeholder="Loan Amount" data-rule-required="true" data-msg-required="Please enter loan amount">
                                </div>
                              <div class="form-group col-md-12">
                                    <label for="subject" class="color-filed">Address</label>
                                    <textarea class="form-control" name="address" id="address" rows="2" placeholder="Address" data-rule-required="true" data-msg-required="Please enter address"></textarea>
                                </div>
                                <div class="form-group form-check">
    <input type="checkbox" class="form-check-input" id="exampleCheck1" name="exampleCheck1"  data-rule-required="true" data-msg-required="Please select privacy policy" value="yes">
    <label class="form-check-label" for="exampleCheck1"  style="color: #fff">I accept the <a href="{{ url('terms-of-use') }}">terms of use</a> & <a href="{{ url('privacy-policy') }}">privacy policy </a></label><br/>
    <span for="exampleCheck1" class="error_validate"></span>
  </div>




                                <div class="col-md-12" style="display: flex;justify-content: center;">
                                  <input type="submit" value="Submit" class="btn submit-bbbt">
                                 </div>
                            </div>
                           
                        </form>
                      </div>
                </div>
            </div>
        </div>
    </div>
    </section>
          <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
         integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
         crossorigin="anonymous"></script>
        <script src="{{ asset
        ('public/asset/js/jquery.validate.min.js') }}"></script>
     <script>
          $('#apply_now').validate({
          ignore: [],
          onfocusout: function(element) {
          this.element(element);
          },
          errorClass: 'error_validate',
          errorElement:'span',
          highlight: function(element, errorClass) {
          $(element).removeClass(errorClass);

          },
          submitHandler:function(form)
          {
      
         $('#page_sub_btn').prop("disabled", true);
         form.submit();
          }
      });
         
      </script>
     @include('layouts.footer')