@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">Mainland Visas</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">Mainland Visas</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">UAE VISA REQUIREMENTS</h2>
                  <strong>Private Companies :</strong>
                  <ul class="ul_circles">
                     <li><p class="mb-3">Private companies can obtain new employment entry permits for their employees provided they apply for residence visa status within 30 days of the employee’s entry into the UAE.</p></li>
                     <li><p class="mb-3">If your company is registered in a free zone, the employment visa will be valid for three years.</p></li>
                     <li><p class="mb-3">If you are an onshore registered company the visa will be valid for two years.</p></li>
                     <li><p class="mb-3">It is also the responsibility of the employer to ensure all travel arrangements are made for the new employee, including the ‘okay to board’ that may be required by some airlines.</p></li>
                  </ul>
                  <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 bg-white">
        <div class="container">
          <div class="row justify-content-between align-items-center">
            <div class="col-12 text-center mb-4">
              <span class="section-title-border border-center"></span> 
              <h2 class="section-title">Family Residency Visas</h2>
            </div>
            <div class="col-md-5 mb-md-0 mb-4">
               <img class="img-fluid w-100" src="{{asset('assets/images/business_setup.png')}}" alt="About Image">
            </div>
            <div class="col-md-6">
               <p class="mb-3">If your family members are outside the UAE, you must first apply for an entry residence visa. After they arrive you then have up to 30 days to apply for the residence stamp.</p>
               <p class="mb-3">Your monthly salary should not be less than AED 4,000 (or AED 3,000 plus accommodation). If you wish to sponsor a residence visa for your parents, your minimum monthly salary should be AED 20,000 (or AED 19,000 plus a two-bedroom accommodation).</p> 
               <strong class="d-block mb-3">Required documentation includes:</strong>
               <ul class="ul_circles">
                  <li><p class="mb-3">Typed application form.</p></li>
                  <li><p class="mb-3">Salary certificate (for government employees) or attested work contract (other employees).</p></li>
                  <li><p class="mb-3">Three months of most recent bank statement for long-time residents. New residents may submit the most recent month but must have a bank letter confirming salary transfer.</p></li>
                  <li><p class="mb-3">Attested tenancy contract, Emirates ID card, and labour card.</p></li>
                  <li><p class="mb-3">Marriage certificate that has been attested by UAE authorities (for UAE marriages) or in your home country for spouse sponsorship.</p></li>
                  <li><p class="mb-3">Passports (original) and copies of both sponsor and family member(s).</p></li>
                  <li><p class="mb-3">Medical check-up report of spouse or children over 15-years of age from an authorised hospital or clinic.</p></li>
                  <li><p class="mb-3">Three passport photos per family member.</p></li>
                  <li><p class="mb-3">Please note that for your family member’s residence visa to remain valid he or she must not be out of the UAE for more than six months. In the case where a Muslim expatriate has married more than one wife, he can only obtain one residence visa.</p></li>
               </ul>
            </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"  onclick="sendQuery(this)" value="send" 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/mainland_visa.blade.php:129
Stack trace:
#0 {main}
  thrown in <b>/home/petclap/public_html/dev.paperless/resources/views/web/mainland_visa.blade.php</b> on line <b>129</b><br />