<?php get_header(); ?>
<?php  
   $blog_type ="col-lg-12"; 
?>	
<?php
if (have_posts())
{
	while ( have_posts() )
	{ 
		the_post();
		$post_id = get_the_ID();
        ?>
 

	   <div class="blog-section blog_details announcement_details bg-navy-800 shadow-mds">
		    <div class="container ">
				<div class="row">
					<div class="<?php echo esc_attr($blog_type); ?>">
 <div class="mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl">
    <div class="max-w-4xl mx-auto">
        <div class="bg-navy-800/50 backdrop-blur-sm rounded-lg border border-navy-600 overflow-hidden"> 
					<?php if(has_post_thumbnail()){ ?>
									<div class="announcement-image aspect-video relative">
										<a href="<?php the_permalink(); ?>">
										<?php 
 										//dreamsrent_content_thumbnail('full');
                                        
     echo get_the_post_thumbnail(get_the_ID(), 'full', ['class' => 'absolute inset-0 w-full h-full object-cover']);
 
?>
										</a>
                                    </div>
									<?php } ?>
                                    <div class="p-8">
  <div class="blogbanner " >		   
			<div class="blogbanner-content">
 
                       <?php 
                        $categories_blog = get_the_terms( $post->ID, 'announcement_category' );
                        if (is_array($categories_blog) || is_object($categories_blog))
                        {
                          foreach( $categories_blog as $category_blog ) 
                          { ?>
                               <a href="<?php echo get_term_link($category_blog->slug, 'announcement_category'); ?>"><span class="blog-hint"><?php echo esc_html($category_blog->name); ?></span></a>
                        <?php } } ?>
									 

 			  <h1 class="font-heading text-3xl md:text-4xl font-bold text-white mb-6"><?php the_title(); ?></h1>
			   <ul class="entry-meta meta-item ">
				   <li>
					   <div class="post-author">
						   <div class="post-author-img">
						   <?php echo (get_avatar( get_the_author_meta('ID'), 32)); ?>
						   </div>
						   <a href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>"><span> <?php the_author(); ?> </span></a>
					   </div>
				   </li>
				   <li class="date-icon"><i class="fa-solid fa-calendar-days"></i> <?php echo get_the_date('', $post_id ); ?></li>

				    
			   </ul>
		   </div>		            
	   </div>

				<div class="blog-description entry-content space-y-6 text-gray-300">
				<?php the_content(); ?>
				</div>
				 

               


                <?php 

                 $gallery_images = get_post_meta(get_the_ID(), '_announcement_gallery', true);
        if (!empty($gallery_images)) { ?>

         <div class="mt-8 ifa-slider">
            <div class="flex items-center text-gold-400 mb-4">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera mr-2"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"></path><circle cx="12" cy="13" r="3"></circle></svg><span class="font-semibold">Event Gallery</span></div>
                
           


 <div class="owl-carousel single-announcement-slider owl-theme">
 <?php 
 foreach ($gallery_images as $img_id) {
    $image_url = wp_get_attachment_image_url($img_id, 'medium');
	 $image_url_full = wp_get_attachment_image_url($img_id, 'full');

 ?>
<div class="listing-owl-item">
    <div class="listing-owl-group">
        <div class="listing-owl-img">
 
             <a href="<?php echo esc_url($image_url_full); ?>" data-fancybox="gallery" class="gallery-item">
             <img src="<?php  echo esc_url($image_url); ?>" class="img-fluid   w-full h-full object-cover" alt="Category Image">
             </a>
 </div>
 </div>
 </div>
 <?php } ?>
 </div>


 <?php 
 }
 ?>


  </div>
	
		  </div>
 </div>

				<div class="fr-latest-container col-lg-12 mt-3">
					  <?php
						wp_link_pages( array(
						'before'      => '<div class="page_with_pagination"><div class="page-links">','after' => '</div></div>','next_or_number' => 'number','link_before' => '<span class="no">','link_after'  => '</span>') );
					?>
					<div class="clearfix"></div>
					</div>
			
				<div class="blogdetails-pagination">
				    <ul>
					<?php $previous = get_previous_post();
	                          $next_post = get_next_post(); ?>
					
					    <li>
						<?php if($previous!='') { ?> 

     						<a href="<?php echo esc_url(get_the_permalink($previous)) ?>" class="prev-link text-white"><i class="fas fa-regular fa-arrow-left"></i><?php echo esc_html__('Previous','dreamsrent'); ?></a>
 							<?php } ?>	
						</li>
						
						
                        <li>
						<?php if($next_post!='') { ?> 
     						<a href="<?php echo esc_url(get_the_permalink($next_post)) ?>" class="next-link text-white"><?php echo esc_html__('Next','dreamsrent'); ?><i class="fas fa-regular fa-arrow-right"></i> </a>
 							<?php } ?>				
						</li>
							
					</ul>				
				</div>	

                
   
 </div>
 
                    </div>
     			</div>	
			
		 

		</div>

		</div>
				</div> 
<?php
} 
}
else
{
	get_template_part( 'template-parts/blog/content', 'none' );
}
?>

  
<?php  get_footer(); ?>