File: /var/www/html/israel-rentals/wp-content/themes/israel-rentals/footer.php
<footer class="footer">
<div class="ftr-top">
<div class="container">
<div class="ftr-blk-wrp">
<div class="ftr-blks">
<div class="ftr-brand">
<!-- Dynamically load the logo from your theme's directory -->
<img src="<?php echo get_template_directory_uri(); ?>/img/hdr-img-3.svg" alt="Israel Rentals" />
</div>
<p>
Phone :
<a class="ftr-txt" href="tel:+123456789">+123 456 789</a>
</p>
<p>
Email :
<a class="ftr-txt" href="mailto:info@example.com">info@example.com</a>
</p>
<p>Address Line 01</p>
</div>
<div class="ftr-blks">
<div class="ftr-title">About Us</div>
<p>
Step into a world where impeccable design meets the art of comfort at Israel Apartments.
</p>
<a href="https://wa.me/?" target="_blank" class="btn btn-secondary">
<span class="icon">
<img src="<?php echo get_template_directory_uri(); ?>/img/whatsapp-icon.svg" alt="WhatsApp" />
</span>
Join us on WhatsApp
</a>
</div>
<!-- <div class="ftr-blks">
<div class="ftr-title">Information</div>
<a class="ftr-txt link" href="#">Help</a>
<a class="ftr-txt link" href="#">Privacy Policy</a>
<a class="ftr-txt link" href="#">Terms and Conditions</a>
</div> -->
<div class="ftr-blks">
<div class="ftr-title">Menu</div>
<a class="ftr-txt link" href="<?php echo home_url(); ?>">Home</a>
<a class="ftr-txt link" href="<?=site_url('listing-page')?>">Rentals</a>
<a class="ftr-txt link" href="<?php echo home_url(); ?>#contact">Contact Us</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row abt-sec">
<div class="col">
<div class="abt-title">Israel About Us</div>
<p>
At Israel Apartment Rentals, we are dedicated to making the rental process in the greater Israel region simple, efficient, and affordable for both landlords and<br> renters. We offer free listings of your apartment or home rental and work tirelessly to help you find the perfect tenant. Our service includes posting your property on our<br> website and WhatsApp channels as often as needed—up to once per week—until you secure a suitable renter.
</p>
<p>
We specialize in creating great matches between landlords and renters, and we pride ourselves on offering a personal touch throughout the process. Unlike traditional brokers who typically charge a full month’s rent as their fee, we charge a flat, low finder’s fee only when we successfully find you a tenant. This approach ensures you get tremendous value while keeping more of your rental income.
</p>
<p>
Whether you’re looking to rent out your property or find a place to call home, we are here to make the process smooth, transparent, and affordable for everyone involved..
</p>
</div>
</div>
</div>
<div class="copy-right-blk">
<div class="container">
<p class="text-center">
© <span id="year"></span> Israel Apartments | Built by <a href="https://kornerstonemedia.com/" target="_blank" style="color: #ffffff; text-decoration: none;"><strong class="fw-bold">Kornerstone Media</strong></a>
</p>
</div>
</div>
</footer>
<!-- Modal -->
<div class="modal fade add-property" id="addPropertyModal" tabindex="-1" aria-labelledby="addPropertyModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl">
<form class="modal-content" id="addPropertyForm" enctype="multipart/form-data">
<div class="modal-header">
<h1 class="modal-title" id="addPropertyModalLabel">Add your property</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-lg-6 left-col">
<div class="form-group">
<label for="" class="label">Property Name</label>
<input type="text" class="form-control" placeholder="Property Name" required name="property_name">
</div>
<div class="form-group">
<div class="label">Image Upload</div>
<div class="custom-file-uploader">
<div class="file-uploader">
<input type="file" name="img_files[]" id="img_files" multiple data-parsley-required="true"
data-parsley-max-file-size="5000" data-parsley-filetype="jpeg,jpg,png" data-parsley-trigger="change">
<div class="ico">
<img src="<?php echo get_template_directory_uri(); ?>/img/import.svg" alt="">
</div>
<div class="txt">
<span class="title">Click to Upload or Drag and Drop</span>
<span class="filespec">Max file size 5MB, JPG or PNG Only For Uploading</span>
</div>
</div>
<div class="uploaded-files">
<div id="uploaded-images-preview" class="up-files-slider"></div>
</div>
</div>
</div>
<div class="form-group">
<div class="label">Type of Residence</div>
<div class="inline-checks res-type">
<div class="custom-check">
<input type="radio" name="typeofRes" id="house" value="House" required>
<label for="house" class="chk_label"><span class="round"></span><span> House</span></label>
</div>
<div class="custom-check">
<input type="radio" name="typeofRes" id="townhouse" value="Townhouse" required >
<label for="townhouse" class="chk_label"><span class="round"></span><span> Town House</span></label>
</div>
<div class="custom-check">
<input type="radio" name="typeofRes" id="baseapartment" value="Basement Apartment" required >
<label for="baseapartment" class="chk_label"><span class="round"></span><span> Basement Apartment</span></label>
</div>
<div class="custom-check">
<input type="radio" name="typeofRes" id="apartment" required value="Apartment">
<label for="apartment" class="chk_label"><span class="round"></span><span> Apartment</span></label>
</div>
<div class="custom-check">
<input type="radio" name="typeofRes" id="office" required value="Office">
<label for="office" class="chk_label"><span class="round"></span><span> Office</span></label>
</div>
<div class="custom-check">
<input type="radio" name="typeofRes" id="garages" required value="Garages">
<label for="garages" class="chk_label"><span class="round"></span><span> Garages</span></label>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="form-group phone">
<label for="" class="label">Phone Number</label>
<div class="input-group">
<select class="input-group-text" required data-parsley-required-message="Please select a country code">
<option value="+1">+1</option>
<option value="+44">+44</option>
<option value="+61">+61</option>
<option value="+55">+55</option>
<option value="+91">+91</option>
<option value="+81">+81</option>
<option value="+33">+33</option>
<option value="+49">+49</option>
<option value="+86">+86</option>
<option value="+7">+7</option>
<option value="+39">+39</option>
<option value="+34">+34</option>
<option value="+64">+64</option>
<option value="+27">+27</option>
<option value="+52">+52</option>
<option value="+82">+82</option>
<option value="+351">+351</option>
<option value="+47">+47</option>
<option value="+65">+65</option>
<option value="+60">+60</option>
<option value="+62">+62</option>
<option value="+20">+20</option>
<option value="+234">+234</option>
<option value="+63">+63</option>
<option value="+46">+46</option>
<option value="+31">+31</option>
<option value="+32">+32</option>
<option value="+41">+41</option>
</select>
<input type="text" class="form-control" required name="property_phoneNo" id="property_phoneNo" data-parsley-trigger="focusout" data-parsley-error-message="Please enter a valid phone number" id="countryCode" data-parsley-country-code="countryCode" data-parsley-country-length="property_phoneNo">
</div>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label for="" class="label">Email ID</label>
<input type="email" class="form-control" placeholder="example@gmail.com" required name="property_email" id="property_email" data-parsley-type="email" data-parsley-trigger="focusout" data-parsley-error-message="Please enter a valid email address">
</div>
</div>
</div>
<!-- <div class="form-group mb-lg-0">
<label for="" class="label">Address</label>
<textarea name="" id="" class="form-control" placeholder="Address"></textarea>
</div> -->
</div>
<div class="col-lg-6 right-col">
<div class="form-group">
<label for="" class="label">Location</label>
<div class="form-control-wrp">
<div class="ico"><img src="<?php echo get_template_directory_uri(); ?>/img/location.svg" data-bs-toggle="tooltip" data-bs-placement="left" title="Mark your location" alt=""></div>
<input type="text" class="form-control" placeholder="Add Location" required name="property_location">
</div>
</div>
<div class="row">
<div class="col-xl-6 col-lg-6">
<div class="form-group">
<label for="" class="label">Bedrooms</label>
<input type="number" min="0" class="form-control" required name="property_bedrooms" data-parsley-min="0">
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="form-group">
<label for="" class="label">Bathrooms</label>
<input type="number" min="0" class="form-control" required name="property_bathrooms" data-parsley-min="0">
</div>
</div>
<!-- <div class="col-xl-4 col-lg-4">
<div class="form-group">
<label for="" class="label">Garages</label>
<input type="number" min="0" class="form-control" required name="property_garages" data-parsley-min="0">
</div>
</div> -->
<div class="col-xl-6">
<div class="form-group">
<div class="label">Rental Period</div>
<div class="inline-checks">
<div class="custom-check">
<input type="radio" name="rentalPeriod" id="longterm" required value="Long Term" >
<label for="longterm" class="chk_label"><span class="round"></span><span> Long Term</span></label>
</div>
<div class="custom-check">
<input type="radio" name="rentalPeriod" id="shortterm" required value="Short Term" >
<label for="shortterm" class="chk_label"><span class="round"></span><span> Short Term</span></label>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-6">
<div class="form-group">
<div class="label">Utilities</div>
<div class="inline-checks">
<div class="custom-check">
<input type="radio" name="utilities" id="included" required value="Included">
<label for="included" class="chk_label"><span class="round"></span><span> Included</span></label>
</div>
<div class="custom-check">
<input type="radio" name="utilities" id="notincluded" required value="Not Included">
<label for="notincluded" class="chk_label"><span class="round"></span><span> Not Included</span></label>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="form-group">
<div class="label">Property Condition</div>
<div class="inline-checks">
<div class="custom-check">
<input type="radio" name="property_condition" id="furnished" required value="Furnished">
<label for="furnished" class="chk_label"><span class="round"></span><span> Furnished</span></label>
</div>
<div class="custom-check">
<input type="radio" name="property_condition" id="nonfurnished" required value="Non-Furnished">
<label for="nonfurnished" class="chk_label"><span class="round"></span><span> Non-Furnished</span></label>
</div>
<div class="custom-check">
<input type="radio" name="property_condition" id="semifurnished" required value="Semi-Furnished">
<label for="semifurnished" class="chk_label"><span class="round"></span><span> Semi-Furnished</span></label>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="form-group">
<label for="" class="label">Sq. Feet area</label>
<div class="form-control-wrp sqft">
<!-- <div class="ico"><img src="<?php echo get_template_directory_uri(); ?>/img/icon-calender.svg" alt=""></div> -->
<div class="ico">Sq. Ft</div>
<input type="text" class="form-control" name="property_sqft" required data-parsley-type="integer" data-parsley-error-message="Please enter a valid Sq. Ft.">
<!-- <input type="date" class="form-control" placeholder="Select Date" data-provide="datepicker" name="property_date" required> -->
</div>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label for="" class="label">Price</label>
<div class="form-control-wrp">
<div class="ico bold">$</div>
<input type="text" min="0" class="form-control" placeholder="Price" required name="property_price" id="property_price" data-parsley-pattern="^\d+(\.\d{1,2})?$" data-parsley-trigger="focusout" data-parsley-error-message="Please enter a valid price">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-group">
<label for="" class="label">Additional Information</label>
<textarea id="" class="form-control" placeholder="Additional Information" required name="property_info"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-group">
<div class="custom-check chkbox">
<input type="checkbox" id="consent" required name="property_consent" value="1">
<label for="consent" class="chk_label"><span class="square"></span>
<span> I would like you to come down and take pictures of the property</span>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<div id="successAlert" class="alert alert-success" role="alert">
</div>
<div id="dangerAlert" class="alert alert-danger" role="alert">
</div>
<button type="button" class="btn btn-secondary btn-cancel" data-bs-dismiss="modal">
<span class="txt">Cancel</span>
<span class="ico"><img src="<?php echo get_template_directory_uri(); ?>/img/close.svg" alt="cls"></span>
</button>
<button type="button" class="btn btn-primary btn-submit saveProperty">
<span class="txt">Submit</span>
<span class="ico"><img src="<?php echo get_template_directory_uri(); ?>/img/arrow-right.png" alt="smt"></span>
</button>
</div>
</form>
</div>
</div>
<?php wp_footer(); ?>
<script>
jQuery(document).ready(function($) {
$('#newsletter-form').on('submit', function(event) {
event.preventDefault(); // Prevent the default form submission
// Get the email value
var email = $('#newsletter-email').val();
// Basic email validation
if (email === '' || !email.includes('@')) {
$('.error-msg').html('Please enter a valid email address.').fadeIn();
return;
}
// Perform AJAX request
$.ajax({
url: myAjax.ajaxurl, // This is generated by WordPress and points to the correct admin-ajax.php
type: 'POST',
data: {
action: 'newsletter_subscribe', // The action we're handling in the backend
email: email
},
success: function(response) {
if(response.success == true){
$('.error-msg').hide();
$('.thankyou-msg').show();
$('.thankyou-msg').html(response.data.message).fadeIn();
$('#newsletter-email').val('');
}else{
$('.thankyou-msg').hide();
$('.error-msg').show();
$('.error-msg').html(response.data.message).fadeIn();
$('#newsletter-email').val('');
}
},
error: function() {
$('.error-msg').html('Something went wrong. Please try again.').fadeIn();
}
});
});
});
</script>
<script>
jQuery(document).ready(function($) {
$('#searchForm').on('submit', function(e) {
e.preventDefault(); // Prevent the default form submission
var searchQuery = $('#searchInput').val(); // Get the search input value
var searchFlag = $('#searchListPro').val();
const showMoreButton = document.querySelector('.view-more');
$.ajax({
url: '<?php echo admin_url("admin-ajax.php"); ?>',
type: 'POST',
data: {
action: 'fetch_properties', // Custom action name
search: searchQuery,
searchFlag:searchFlag // Send the search query
},
success: function(response) {
// $('.searchProperty').html(response); // Update the properties listing with the new response
$('.searchProperty').html(response.data.html);
// Update the total property count
$('.match-result').html(response.data.total_properties + ' Properties is available');
showMoreButton.style.display = 'none';
const propertyDescriptions = document.querySelectorAll('.property-description');
propertyDescriptions.forEach(propertyDescription => {
const overlay = propertyDescription.nextElementSibling;
if (overlay && overlay.classList.contains('overlay')) {
propertyDescription.addEventListener('mouseenter', () => {
overlay.classList.add('overlay-visible');
propertyDescription.classList.add('hide');
});
propertyDescription.addEventListener('mouseleave', () => {
if (!overlay.matches(':hover')) {
overlay.classList.remove('overlay-visible');
propertyDescription.classList.remove('hide');
}
});
overlay.addEventListener('mouseenter', () => {
overlay.classList.add('overlay-visible');
propertyDescription.classList.add('hide');
});
overlay.addEventListener('mouseleave', () => {
overlay.classList.remove('overlay-visible');
propertyDescription.classList.remove('hide');
});
}
});
$('.image-slider').slick({
dots: true,
arrows: true,
fade: true,
prevArrow: '<button type="button" class="slick-prev"><img src="' + slickPrevArrowURL + '"></button>',
nextArrow: '<button type="button" class="slick-next"><img src="' + slickNextArrowURL + '"></button>',
});
},
error: function() {
alert('An error occurred while searching for properties.');
}
});
});
});
</script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
const buttons = document.querySelectorAll('.btn-enquire');
buttons.forEach(button => {
button.addEventListener('click', function(e) {
e.preventDefault();
const postId = this.getAttribute('data-post-id');
const title = this.getAttribute('data-title');
const location = this.getAttribute('data-location');
const type = this.getAttribute('data-type');
const additionalinfo = this.getAttribute('data-additionalinfo');
const subject = `Inquiry about Job ID ${postId}`;
const body = `Hi,\n\nI am interested in more information for Job ID ${postId}.\n\nThank you.`;
const mailtoLink = `mailto:lakewood@outlook.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
window.location.href = mailtoLink;
});
});
});
jQuery(document).ready(function($) {
// When the "Cancel" button is clicked
$('.btn-cancel').on('click', function() {
// Reset the form
$('#addPropertyForm')[0].reset();
// Clear uploaded images preview (if applicable)
$('#uploaded-images-preview').html('');
// Reset Parsley validation state
$('#addPropertyForm').parsley().reset();
$('.saveProperty').text('Submit').prop('disabled', false);
});
// Reset the form when the modal is closed
$('#addPropertyModal').on('hidden.bs.modal', function() {
// Reset the form
$('#addPropertyForm')[0].reset();
// Clear uploaded images preview (if applicable)
$('#uploaded-images-preview').html('');
// Reset Parsley validation state
$('#addPropertyForm').parsley().reset();
$('.saveProperty').text('Submit').prop('disabled', false);
});
});
// Custom Parsley validator for file types
window.Parsley.addValidator('filetype', {
requirementType: 'string',
validateString: function(value, requirement, parsleyInstance) {
const allowedExtensions = requirement.split(',');
const files = parsleyInstance.$element[0].files;
// Check each file for allowed extensions
for (let i = 0; i < files.length; i++) {
const fileExtension = files[i].name.split('.').pop().toLowerCase();
if (!allowedExtensions.includes(fileExtension)) {
return false; // If any file doesn't match, validation fails
}
}
return true;
},
messages: {
en: 'Only JPG or PNG files are allowed.'
}
});
</script>
</body>
</html>