<?php
$base_dir = __DIR__ . '/Base';
$static_url = '/Resido/assets'; // Ensure this is the correct path

// Include the common navlink content
ob_start();
include "$base_dir/navbar.php"; // This file contains the shared navlink content
$navlink_content = ob_get_clean(); // Capture the navlink content
$page= 'nav';
$fpage= 'foot';

// Optionally define the Hero block content
ob_start();
?>
			
<!-- ============================ Page Title Start================================== -->
<div class="page-title">
	<div class="container">
		<div class="row">
			<div class="col-lg-12 col-md-12">
				
				<h2 class="ipt-title">Compare Property</h2>
				<span class="ipn-subtitle">Compare your Selected Property</span>
				
			</div>
		</div>
	</div>
</div>
<!-- ============================ Page Title End ================================== -->

<!-- ============================ Compare Property Start ================================== -->
<section>
	<div class="container">
		<div class="pricing pricing-5">
		
			<div class="row">
				<div class="col-lg-3 text-center d-lg-block d-md-none d-sm-none d-none">
					<div class="comp-property-blank">
					</div>
					<ul>
						<li>
							<span>Area</span>
						</li>
						<li>
							<span>Rooms</span>
						</li>
						<li>
							<span>Bedrooms</span>
						</li>
						<li>
							<span>Bathrooms</span>
						</li>
						<li>
							<span>Air Conditioning</span>
						</li>
						<li>
							<span>Swimming Pool</span>
						</li>
						<li>
							<span>Laundry Room</span>
						</li>
						<li>
							<span>Window Covering</span>
						</li>
						<li>
							<span>Building Age</span>
						</li>
						<li>
							<span>Alarm</span>
						</li>
						<li>
							<span>Heating</span>
						</li>
						<li>
							<span>Parking</span>
						</li>
					</ul>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-12 text-center">
					<div class="comp-property">
						<a href="#">
							<div class="clp-img">
								<img src="<?php echo $static_url; ?>/img/p-1.jpg" class="img-fluid" alt="">
								<span class="remove-from-compare"><i class="fa-solid fa-xmark"></i></span>
							</div>

							<div class="clp-title">
								<h4>Eagle Apartments</h4>
								<span>$275,000</span>
							</div>
						</a>
					</div>
					<ul>
						<li>
							1750 sq ft
							<span class="show-mb"></span>
						</li>
						<li>
							3
							<span class="show-mb">Rooms</span>
						</li>
						<li>
							2
							<span class="show-mb">Bedrooms</span>
						</li>
						<li>
							2
							<span class="show-mb">Bathrooms</span>
						</li>
						<li>
							<div class="checkmark"></div>
							<span class="show-mb">Air Conditioning</span>
						</li>
						<li>
							<div class="crossmark"></div>
							<span class="show-mb"> No Swimming Pool</span>
						</li>
						<li>
							<div class="checkmark"></div>
							<span class="show-mb">Laundry Room</span>
						</li>
						<li>
							<div class="crossmark"></div>
							<span class="show-mb">No Window Covering</span>
						</li>
						<li>
							1 - 5 Year
							<span class="show-mb">Age</span>
						</li>
						<li>
							<div class="checkmark"></div>
							<span class="show-mb">Alarm</span>
						</li>
						<li>
							Forced Air
							<span class="show-mb">Forced Air</span>
						</li>
						<li>
							<div class="checkmark"></div>
							<span class="show-mb">Parking</span>
						</li>
					</ul>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-12 text-center pricing--emphasise">
					<div class="comp-property">
						<a href="#">
							<div class="clp-img">
								<img src="<?php echo $static_url; ?>/img/p-2.jpg" class="img-fluid" alt="">
								<span class="remove-from-compare"><i class="fa-solid fa-xmark"></i></span>
							</div>

							<div class="clp-title">
								<h4>Eagle Apartments</h4>
								<span>$275,000</span>
							</div>
						</a>
					</div>
					<ul>
						<li>
							1750 sq ft
							<span class="show-mb">Area</span>
						</li>
						<li>
							3
							<span class="show-mb">Rooms</span>
						</li>
						<li>
							2
							<span class="show-mb">Bedrooms</span>
						</li>
						<li>
							2
							<span class="show-mb">Bathrooms</span>
						</li>
						<li>
							<div class="checkmark"></div>
							<span class="show-mb">Air Conditioning</span>
						</li>
						<li>
							<div class="crossmark"></div>
							<span class="show-mb"> No Swimming Pool</span>
						</li>
						<li>
							<div class="checkmark"></div>
							<span class="show-mb">Laundry Room</span>
						</li>
						<li>
							<div class="crossmark"></div>
							<span class="show-mb">No Window Covering</span>
						</li>
						<li>
							1 - 5 Year
							<span class="show-mb">Age</span>
						</li>
						<li>
							<div class="checkmark"></div>
							<span class="show-mb">Alarm</span>
						</li>
						<li>
							Gas
							<span class="show-mb">Gas Heating</span>
						</li>
						<li>
							<div class="checkmark"></div>
							<span class="show-mb">Parking</span>
						</li>
					</ul>
				</div>
				
				<div class="col-lg-3 col-md-4 col-sm-12 text-center">
					<div class="comp-property">
						<a href="#">
							<div class="clp-img">
								<img src="<?php echo $static_url; ?>/img/p-3.jpg" class="img-fluid" alt="">
								<span class="remove-from-compare"><i class="fa-solid fa-xmark"></i></span>
							</div>

							<div class="clp-title">
								<h4>Eagle Apartments</h4>
								<span>$275,000</span>
							</div>
						</a>
					</div>
					<ul>
						<li>
							1750 sq ft
							<span class="show-mb">Area</span>
						</li>
						<li>
							3
							<span class="show-mb">Rooms</span>
						</li>
						<li>
							2
							<span class="show-mb">Bedrooms</span>
						</li>
						<li>
							2
							<span class="show-mb">Bathrooms</span>
						</li>
						<li>
							<div class="checkmark"></div>
							<span class="show-mb">Air Conditioning</span>
						</li>
						<li>
							<div class="crossmark"></div>
							<span class="show-mb"> No Swimming Pool</span>
						</li>
						<li>
							<div class="checkmark"></div>
							<span class="show-mb">Laundry Room</span>
						</li>
						<li>
							<div class="checkmark"></div>
							<span class="show-mb">Window Covering</span>
						</li>
						<li>
							1 - 5 Year
							<span class="show-mb">Age</span>
						</li>
						<li>
							<div class="checkmark"></div>
							<span class="show-mb">Alarm</span>
						</li>
						<li>
							Forced Air
							<span class="show-mb">Forced Air</span>
						</li>
						<li>
							<div class="checkmark"></div>
							<span class="show-mb">Parking</span>
						</li>
					</ul>
				</div>
			</div>
			
		</div>
	</div>
</section>
<!-- ============================ Compare Property End ================================== -->

<!-- ============================ Call To Action ================================== -->
<section class="bg-primary call-to-act-wrap">
	<div class="container">
		
		<!-- estate-agent code  -->
		<?php
			include "$base_dir/Components/Home/estate-agent.php";
		?>

	</div>
</section>
<!-- ============================ Call To Action End ================================== -->


			

<?php
$hero_content = ob_get_clean(); // Capture the hero content

// Include the base template
include "$base_dir/style/base.php";
?>