Invalid request. Please provide a post_id.</main>
<!-- **************** MAIN CONTENT END **************** -->

<!-- =======================
Footer START -->
 <footer class="bg-dark pt-5">
	<div class="container">
		<!-- About and Newsletter START -->
		<div class="row pt-3 pb-4">
			<div class="col-md-3">
				<img src="assets/images/whitedesera.png" alt="footer logo"style="width:200px">
			</div>
			<div class="col-md-5">
				<p class="text-body-secondary"></p>
			</div>
			<div class="col-md-4">
				<!-- Form -->
				<!--<form class="row row-cols-lg-auto g-2 align-items-center justify-content-end">-->
				<!--	<div class="col-12">-->
				<!--		<input type="email" class="form-control" placeholder="Enter your email address">-->
				<!--	</div>-->
				<!--	<div class="col-12">-->
				<!--		<button type="submit" class="btn btn-primary m-0">Subscribe</button>-->
				<!--	</div>-->
				<!--	<div class="form-text mt-2">By subscribing you agree to our -->
				<!--		<a href="privacy-policy.php" class="text-decoration-underline text-reset">Privacy Policy</a>-->
				<!--	</div>-->
				<!--</form>-->
			</div>
		</div>
		<!-- About and Newsletter END -->

		<!-- Divider -->
		<hr>

		<!-- Widgets START -->
		<div class="row pt-5">
			<!-- Footer Widget -->
			<div class="col-md-6 col-lg-3 mb-4">
				<h5 class="mb-4 text-white">Recent post</h5>
				<!-- Item -->
				<div class="mb-4 position-relative">
					<div><a href="popcorn-picks.php" class="badge text-bg-success mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Popcorn Picks</a></div>
					<a href="post-view.php?post_id=118" class="btn-link text-white fw-normal">Inception: The Mind-Bending Architecture of Dreams</a>
					<ul class="nav nav-divider align-items-center small mt-2 text-body-secondary">
						<li class="nav-item position-relative">
							<div class="nav-link">by <a href="authors.php?%20id=20" class="stretched-link text-reset btn-link">Shrutika Jaybhaye</a>
							</div>
						</li>
						<li class="nav-item">Dec 16, 2023</li>
					</ul>
				</div>
				<!-- Item -->
				<!--<div class="mb-4 position-relative">-->
				<!--	<div><a href="#" class="badge text-bg-info mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Marketing</a></div>-->
				<!--	<a href="post-single-3.html" class="btn-link text-white fw-normal">How did we get here? The history of the business told through tweets</a>-->
				<!--	<ul class="nav nav-divider align-items-center small mt-2 text-body-secondary">-->
				<!--		<li class="nav-item position-relative">-->
				<!--			<div class="nav-link">by <a href="#" class="stretched-link text-reset btn-link">Larry</a>-->
				<!--			</div>-->
				<!--		</li>-->
				<!--		<li class="nav-item">May 29, 2022</li>-->
				<!--	</ul>-->
				<!--</div>-->
			</div>

			<!-- Footer Widget -->
			<div class="col-md-6 col-lg-3 mb-4">
				<h5 class="mb-4 text-white">Quick Links</h5>
				<div class="row">
					<div class="col-6">
						<ul class="nav flex-column text-primary-hover">
							<li class="nav-item"><a class="nav-link pt-0" href="team.php">Team</a></li>
							<li class="nav-item"><a class="nav-link pt-0" href="about.php">About</a></li>
							<li class="nav-item"><a class="nav-link" href="contact.php">Contact Us</a></li>
							<li class="nav-item"><a class="nav-link" href="write-for-us.php">Write for Us</a></li>
							<!--<li class="nav-item"><a class="nav-link" href="talk-shop.php">Talk Shop</a></li>-->
							<!--<li class="nav-item"><a class="nav-link" href="popcorn-picks.php">Popcorn Picks</a></li>-->
							<!--<li class="nav-item"><a class="nav-link" href="aspiring-answer.php">Aspiring Answer</a></li>-->
							<!--<li class="nav-item"><a class="nav-link" href="economics.php">Economics</a></li>-->
							<!--<li class="nav-item"><a class="nav-link" href="trends.php">Trends</a></li>-->
							<!--<li class="nav-item"><a class="nav-link" href="eye-for-icon.php">Eye for icon</a></li>-->
						</ul>
					</div>
 					<div class="col-6">
						<ul class="nav flex-column text-primary-hover">
							<!--<li class="nav-item"><a class="nav-link pt-0" href="#">News</a></li>-->
							<!--<li class="nav-item"><a class="nav-link" href="#">Career <span class="badge text-bg-danger ms-2">2 Job</span></a></li>-->
							<!--<li class="nav-item"><a class="nav-link" href="#">Technology</a></li>-->
							<!--<li class="nav-item"><a class="nav-link" href="#">Startups</a></li>-->
							<!--<li class="nav-item"><a class="nav-link" href="#">Gadgets</a></li>-->
							<!--<li class="nav-item"><a class="nav-link" href="#">Inspiration</a></li>-->
						</ul>
					</div>
				</div>
			</div>
		
			<!-- Footer Widget -->
			<div class="col-md-6 col-lg-3 mb-4">
				<h5 class="mb-4 text-white">Categories</h5>
				<div class="row">
					<div class="col-6">
						<ul class="nav flex-column text-primary-hover">
							<li class="nav-item"><a class="nav-link pt-0" href="categories.php?id=3">Books</a></li>
							<li class="nav-item"><a class="nav-link pt-0" href="categories.php?id=4">History</a></li>
							<li class="nav-item"><a class="nav-link" href="categories.php?id=5">Tech</a></li>
							<li class="nav-item"><a class="nav-link" href="categories.php?id=6">Talk Shop</a></li>
							<li class="nav-item"><a class="nav-link" href="categories.php?id=7">Popcorn Picks</a></li>
							
							<li class="nav-item"><a class="nav-link" href="categories.php?id=8">Aspiring Answer</a></li>
							<li class="nav-item"><a class="nav-link" href="categories.php?id=9">Economics</a></li>
							<li class="nav-item"><a class="nav-link" href="categories.php?id=10">Trends</a></li>
							<li class="nav-item"><a class="nav-link" href="categories.php?id=11">Eye for icon</a></li>
						</ul>
					</div>
 					<div class="col-6">
						<ul class="nav flex-column text-primary-hover">
							<!--<li class="nav-item"><a class="nav-link pt-0" href="#">News</a></li>-->
							<!--<li class="nav-item"><a class="nav-link" href="#">Career <span class="badge text-bg-danger ms-2">2 Job</span></a></li>-->
							<!--<li class="nav-item"><a class="nav-link" href="#">Technology</a></li>-->
							<!--<li class="nav-item"><a class="nav-link" href="#">Startups</a></li>-->
							<!--<li class="nav-item"><a class="nav-link" href="#">Gadgets</a></li>-->
							<!--<li class="nav-item"><a class="nav-link" href="#">Inspiration</a></li>-->
						</ul>
					</div>
				</div>
			</div>

			<!-- Footer Widget -->
			<div class="col-sm-6 col-lg-3 mb-4">
				<h5 class="mb-4 text-white">Get Regular Updates</h5>
				<ul class="nav flex-column text-primary-hover">
					<li class="nav-item"><a class="nav-link pt-0" href="https://whatsapp.com/channel/0029VaKJcbrBPzjabAiRHe1m"><i class="fab fa-whatsapp fa-fw me-2"></i>WhatsApp</a></li>
					<!--<li class="nav-item"><a class="nav-link" href="#"><i class="fab fa-youtube fa-fw me-2"></i>YouTube</a></li>-->
					<!--<li class="nav-item"><a class="nav-link" href="#"><i class="far fa-bell fa-fw me-2"></i>Website Notifications</a></li>-->
					<li class="nav-item"><a class="nav-link" href="#"><i class="far fa-envelope fa-fw me-2"></i>Newsletters</a></li>
					<!--<li class="nav-item"><a class="nav-link" href="#"><i class="fas fa-headphones-alt fa-fw me-2"></i>Podcasts</a></li>-->
				</ul>
				
				<ul class="nav">
						<li class="nav-item">
							<a class="nav-link px-2 fs-5" href="https://www.facebook.com/profile.php?id=61553710051503"><i class="fab fa-facebook-square"></i></a>
						</li>
						<li class="nav-item">
							<a class="nav-link px-2 fs-5" target="_blank" href="https://www.instagram.com/desera.in?igsh=dDgxNDYyb3owMXFi"><i class="fab fa-instagram"></i></a>
						</li>
						<li class="nav-item">
							<a class="nav-link px-2 fs-5" target="_blank" href="https://www.linkedin.com/company/deseramagazine/"><i class="fab fa-linkedin"></i></a>
						</li>
						<li class="nav-item">
							<a class="nav-link px-2 fs-5" target="_blank" href="https://x.com/deseramagazine?s=20"><i class="fab fa-twitter-square"></i></a>
						</li>
						
						
						
						<li class="nav-item">
							<!--<a class="nav-link ps-2 pe-0 fs-5" href="#"><i class="fab fa-vimeo"></i></a>-->
						</li>
					</ul>
			</div>
			<!-- Footer Widget -->
			
			<!-- Footer Widget -->
			<!--<div class="col-sm-6 col-lg-3 mb-4">-->
			<!--	<h5 class="mb-4 text-white">Our mobile App</h5>-->
				<!--<p class="text-body-secondary">Download our App and get the latest Breaking News Alerts and latest headlines and daily articles near you.</p>-->
			<!--<h6 class="mb-4 text-white" >	<strong>Coming Soon!!!!</strong> </h6>-->
				
				<!--<div class="row g-2">-->
				<!--	<div class="col">-->
				<!--		<a href="#"><img class="w-100" src="assets/images/app-store.svg" alt="app-store"></a>-->
				<!--	</div>-->
				<!--	<div class="col">-->
				<!--		<a href="#"><img class="w-100" src="assets/images/google-play.svg" alt="google-play"></a>-->
				<!--	</div>-->
				<!--</div>-->
			<!--</div>-->
		</div>
		<!-- Widgets END -->

		<!-- Hot topics START -->
		<div class="row">
			<h5 class="mb-2 text-white">Hot topics</h5>
			<ul class="list-inline text-primary-hover lh-lg">
				<li class="list-inline-item"><a href="what-is-ai-art.php">What is Ai Art</a></li>
				<li class="list-inline-item"><a href="brutalism-from-raw-concrete.php">Brutalism</a></li>
				<li class="list-inline-item"><a href="design-of-everyday-things.php">Books to Read</a></li>
				<li class="list-inline-item"><a href="wtp-jaipur.php">WTP Jaipur</a></li>
			<!--	<li class="list-inline-item"><a href="#">Royalist</a></li>-->
			<!--	<li class="list-inline-item"><a href="#">World</a></li>-->
			<!--	<li class="list-inline-item"><a href="#">Half Full</a></li>-->
			<!--	<li class="list-inline-item"><a href="#">Scouted</a></li>-->
			<!--	<li class="list-inline-item"><a href="#">Travel</a></li>-->
			<!--	<li class="list-inline-item"><a href="#">Beast Inside</a></li>-->
			<!--	<li class="list-inline-item"><a href="#">Crossword</a></li>-->
			<!--	<li class="list-inline-item"><a href="#">Newsletters</a></li>-->
			<!--	<li class="list-inline-item"><a href="#">Podcasts</a></li>-->
			<!--	<li class="list-inline-item"><a href="#">Auction 2022</a></li>-->
			<!--	<li class="list-inline-item"><a href="#">Protests</a></li>-->
			<!--	<li class="list-inline-item"><a href="#">NewsCyber</a></li>-->
			<!--	<li class="list-inline-item"><a href="#">Education</a></li>-->
			<!--	<li class="list-inline-item"><a href="#">Sports</a></li>-->
			<!--	<li class="list-inline-item"><a href="#">Tech And Auto</a></li>-->
			<!--	<li class="list-inline-item"><a href="#">Opinion</a></li>-->
			<!--	<li class="list-inline-item"><a href="#">Share Market</a></li>-->
			<!--</ul>-->
		</div>
		<!-- Hot topics END -->
	</div>

	<!-- Footer copyright START -->
	<div class="bg-dark-overlay-3 mt-5">
		<div class="container">
			<div class="row align-items-center justify-content-md-between py-4">
				<div class="col-md-6">
					<!-- Copyright -->
					<div class="text-center text-md-start text-primary-hover text-body-secondary">©Hokum Digitals <a href"" class="text-reset btn-link" target="_blank"></a>. All rights reserved
					</div>
				</div>
				<div class="col-md-6 d-sm-flex align-items-center justify-content-center justify-content-md-end">
					<!-- Language switcher -->
					<div class="dropup me-0 me-sm-3 mt-3 mt-md-0 text-center text-sm-end">
						<a class="dropdown-toggle text-primary-hover" href="#" role="button" id="languageSwitcher" data-bs-toggle="dropdown" aria-expanded="false">
							English Edition
						</a>
						<ul class="dropdown-menu min-w-auto" aria-labelledby="languageSwitcher">
							<li><a class="dropdown-item" href="#">English</a></li>
							<li><a class="dropdown-item" href="#">German </a></li>
							<li><a class="dropdown-item" href="#">French</a></li>
						</ul>
					</div>
					<!-- Links -->
					<ul class="nav text-primary-hover text-center text-sm-end justify-content-center justify-content-center mt-3 mt-md-0">
						<li class="nav-item"><a class="nav-link" href="terms-and-conditions.php">Terms</a></li>
						<li class="nav-item"><a class="nav-link" href="privacy-policy.php">Privacy</a></li>
						<li class="nav-item"><a class="nav-link pe-0" href="#">cookies</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- Footer copyright END -->
</footer><!-- =======================
Footer END -->

<!-- Back to top -->
<div class="back-top"><i class="bi bi-arrow-up-short"></i></div>

<!-- =======================
JS libraries, plugins and custom scripts -->

<!-- Bootstrap JS -->
<script src="assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

<!-- Vendors -->
<script src="assets/vendor/tiny-slider/tiny-slider.js"></script>
<script src="assets/vendor/sticky-js/sticky.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.js"></script>

<!-- Template Functions -->
<script src="assets/js/functions.js"></script>
<script>
            // Function to update the heart color based on like status
        function updateHeartColorBasedOnLikeStatus(postId) {
            fetch('get_like_status.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({ post_id: postId })
            })
            .then(response => response.json())
            .then(data => {
                const heartIcon = document.querySelector('.fa-heart'); // Assuming you're using Font Awesome for heart icon
                if (data.liked) {
                    heartIcon.classList.remove('far');
                    heartIcon.classList.add('fas');
                } else {
                    heartIcon.classList.remove('fas');
                    heartIcon.classList.add('far');
                }
            })
            .catch(error => {
                console.error('Error fetching like status:', error);
            });
        }
        
        // Function to increase the like count
        function increaseLikeCount() {
            const postId = document.getElementById('postId').innerText;
        
            fetch('likes.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({ post_id: postId })
            })
            .then(response => response.json())
            .then(data => {
                const heartIcon = document.querySelector('.fa-heart');
                console.log(data.id);
                if (data.error) {
                    alert(data.error); // Display error message
                    return;
                }
                if (data.liked) {
                    heartIcon.classList.remove('far');
                    heartIcon.classList.add('fas');
                } else {
                    heartIcon.classList.remove('fas');
                    heartIcon.classList.add('far');
                }
                // document.getElementById('likeCount').innerText = data.count;
            })
            .catch(error => {
                console.error('Error liking post:', error);
                alert('Failed to perform like action. Please try again.');
            });
        }
        
        // Event listener to fetch and update like status when the page loads
        document.addEventListener('DOMContentLoaded', function() {
            const postId = document.getElementById('postId').innerText;
            updateHeartColorBasedOnLikeStatus(postId);
        });

</script>
</body>
</html>