📄 File: app_bottom.php

Path: /home2/outerorb/dev.outerorbittech.com/oot/app_bottom.php

Size: 12.67 KB

Permissions: 0644

<!-- Scroll Top -->
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i
    class="bi bi-arrow-up-short"></i></a>

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>


<!-- jQuery Validation Plugin -->
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.14.3/dist/sweetalert2.all.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>

<!-- Vendor JS Files -->
<script src="<?= theme_url; ?>vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- <script src="<?= theme_url; ?>vendor/php-email-form/validate.js"></script> -->

<script src="<?= theme_url; ?>vendor/aos/aos.js"></script>
<script src="<?= theme_url; ?>vendor/glightbox/js/glightbox.min.js"></script>
<script src="<?= theme_url; ?>vendor/purecounter/purecounter_vanilla.js"></script>
<script src="<?= theme_url; ?>vendor/typed.js/typed.umd.js"></script>
<script src="<?= theme_url; ?>vendor/swiper/swiper-bundle.min.js"></script>

<!-- Main JS File -->
<script src="<?= theme_url; ?>js/main.js"></script>
<script>
  $(document).ready(function () {
    var $owl = $("#client-carousel");

    $owl.owlCarousel({
      loop: true,
      margin: 15,
      autoplay: true,
      autoplayTimeout: 2000,
      autoplayHoverPause: true,
      smartSpeed: 500,
      dots: false,
      nav: false,
      responsive: {
        0: { items: 2 },
        480: { items: 3 },
        768: { items: 4 },
        1024: { items: 6 }
      }
    });

    // Drag functionality already included in OwlCarousel
  });
</script>

<!-- Cookie Consent Banner -->
<style>
  /* Cookie Banner Styles */
  .cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 20px;
    text-align: center;
    z-index: 9999;
    display: none;
  }

  .cookie-banner p {
    margin: 0;
    font-size: 16px;
  }

  .cookie-banner a {
    color: #fff;
    text-decoration: underline;
  }

  .cookie-banner .btn-group {
    margin-top: 15px;
  }

  .cookie-banner .btn {
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    margin-right: 10px;
  }

  .cookie-banner .accept-btn {
    background-color: #007bff;
    color: #fff;
    border: none;
  }

  .cookie-banner .read-btn {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
  }

  /* Cookie Modal Styles */
  .cookie-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10000;
    align-items: center;
    justify-content: center;
  }

  .cookie-modal-content {
    background: #e9f2f4;
    color: #000;
    padding: 30px;
    border-radius: 10px;
    width: 90%;
    max-width: 500px;
    position: relative;
  }

  .cookie-modal-content h2 {
    margin-top: 0;
  }

  .cookie-modal-content p {
    font-size: 15px;
    text-align: justify;
  }

  .cookie-modal-content .modal-btn {
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
  }

  .cookie-modal-content .accept-btn {
    background-color: #007bff;
    color: white;
    border: none;
  }

  .cookie-modal-content .reject-btn {
    background: transparent;
    border: 1px solid #ccc;
    color: #000;
    margin-left: 10px;
  }

  .cookie-modal-content .close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    font-size: 20px;
  }
</style>

<!-- Cookie Banner -->
<div id="cookieBanner" class="cookie-banner">
  <p>
    We use cookies to give you the best possible experience on our website.
    <a href="#" onclick="openPolicyModal(); return false;">Cookie policy</a>
  </p>

  <div class="btn-group">
    <button class="btn accept-btn" onclick="acceptCookies()">Accept all cookies</button>
    <button class="btn read-btn" onclick="openPolicyModal()">More info</button>
  </div>
</div>

<!-- Modal for Cookie Policy -->
<div id="cookieModal" class="cookie-modal">
  <div class="cookie-modal-content">
    <div class="div-head">Cookie Policy</div>
    <p>
      We use cookies to enhance and personalize your browsing experience, deliver tailored content and advertisements,
      and analyze how our website is being used to better serve your needs. These small data files allow us to remember
      your preferences, optimize site functionality, improve performance, and provide you with relevant information
      based on your interactions. By clicking "Accept", you agree to the storage and use of cookies as outlined in our
      Cookie Policy. You may choose to decline non-essential cookies or adjust your preferences at any time to maintain
      control over your personal data.
    </p>

    <div style="margin-top: 20px;">
      <button class="modal-btn accept-btn" onclick="acceptCookiesFromModal()">Accept</button>
      <button class="modal-btn reject-btn" onclick="rejectCookies()">Reject</button>
    </div>

    <span class="close-btn" onclick="closePolicyModal()">&times;</span>
  </div>
</div>

<!-- Scripts -->
<script>
  function acceptCookies() {
    localStorage.setItem("cookieConsent", "accepted");
    document.getElementById("cookieBanner").style.display = "none";
  }

  function acceptCookiesFromModal() {
    localStorage.setItem("cookieConsent", "accepted");
    document.getElementById("cookieBanner").style.display = "none";
    document.getElementById("cookieModal").style.display = "none";
  }

  function rejectCookies() {
    localStorage.setItem("cookieConsent", "rejected"); // ✅ Save rejection
    document.getElementById("cookieBanner").style.display = "none";
    document.getElementById("cookieModal").style.display = "none";
  }

  function openPolicyModal() {
    document.getElementById("cookieModal").style.display = "flex";
  }

  function closePolicyModal() {
    document.getElementById("cookieModal").style.display = "none";
  }

  window.onload = function () {
    const consent = localStorage.getItem("cookieConsent");

    // Show only if consent not given or rejected not found
    if (!consent) {
      document.getElementById("cookieBanner").style.display = "block";
    }
  }
</script>


<script>
  //career form...
  $(document).ready(function () {
    $("#apply_form").validate({
      // Define validation rules
      rules: {
        name: "required",
        // message: {
        //   required: true,
        // },
        state: {
          required: true,
        },
        city_name: {
          required: true,
        },
        olderOrNot: {
          required: true,
        },
        willingOrNot: {
          required: true,
        },
        education: {
          required: true,
        },
        certificate: {
          required: true,
        },
        Institute: {
          required: true,
        },
        board: {
          required: true,
        },
        passingdate: {
          required: true,
        },
        result: {
          required: true,
        },
        dayOrNight: {
          required: true,
        },
        experience: {
          required: true,
        },
        uan: {
          required: true,
        },
        language: {
          required: true,
        },
        outer: {
          required: true,
        },
        resume: {
          required: true,
        },
        checkbox1: {
          required: true,
        },
        checkbox2: {
          required: true,
        },
        checkbox3: {
          required: true,
        },
        checkbox4: {
          required: true,
        },
        address: {
          required: true,
        },
        pincode: {
          required: true,
        },
        email: {
          required: true,
          email: true, // Email validation
        },
        father: {
          required: true,
        },
        aadhar: {
          required: true,
        },
        verify_addhaar: {
          required: true,
        },
        mobile: {
          required: true,
          digits: true, // Allow only numbers
          minlength: 10,
          maxlength: 12,
        },
      },
      // Define custom messages
      messages: {
        name: "Please enter your name",

        aadhar: {
          required: "Please enter your aadhaar number",
        },
        verify_addhaar: {
          required: "Please verify your aadhaar number",
        },
        state: {
          required: "Please enter your state",
        },
        resume: {
          required: "Please upload your resume",
        },
        pincode: {
          required: "Please enter your pin code",
        },
        city_name: {
          required: "Please enter your city",
        },
        olderOrNot: {
          required: "Please select yes or no",
        },
        willingOrNot: {
          required: "Please select yes or no",
        },
        education: {
          required: "Please select any one",
        },
        certificate: {
          required: "Please enter your degree / certificate",
        },
        Institute: {
          required: "Please enter your institute / college / school",
        },
        board: {
          required: "Please enter your board / university",
        },
        father: {
          required: "Please enter your father name",
        },
        passingdate: {
          required: "Please enter your passing date",
        },
        result: {
          required: "Please enter your result",
        },
        dayOrNight: {
          required: "Please select yes or no",
        },
        experience: {
          required: "Please select yes or no",
        },
        uan: {
          required: "Please select yes or no",
        },
        language: {
          required: "Please select yes or no",
        },
        outer: {
          required: "Please select yes or no",
        },
        resume: {
          required: "Please upload your resume",
        },

        checkbox1: {
          required: "",
        },
        checkbox2: {
          required: "",
        },
        checkbox3: {
          required: "",
        },
        checkbox4: {
          required: "",
        },

        address: {
          required: "Please enter your address",
        },
        email: {
          required: "Please enter your email address",
          email: "Please enter a valid email address",
        },
        mobile: {
          required: "Please enter your mobile number",
          digits: "Mobile number must contain only numbers",
          minlength: "Please enter valid mobile no.",
          maxlength: "Please enter valid mobile no.",
        },
      },
      // Define submit handler
      submitHandler: function (form) {
        var formData = new FormData(form); // 👈 Important

        $.ajax({
          url: '<?= site_url; ?>/career_form_code.php',
          type: 'POST',
          data: formData,
          contentType: false, // 👈 Important
          processData: false, // 👈 Important
          dataType: 'json',


          // success: function (response) {
          //   if (response.status === true) {
          //     $('#responseMessageApply')
          //       .text(response.message_response)
          //       .css('color', 'green');
          //     $("#apply_form")[0].reset(); // Reset form fields
          //   } else {
          //     $('#responseMessageApply')
          //       .text(response.message_response)
          //       .css('color', 'red');
          //   }
          // },
          // error: function (xhr, status, error) {
          //   console.error('AJAX Error:', xhr.responseText); // Debugging step
          //   $('#responseMessageApply')
          //     .text('An error occurred. Please try again later.')
          //     .css('color', 'red');
          // }

          success: function(response) {
                    if (response.status == true) {
                        Swal.fire({
                            position: "center",
                            icon: "success",
                            position: "center",
                            title: response.message_response,
                            showConfirmButton: true,
                            timer: 5000
                        });
                        $(form)[0].reset();
                         $('#apply_form').modal('hide');
                    } else {
                        Swal.fire({
                            position: "center",
                            icon: "error",
                            title: response.message_response,
                            showConfirmButton: true,
                            timer: 5000
                        });

                    }
                }



        });
      }

    });
  });
</script>

← Back to Directory Edit File 🔒 Chmod