@extends('web.layout.master')
@section('content')
      <section class="section bg-cover overlay" data-background="{{asset('assets/images/backgrounds/page-title.jpg')}}">
         <div class="container">
            <div class="row">
               <div class="col-12">
                  <h2 class="text-white mb-md-3 mb-2 head_allpages">GET A PERSONAL TRAINER LICENCE</h2>
                  <!-- breadcrumb -->
                  <nav aria-label="breadcrumb">
                     <ol class="breadcrumb bg-transparent p-0">
                        <li class="breadcrumb-item font-weight-semebold"><a class="text-white" href="javscript:;">Home</a></li>
                        <li class="breadcrumb-item font-weight-semebold"><a class="text-white" href="javscript:;">Mainland</a></li>
                        <li class="breadcrumb-item font-weight-semebold active text-primary" aria-current="page">PaperlessFit</li>
                     </ol>
                  </nav>
               </div>
            </div>
         </div>
      </section>  
      <section class="section position-relative bg-gray py-5">
         <div class="container py-md-4">
            <div class="row align-items-center justify-content-between">
                <div class="col-lg-5 col-md-6 bg-contain"  >
                  <!-- about us image -->
                  <img class="img-fluid w-100" src="{{asset('assets/images/about/about-us.png')}}" alt="About Image">
               </div>
               <div class="col-md-6 mt-4 mt-md-0 promotions_content">
                  <span class="section-title-border"></span> 
                  <h2 class="section-title">Attention PTs, Yoga Teachers, Sports Coaches and Lifestyle Gurus! Sick of Losing Sleep at Night? </h2> 
                  <p class="mb-3">Working throughout Dubai requires a DED trade licence. Virtuzone has the only officially recognised solution called VirtuFit, and it won’t cost you an arm and a leg, literally. Work officially.  Protect yourself and your customers with the only insurable solution in Dubai.</p>
                  <a href="Javascript:;" class="btn btn-primary hover-ripple">Get Started Today</a>
               </div> 
            </div> 
         </div> 
         <img class="img-fluid about-bg-shape" src="{{asset('assets/images/backgrounds/about-us-3-bg.png')}}" alt="shape">
      </section>
      <section class="section other-offers licence_include bg-secondary">
         <div class="container">
            <div class="row">
               <div class="col-12 text-center mb-md-5 mb-4">
                  <span class="section-title-border border-center"></span> 
                  <h2 class="section-title text-white">The Paperless Licence Includes</h2>
               </div>
            </div>
            <div class="row">
               <div class="col-lg-4 col-md-6 d-flex align-items-stretch mb-md-4 mb-4">
                  <div class="other-offers-box text-center shadow p-4 w-100">
                     <h3>ONE 3-YEAR PARTNER VISA (INCLUDES EMIRATES ID AND MEDICAL)</h3>
                     <p class="mb-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Id cupiditate dolores veniam similique sequi doloremque, dignissimos nihil magnam possimus provident ullam quidem sint quibusdam quis reiciendis mollitia aspernatur porro quo.</p> 
                  </div>
               </div>
               <div class="col-lg-4 col-md-6 d-flex align-items-stretch mb-md-4 mb-4">
                  <div class="other-offers-box text-center shadow p-4 w-100">
                     <h3>ESTABLISHMENT CARD</h3>
                     <p class="mb-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Id cupiditate dolores veniam similique sequi doloremque, dignissimos nihil magnam possimus provident ullam quidem sint quibusdam quis reiciendis mollitia aspernatur porro quo.</p> 
                  </div>
               </div>
               <div class="col-lg-4 col-md-6 d-flex align-items-stretch mb-md-4 mb-4">
                  <div class="other-offers-box text-center shadow p-4 w-100">
                     <h3>CO-WORKING OFFICE SPACE</h3>
                     <p class="mb-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Id cupiditate dolores veniam similique sequi doloremque, dignissimos nihil magnam possimus provident ullam quidem sint quibusdam quis reiciendis mollitia aspernatur porro quo.</p> 
                  </div>
               </div> 
               <div class="col-lg-4 col-md-6 d-flex align-items-stretch mb-md-4 mb-4">
                  <div class="other-offers-box text-center shadow p-4 w-100">
                     <h3>ALL GOVERNMENT APPROVALS</h3>
                     <p class="mb-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Id cupiditate dolores veniam similique sequi doloremque, dignissimos nihil magnam possimus provident ullam quidem sint quibusdam quis reiciendis mollitia aspernatur porro quo.</p> 
                  </div>
               </div> 
               <div class="col-lg-4 col-md-6 d-flex align-items-stretch mb-md-4 mb-4">
                  <div class="other-offers-box text-center shadow p-4 w-100">
                     <h3>INTRODUCTION TO BANKS FOR CORPORATE ACCOUNT OPENING</h3>
                     <p class="mb-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Id cupiditate dolores veniam similique sequi doloremque, dignissimos nihil magnam possimus provident ullam quidem sint quibusdam quis reiciendis mollitia aspernatur porro quo.</p> 
                  </div>
               </div> 
               <div class="col-lg-4 col-md-6 d-flex align-items-stretch mb-md-4 mb-4">
                  <div class="other-offers-box text-center shadow p-4 w-100">
                     <h3>LOCAL SPONSOR FEES</h3>
                     <p class="mb-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Id cupiditate dolores veniam similique sequi doloremque, dignissimos nihil magnam possimus provident ullam quidem sint quibusdam quis reiciendis mollitia aspernatur porro quo.</p> 
                  </div>
               </div> 
               <div class="col-lg-4 col-md-6 d-flex align-items-stretch mb-md-4 mb-4">
                  <div class="other-offers-box text-center shadow p-4 w-100">
                     <h3>NOTARY PUBLIC FEES</h3>
                     <p class="mb-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Id cupiditate dolores veniam similique sequi doloremque, dignissimos nihil magnam possimus provident ullam quidem sint quibusdam quis reiciendis mollitia aspernatur porro quo.</p> 
                  </div>
               </div> 
               <div class="col-lg-4 col-md-6 d-flex align-items-stretch mb-md-4 mb-4">
                  <div class="other-offers-box text-center shadow p-4 w-100">
                     <h3>DED LICENCE FEE</h3>
                     <p class="mb-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Id cupiditate dolores veniam similique sequi doloremque, dignissimos nihil magnam possimus provident ullam quidem sint quibusdam quis reiciendis mollitia aspernatur porro quo.</p> 
                  </div>
               </div>
               <div class="col-lg-4 col-md-6 d-flex align-items-stretch mb-md-4 mb-4">
                  <div class="other-offers-box text-center shadow p-4 w-100">
                     <h3>ALL PRO FEES</h3>
                     <p class="mb-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Id cupiditate dolores veniam similique sequi doloremque, dignissimos nihil magnam possimus provident ullam quidem sint quibusdam quis reiciendis mollitia aspernatur porro quo.</p> 
                  </div>
               </div>
            </div>
         </div>
      </section> 
      <section class="section residance_visa bg-white">
         <div class="container">
            <div class="row">
               <div class="col-12 text-center mb-md-5 mb-4">
                  <span class="section-title-border border-center"></span> 
                  <h2 class="section-title">Getting A Residence Visa is Easy With Us</h2>
               </div>
            </div>
            <div class="row">
               <div class="col-xl-3 col-lg-4 col-md-4 d-flex align-items-stretch mb-4">
                  <div class="residance_visa_box w-100">
                     <label><i class="fa fa-check-circle" aria-hidden="true"></i></label>
                     <span>Operate in full legality</span>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-4 col-md-4 d-flex align-items-stretch mb-4">
                  <div class="residance_visa_box w-100">
                     <label><i class="fa fa-check-circle" aria-hidden="true"></i></label>
                     <span>Protect your family</span>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-4 col-md-4 d-flex align-items-stretch mb-4">
                  <div class="residance_visa_box w-100">
                     <label><i class="fa fa-check-circle" aria-hidden="true"></i></label>
                     <span>Be fully insurable</span>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-4 col-md-4 d-flex align-items-stretch mb-4">
                  <div class="residance_visa_box w-100">
                     <label><i class="fa fa-check-circle" aria-hidden="true"></i></label>
                     <span>No more visa runs</span>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-4 col-md-4 d-flex align-items-stretch mb-4">
                  <div class="residance_visa_box w-100">
                     <label><i class="fa fa-check-circle" aria-hidden="true"></i></label>
                     <span>Get a Dubai driver’s licence</span>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-4 col-md-4 d-flex align-items-stretch mb-4">
                  <div class="residance_visa_box w-100">
                     <label><i class="fa fa-check-circle" aria-hidden="true"></i></label>
                     <span>Open a corporate bank account</span>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-4 col-md-4 d-flex align-items-stretch mb-4">
                  <div class="residance_visa_box w-100">
                     <label><i class="fa fa-check-circle" aria-hidden="true"></i></label>
                     <span>Be a resident of Dubai</span>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-4 col-md-4 d-flex align-items-stretch mb-4">
                  <div class="residance_visa_box w-100">
                     <label><i class="fa fa-check-circle" aria-hidden="true"></i></label>
                     <span>Have full control of your business</span>
                  </div>
               </div>
               <div class="col-12">
                  <div class="text-center d-none d-md-block mt-4">
                     <a href="javascript:;" class="btn btn-primary hover-ripple">Get Started Today</a>
                  </div>
               </div>
            </div>
         </div>
      </section> 
      <section class="section bg-white comman_form" data-background="{{asset('assets/images/bg-img.jpg')}}" >
         <div class="container">
            <div class="row justify-content-center">
               <div class="col-12 text-center mb-md-5 mb-4">
                  <span class="section-title-border border-center"></span>
                  <h2 class="section-title mb-0">Contact Us</h2>
               </div>
               <div  class="col-lg-7 col-md-10">
                  <div class="cooman_footer_form border rounded bg-white shadow p-lg-5 p-md-4 p-3">
                     <form  id="queryForm"  class="row">
                        @csrf
                        <div class="col-md-6">
                          <input type="text" name="name" id="name" class="form-control mb-md-4 mb-3 validate" placeholder="Name">
                          <p id="nameError" class="text-danger"></p>
                        </div>
                        <div class="col-md-6">
                          <input type="email" name="mail" id="mail" class="form-control mb-md-4 mb-3 validate" placeholder="Email">
                          <p id="mailError" class="text-danger"></p>
                        </div>
                        <div class="col-md-6"> 
                          <input type="text" name="phone" id="phone" class="form-control mb-md-4 mb-3 validate" placeholder="Phone">
                          <p id="phoneError" class="text-danger"></p>
                        </div>
                        <div class="col-md-6">
                          <input type="text" name="subject" id="subject" class="form-control mb-md-4 mb-3 validate" placeholder="Subject">
                          <p id="subjectError" class="text-danger"></p>
                        </div>
                        <div class="col-12">
                          <textarea name="message" id="message" class="form-control mb-md-5 mb-4 py-3 px-md-4 px-3 validate" placeholder="Your Message"></textarea>
                          <p id="messageError" class="text-danger"></p>
                        </div>
                        <div class="col-12 text-center">
                          <button type="button" value="send" onclick="sendQuery(this)" class="btn btn-primary hover-ripple">Submit</button>
                        </div>
                      </form>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <script>
          function sendQuery(obj) {
                                        var flag = true;
                                        $(".validate").each(function (i, v) {
                                            var elem = $(this);
                                            var valu = elem.val();
                                            if (valu == null || valu == '' || valu == 0) {
                                                flag = false;
                                                $("#" + elem.attr('name') + 'Error').html('This field is required.');
                                            } else {
                                                $("#" + elem.attr('name') + 'Error').html('');
                                            }
                                            
                                        });
                                        if (flag) {
                                            $.ajax({
                                                url: '<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function url() in /home/petclap/public_html/dev.paperless/resources/views/web/paperlessfit.blade.php:225
Stack trace:
#0 {main}
  thrown in <b>/home/petclap/public_html/dev.paperless/resources/views/web/paperlessfit.blade.php</b> on line <b>225</b><br />