@extends('frontend.layout')
@section('content')
  <style>

.banner_bg_main{
/* background:none; */
background-size:cover;
object-fit:cover;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    float: left;
  background-image: url('https://img.freepik.com/free-photo/happy-couple-using-s-digital-tablet-shopping-mall_329181-1750.jpg?w=740&t=st=1669289270~exp=1669289870~hmac=f42d574ac7833b7c30533adcdb42368bccce0a3591fb96cb37a216fda8118698') !important;
	/* background-image: url('{{asset('assets/backend/images/t1.jpg')}}'); */

}

    label.error.fail-alert {
border: 2px solid red;
border-radius: 4px;
line-height: 1;
padding: 2px 0 6px 6px;
background: #ffe6eb;
}
input.valid.success-alert {
border: 2px solid #4CAF50;
color: green;
}
.fashion_taital {
  width: 100%;
  font-size: 30px;
  color: #30302e;
  text-align: center;
  font-weight: bold;
}

body{
    background:#eee;
}

.card {
    box-shadow: 0 20px 27px 0 rgb(0 0 0 / 5%);
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 1rem;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem 1.5rem;
}
#submit_mob{
  display:none;
}
#submit_web{
  display:block;
}
@media screen and (max-width: 640px){
  #submit_mob{
  display:block;
}
#submit_web{
  display:none;
}

}

label {
  padding: 4px 6px;
  line-height: 190%;
  outline-style: none;
  transition: all .6s;
}

.hiddenCB div {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hiddenCB input[type="checkbox"],
.hiddenCB input[type="radio"] {
  display: none;
  
}

.hiddenCB label {
  
  cursor: pointer;
  
}

.hiddenCB input[type="checkbox"]+label:hover{
  /* background: rgba(0, 128, 128, .8); */
  /* background-color: #30302e; */
  background: rgb(48, 48, 46.8);
  /* color:white; */
}

.hiddenCB input[type="checkbox"]:checked+label {
  /* background: rgba(0, 128, 128, .4); */
  background: rgb(48, 48, 46.4);
   color:white;
}

.hiddenCB input[type="checkbox"]:checked+label:hover{
  /* background: rgba(0, 128, 128, 0, .7); */
  background: rgb(48, 48, 46.7);
  /* background-color: #f26522;; */
}

.box_main{height:430px !important;}


.btn_disabled
        {
            background: none repeat scroll 0 0 burlyWood !important;
            cursor: default !important;
        }






        @import url('https://fonts.googleapis.com/css?family=Montserrat');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h1 {
  text-align: center;
  margin: 2rem 0;
  font-size: 2.5rem;
}

.accordion {
  width: 90%;
  max-width: 1000px;
  margin: 2rem auto;
}
.accordion-item {
  background-color: #fff;
  color: #111;
  margin: 1rem 0;
  border-radius: 0.5rem;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
}
.accordion-item-header {
  padding: 0.5rem 3rem 0.5rem 1rem;
  min-height: 3.5rem;
  line-height: 1.25rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.accordion-item-header::after {
  content: "\002B";
  font-size: 2rem;
  position: absolute;
  right: 1rem;
}
.accordion-item-header.active::after {
  content: "\2212";
}
.accordion-item-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.accordion-item-body-content {
  padding: 1rem;
  line-height: 1.5rem;
  border-top: 1px solid;
  border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}

@media(max-width:767px) {
  html {
    font-size: 14px;
  }
}
        
</style>

  <!-- banner section start -->
  
  <div class="banner_section layout_padding">
            <div class="container">
               <div id="my_slider" class="carousel slide" data-ride="carousel">
                  <div class="carousel-inner">
                     <div class="carousel-item active">
                        <div class="row">
                           <div class="col-sm-12">
                              <h1 class="banner_taital">Get Start <br>Earn More , Smile More</h1>
                              <div class="buynow_bt"><a href="#">GET STARTED</a></div>
                           </div>
                        </div>
                     </div>
                     <div class="carousel-item">
                        <div class="row">
                           <div class="col-sm-12">
                           <h1 class="banner_taital"> Your<br> Complete Shopping Solution</h1>
                            <div class="buynow_bt"><a href="#">GET STARTED</a></div>
                           </div>
                        </div>
                     </div>
                     <div class="carousel-item">
                        <div class="row">
                           <div class="col-sm-12">
                           <h1 class="banner_taital">Get Start <br>Shop on Aman</h1>

                            <div class="buynow_bt"><a href="#">GET STARTED</a></div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <a class="carousel-control-prev" href="#my_slider" role="button" data-slide="prev">
                  <i class="fa fa-angle-left"></i>
                  </a>
                  <a class="carousel-control-next" href="#my_slider" role="button" data-slide="next">
                  <i class="fa fa-angle-right"></i>
                  </a>
               </div>
            </div>
         </div>
         <!-- banner section end -->
      </div>
      <!-- banner bg main end -->
     
 <!-- fashion section start -->
 <div class="fashion_section">
         <div id="main_slider" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner">
               <div class="carousel-item active">
                  <div class="container">
                     <h1 class="fashion_taital" style="padding-top:20px;">our businesses</h1>
                     <div class="fashion_section_2">
                        <div class="row">
                           <div class="col-lg-4 col-sm-4">
                              <div class="box_main">
                                 <h4 class="shirt_text">Nabina Kitchen Factory</h4>
                                 <p class="price_text">Kitchen & Doors  <span style="color: #262626;"></span></p>
                                 <div class="tshirt_img"><img src="https://nabinagroup.com/wp-content/uploads/2021/11/Nabina-Lereve-Showroom-Kitchen11.jpg"></div>
                                 <!-- <div class="btn_main">
                                    <div class="buy_bt"><a href="#">Buy Now</a></div>
                                    <div class="seemore_bt"><a href="#">See More</a></div>
                                 </div> -->
                              </div>
                           </div>
                           <div class="col-lg-4 col-sm-4">
                              <div class="box_main">
                                 <h4 class="shirt_text">Nabina Building Materials</h4>
                                 <p class="price_text">Building Materials  <span style="color: #262626;"></span></p>
                                 <div class="tshirt_img"><img src="{{asset('assets/frontend/images/n_building.jpg')}}"></div>
                                 <!-- <div class="btn_main">
                                    <div class="buy_bt"><a href="#">Buy Now</a></div>
                                    <div class="seemore_bt"><a href="#">See More</a></div>
                                 </div> -->
                              </div>
                           </div>
                           <div class="col-lg-4 col-sm-4">
                              <div class="box_main">
                                 <h4 class="shirt_text">Nabina Marble Factory</h4>
                                 <p class="price_text">Solid Surface & Marble  <span style="color: #262626;"></span></p>
                                 <div class="tshirt_img"><img src="{{asset('assets/frontend/images/n_marble.jpg')}}"></div>
                                 <!-- <div class="btn_main">
                                    <div class="buy_bt"><a href="#">Buy Now</a></div>
                                    <div class="seemore_bt"><a href="#">See More</a></div>
                                 </div> -->
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="carousel-item">
                  <div class="container">
                     <h1 class="fashion_taital" style="padding-top:20px;">our businesses </h1>
                     <div class="fashion_section_2">
                        <div class="row">
                           <div class="col-lg-4 col-sm-4">
                              <div class="box_main">
                                 <h4 class="shirt_text">Nabina Contracting</h4>
                                 <p class="price_text">Real Estate Developer  <span style="color: #262626;"></span></p>
                                 <div class="tshirt_img" style="display:inline-block; "><img src="{{asset('assets/frontend/images/n_con.jpg')}}"></div>
                                 <!-- <div class="btn_main">
                                    <div class="buy_bt"><a href="#">Buy Now</a></div>
                                    <div class="seemore_bt"><a href="#">See More</a></div>
                                 </div> -->
                              </div>
                           </div>
                           <div class="col-lg-4 col-sm-4">
                              <div class="box_main">
                                 <h4 class="shirt_text">Nabina Real Estate</h4>
                                 <p class="price_text">Property Management  <span style="color: #262626;"></span></p>
                                 <div class="tshirt_img " style="display:inline-block;"><img src="{{asset('assets/frontend/images/n_real.jpg')}}"></div>
                                 <!-- <div class="btn_main">
                                    <div class="buy_bt"><a href="#">Buy Now</a></div>
                                    <div class="seemore_bt"><a href="#">See More</a></div>
                                 </div> -->
                              </div>
                           </div>
                           <div class="col-lg-4 col-sm-4" style="">
                              <div class="box_main">
                                 <h4 class="shirt_text">Nabina Auto Service Centre</h4>
                                 <p class="price_text">Vehicle Services  <span style="color: #262626;"></span></p>
                                 <div class="tshirt_img img-fluid" ><img style="height:207px;" src="{{asset('assets/frontend/images/n_auto.jpg')}}"></div>
                                 <!-- <div class="btn_main">
                                    <div class="buy_bt"><a href="#">Buy Now</a></div>
                                    <div class="seemore_bt"><a href="#">See More</a></div>
                                 </div> -->
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="carousel-item">
                  <div class="container">
                     <h1 class="fashion_taital">our businesses</h1>
                     <div class="fashion_section_2">
                        <div class="row">
                           <div class="col-lg-4 col-sm-4">
                              <div class="box_main" >
                                 <h4 class="shirt_text">Nabina Elevators & Escalators</h4>
                                 <p class="price_text">Elevators & Escalators <span style="color: #262626;"></span></p>
                                 <div class="tshirt_img" ><img src="{{asset('assets/frontend/images/n_ele.JPG')}}"></div>
                                 <!-- <div class="btn_main">
                                    <div class="buy_bt"><a href="#">Buy Now</a></div>
                                    <div class="seemore_bt"><a href="#">See More</a></div>
                                 </div> -->
                              </div>
                           </div>
                           <div class="col-lg-4 col-sm-4">
                              <div class="box_main" >
                                 <h4 class="shirt_text">Nabina Gallery</h4>
                                 <p class="price_text">Nabina Exclusive Gallery..!!  <span style="color: #262626;"></span></p>
                                 <div class="tshirt_img" ><img style="height:207px;width:310px;background-size:cover;" src="{{asset('assets/frontend/images/n_gallery.JPG')}}"></div>
                                 <!-- <div class="btn_main">
                                    <div class="buy_bt"><a href="#">Buy Now</a></div>
                                    <div class="seemore_bt"><a href="#">See More</a></div>
                                 </div> -->
                              </div>
                           </div>
                           <div class="col-lg-4 col-sm-4">
                              <div class="box_main">
                                 <h4 class="shirt_text">Nabina Contracting</h4>
                                 <p class="price_text">Real Estate Developer  <span style="color: #262626;"></span></p>
                                 <div class="tshirt_img" style="display:inline-block; "><img src="{{asset('assets/frontend/images/n_con.jpg')}}"></div>
                                 <!-- <div class="btn_main">
                                    <div class="buy_bt"><a href="#">Buy Now</a></div>
                                    <div class="seemore_bt"><a href="#">See More</a></div>
                                 </div> -->
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <a class="carousel-control-prev" href="#main_slider" role="button" data-slide="prev">
            <i class="fa fa-angle-left"></i>
            </a>
            <a class="carousel-control-next" href="#main_slider" role="button" data-slide="next">
            <i class="fa fa-angle-right"></i>
            </a>
         </div>
      </div>












      <h1>FAQ</h1>

<div class="accordion">
  <div class="accordion-item">
    <div class="accordion-item-header">
      What is Web Development?
    </div>
    <div class="accordion-item-body">
      <div class="accordion-item-body-content">





    
      @guest
      <div class="container-fluid" style="margin-top:-20px;margin-bottom:50px;">

<div class="container">
<h2><a id="cus_reg"></a></h2>
  <div class="d-flex justify-content-between align-items-lg-center py-3 flex-column flex-lg-row">
    <h2 class="fashion_taital">Customer Registration</h2>
   
  </div>
<!-- <form class="form-control" action="{{url('/user-registration')}}" method="post" ></form> -->
<form id="jquery-val-form" method="post" enctype="multipart/form-data" action="javascript:void(0)">

{{ csrf_field() }}
<!-- <input name="_token" type="hidden" value="{{ csrf_token() }}"> -->

<div class="row">

    <div class="col-lg-8">

      <div class="card mb-4">
        <div class="card-body">
          <h3 class="h6 mb-4">Basic information</h3>
          <!-- <span class="alert alert-success" ><h4></h4></span> -->
          <div class="alert alert-success" role="alert" id="dng">
  
          </div>
          <div class="row">
            <div class="col-lg-6">
              <div class="mb-3">
                <label class="form-label">Full name <span>(required, at least 3 characters)</span></label>
                <input name="name" required  placeholder="" type="text" class="form-control">
              </div>
            </div>
            <div class="col-lg-6">
              <div class="mb-3">
                <label class="form-label">Email <span>(required)</span></label>
                <input name="email" required type="email" class="form-control">
                <!-- <span class="text-danger error-text email_err"></span> -->

              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-lg-6">
              <div class="mb-3">
                <label class="form-label">Phone number</label>
                <input name="phone" type="text" class="form-control">
              </div>
            </div>
            <div class="col-lg-6">
              <div class="mb-3">
                <label class="form-label">Password</label>
                <input name="password" type="password" class="form-control">
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="card mb-4">
        <div class="card-body">
          <h3 class="h6 mb-4">Address</h3>
          <div class="mb-3">
            <label class="form-label">Address Line</label>
            <input name="address" type="text" class="form-control">
            <span class="text-danger error-text address_err"></span>

          </div>
        
          <div class="row">
           

            <div class="col-lg-6">
              <div class="mb-3">
                <label class="form-label">Building Number <span>(required)</span></label>
                <input name="building_number" required type="input" class="form-control" >
                <!-- <span class="text-danger error-text email_err"></span> -->

              </div>
            </div>

            <div class="col-lg-6">
              <div class="mb-3">
                <label class="form-label">Street <span>(required)</span></label>
                <input name="street" required type="input" class="form-control">
                <!-- <span class="text-danger error-text email_err"></span> -->

              </div>
            </div>

            <div class="col-lg-6">
              <div class="mb-3">
                <label class="form-label">Zone <span>(required)</span></label>
                <input name="zone" required type="input" class="form-control">
                <!-- <span class="text-danger error-text email_err"></span> -->

              </div>
            </div>
            <div class="col-lg-6">
              <div class="mb-3">
                <label class="form-label">City</label>
               
                <select required name="city_id" id="city_id" class="form-control">
                            <option value="">Select City</option>
                            @foreach ($cities as $data)
                            <option value="{{$data->id}}">
                                {{$data->name}}
                            </option>
                            @endforeach
                        </select>
              
               </div>
            </div>
           
          </div>
          <div class="row">
            <div class="col-lg-6">
            
            </div>
            
                <div class="col-lg-12">
                  <div class="hiddenCB">
                  <h6>Hobbies</h6>
                  <!-- <label class="form-label">Hobby(s) </label> -->

                  <div>
                    <input type="checkbox" name="hobby[]" value="Fashion" id="cb1" /><label for="cb1">Fashion</label>
                    <input type="checkbox" name="hobby[]" value="Sports" id="cb2" /><label for="cb2">Sports</label>
                    <input type="checkbox" name="hobby[]" value="Gadgets" id="cb3" /><label for="cb3">Gadgets</label>

                    <input type="checkbox" name="hobby[]" value="Blogging" id="cb1" /><label for="cb1">Blogging</label>
                    <input type="checkbox" name="hobby[]" value="Reading" id="cb2" /><label for="cb2">Reading</label>
                    <input type="checkbox" name="hobby[]" value="Short-Term Investing" id="cb3" /><label for="cb3">Short-Term Investing</label>
                    <input type="checkbox" name="hobby[]" value="Cooking" id="cb3" /><label for="cb3">Cooking</label>

                    <!-- <input type="checkbox" name="choice" id="cb4" /><label for="cb4">Choice D</label> -->

                  </div>
                </div>
              <div class="mb-3">
                <!-- <label class="form-label">ZIP code</label>
                <input type="text" class="form-control"> -->
                <h6 class=" form-label mb-0" style="color:grey">Program Rules</h6>
                <small>By confirming, you are agreeing our Program Rules.</small>
                <input  id="agree" name="rule" style="margin-left:10px;" class="form-check-input" type="checkbox" role="switch">

              </div>
              
              <div class="hstack gap-3" id="submit_web">
      <button class="btn btn-secondary btn-block btn-sm btn-icon-text"><i class="bi bi-save"></i> <span class="text">Register</span></button>
    </div>
            </div>
          </div>
        </div>
      </div>
    </div>
   
    <div class="col-lg-4">

 
      <div class="card mb-4">
        <div class="card-body">
          <h3 class="h6">QID NUMBER <span>(required)</span></h3>
          <input  name="qid_number"  class="form-control required" type="input" required>
        </div>
        <hr>
        <div class="card-body">
          <h3 class="h6">Upload QID <span></span></h3>
          <input name="qid_doc"  class="form-control" type="file">
          <span class="text-danger" id="file-input-error"></span>
        </div>
        <hr>
        <div class="card-body">
          <h3 class="h6">Date of Birth</h3>
          <input name="dob" class="form-control" type="date">
        </div>
        <div class="card-body" id="submit_mob">
        <div class="hstack gap-3">
          <button id="reg_btn" class="btn btn-secondary btn-block btn-sm btn-icon-text"><i class="bi bi-save"></i> <span class="text">Register</span></button>
        </div>
        </div>
       
        
      </div>
    
  

      
    </div>
  </div>
  </form>  
</div>

  </div>
   @endguest













    </div>
    </div>
  </div>
  <div class="accordion-item">
    <div class="accordion-item-header">
      What is HTML?
    </div>
    <div class="accordion-item-body">
      <div class="accordion-item-body-content">
        HTML, aka HyperText Markup Language, is the dominant markup language for creating websites and anything that can be viewed in a web browser.
      </div>
    </div>
  </div>
  <div class="accordion-item">
    <div class="accordion-item-header">
      What are some basic technical skills of a Front-End developer?
    </div>
    <div class="accordion-item-body">
      <div class="accordion-item-body-content">
        <ul style="padding-left: 1rem;">
          <li>HTML, CSS, JavaScript</li>
          <li>Frameworks (CSS and JavaScript frameworks)</li>
          <li>Responsive Design</li>
          <li>Version Control/Git</li>
          <li>Testing/Debugging</li>
          <li>Browser Developer Tools</li>
          <li>Web Performance</li>
          <li>SEO (Search Engine Optimization)</li>
          <!-- <li>CSS Preprocessing</li> -->
          <li>Command Line</li>
          <li>CMS (Content Management System)</li>
        </ul>
      </div>
    </div>
  </div>
  <div class="accordion-item">
    <div class="accordion-item-header">
      What is HTTP?
    </div>
    <div class="accordion-item-body">
      <div class="accordion-item-body-content">
        HTTP, aka HyperText Transfer Protocol, is the underlying protocol used by the World Wide Web and this protocol defines how messages are formatted and transmitted, and what actions Web servers and browsers should take in response to various commands.
      </div>
    </div>
  </div>
  <div class="accordion-item">
    <div class="accordion-item-header">
      What is CORS?
    </div>
    <div class="accordion-item-body">
      <div class="accordion-item-body-content">
        CORS, aka Cross-Origin Resource Sharing, is a mechanism that enables many resources (e.g. images, stylesheets, scripts, fonts) on a web page to be requested from another domain outside the domain from which the resource originated.
      </div>
    </div>
  </div>
</div>


























      <!-- fashion section end -->



   
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min.js"></script>

<script>


const accordionItemHeaders = document.querySelectorAll(".accordion-item-header");

accordionItemHeaders.forEach(accordionItemHeader => {
  accordionItemHeader.addEventListener("click", event => {
    
    // Uncomment in case you only want to allow for the display of only one collapsed item at a time!
    
    // const currentlyActiveAccordionItemHeader = document.querySelector(".accordion-item-header.active");
    // if(currentlyActiveAccordionItemHeader && currentlyActiveAccordionItemHeader!==accordionItemHeader) {
    //   currentlyActiveAccordionItemHeader.classList.toggle("active");
    //   currentlyActiveAccordionItemHeader.nextElementSibling.style.maxHeight = 0;
    // }

    accordionItemHeader.classList.toggle("active");
    const accordionItemBody = accordionItemHeader.nextElementSibling;
    if(accordionItemHeader.classList.contains("active")) {
      accordionItemBody.style.maxHeight = accordionItemBody.scrollHeight + "px";
    }
    else {
      accordionItemBody.style.maxHeight = 0;
    }
    
  });
});


</script>
<script>
   $(document).ready(function() {
    $('#dng').hide();
    $("#reg_btn").prop("disabled",true); 
  });
    //$("#reg_btn").prop("disabled",true); 
    // $('#reg_btn').attr('disabled', 'disabled');
    // $('#sub').click(function() {
    //     if ($(this).is(':checked')) {
    //         $('#sub').prop('disabled', false);
    //         //$('#id_of_your_button').attr('disabled', 'disabled');
    //     } else {
    //         $('#sub').prop('disabled', true);
    //         // $('#id_of_your_button').removeAttr('disabled');
    //     }
    // });
        // $('select[name="state_id"]').change(function(){
            
        //     var state_id=$(this).val();
        //         if(state_id) {
        //             $.ajax({
        //                 url  : "{{url('getStates')}}",
        //                 type : "POST",
        //                 data : {
        //                     "_token" : "{{csrf_token()}}",

        //                     state_id : state_id,
        //                 },
        //                 cache:false,
        //                 //contentType: false,
        //                 dataType:"json",
                            
        //                 success:function(data){
        //                     //console.log(data.course);
        //                     //console.log(data.course_model);
        //                      $('select[name="city_id"]').empty();
        //                      $('select[name="city_id"]').append('<option value="">--CITIES--</option>');
        //                      $.each(data,function(key,value){
        //                         //console.log(value);
        //                        $('select[name="city_id"]').append('<option value="'+ key + '">'+ value +'</option>');
                               
        //                      });
                           
        //                 },
        //             });
        //         }
    
        // });

        
// $('#jquery-val-form').on('submit', function(e) {

// e.preventDefault(); 
// $.ajax({
//     type: "POST",
//     url: "{{url('/user-store')}}",
//     data: $(this).serialize(), "_token" : "{{csrf_token()}}",
//     // success: function(msg) {
//     // alert(msg);
//     // }

//     success:function(response){
//         //$("#msg").append(JSON.stringify(response.status));
//              // $("#msg").fadeOut(2000);
//              $('#dng').empty();
//              $('#msg').show();
//               $('#msg').append(response);
//               $("#msg").fadeOut(6000);
//             // if (response.status == "success") {
//             //  // console.log(response);
           
//             // } else {
//             //   //console.log(response);
//             // }

//         },
//         error: function (response) {
//             $('#dng').empty();
//             $('#dng').show();
//             $('#dng').append("Something Went Wrong!");
//             $("#dng").fadeOut(6000);
            
//         }

// });
// });

$("#jquery-val-form").validate({

errorClass: "error fail-alert",
validClass: "valid success-alert",
});


$.ajaxSetup({
headers: {
    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});

$('#jquery-val-form').submit(function(e) {
       if ($('#agree').is(':checked')) {
        //alert('checked');
            $('#reg_btn').prop('disabled', false);
            e.preventDefault();
            let formData = new FormData(this);
            $('#file-input-error').text('');
            $.ajax({
                type:'POST',
                url: "{{url('/user-store')}}",
                data: formData,
                contentType: false,
                processData: false,
                success: (response) => {
                    if (response) {
                        this.reset();
                      //  alert('Successfully Registered');
                          $('#dng').empty();
                            $('#dng').show();
                            $('#dng').append("Successfully Registered!");
                            $("#dng").fadeOut(13000);
                    }
                },
                error: function(response){
                      console.log(response);
                    $('#file-input-error').text(response.responseJSON.message);
                }
            });
            //$('#id_of_your_button').attr('disabled', 'disabled');
        } else {
          e.preventDefault();
          alert('Please agree privacy policy!');
            $('#reg_btn').prop('disabled', true);
            $('#reg_btn').addClass('btn_disabled');
            
            // $('#id_of_your_button').removeAttr('disabled');
        }

});

        </script>

        
      @endsection