<?php
	get_header();
?>

<?php 
// Background image (per page)
$bg_image = get_field('inner_section_bg');
$section_style = $bg_image 
    ? 'style="background-image:url('.esc_url($bg_image['url']).'); background-size:cover; background-position:center;"' 
    : '';
?>


<!--breadcrumb-->
<section class="inner_section"  <?php echo $section_style; ?>>
<div class="container">
    <div class="row">
        <div class="breadcrum-content">

            <h1>
                <?php echo get_field('inner_section_title') ?: get_the_title(); ?>
            </h1>

            <p class="breadcrumb">
                <a href="<?php echo home_url(); ?>">Home</a>
                <span>
                    <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M5.31915 4.28177C5.45434 4.417 5.53029 4.60039 5.53029 4.7916C5.53029 4.98282 5.45434 5.1662 5.31915 5.30143L1.2398 9.38078C1.17328 9.44965 1.09371 9.50459 1.00573 9.54238C0.917755 9.58018 0.82313 9.60007 0.727381 9.6009C0.631632 9.60173 0.536676 9.58349 0.448054 9.54723C0.359431 9.51097 0.278917 9.45742 0.21121 9.38972C0.143502 9.32201 0.0899571 9.2415 0.0536988 9.15287C0.0174405 9.06425 -0.000804807 8.96929 2.72272e-05 8.87355C0.000859262 8.7778 0.0207522 8.68317 0.0585451 8.59519C0.096338 8.50721 0.151274 8.42764 0.220148 8.36112L3.78967 4.7916L0.220148 1.22208C0.0887908 1.08608 0.0161065 0.903923 0.0177495 0.714849C0.0193925 0.525775 0.0952312 0.34491 0.228932 0.21121C0.362632 0.077509 0.543497 0.00167026 0.732571 2.72601e-05C0.921645 -0.00161574 1.1038 0.0710686 1.2398 0.202425L5.31915 4.28177Z" fill="white"/>
                    </svg>
                </span>
                <span><?php echo get_field('inner_section_title') ?: get_the_title(); ?></span>
            </p>

        </div>
    </div>
</div>
</section>
<!--breadcrumb-->

<!-- Blog Details Page -->
<section class="blog-detail">
  <div class="container">

    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

    <div class="blog-detail-header">
      <h1><?php the_title(); ?></h1>

      <span class="blog-meta">
        By <?php the_author(); ?> |
        <?php echo get_the_date('d M Y'); ?> |
        <?php the_category(', '); ?>
      </span>
    </div>

  
    <?php if (has_post_thumbnail()) : ?>
      <div class="blog-detail-img">
        <img src="<?php the_post_thumbnail_url('large'); ?>" alt="<?php the_title(); ?>">
      </div>
    <?php endif; ?>

  
    <div class="blog-detail-content">
      <?php the_content(); ?>
    </div>


    <?php if (has_tag()) : ?>
      <div class="blog-tags">
        <?php the_tags('<strong>Tags:</strong> ', ', '); ?>
      </div>
    <?php endif; ?>

    <div class="blog-navigation">
      <div class="prev">
        <?php previous_post_link('%link', '← Previous Post'); ?>
      </div>
      <div class="next">
        <?php next_post_link('%link', 'Next Post →'); ?>
      </div>
    </div>

    <?php endwhile; endif; ?>

  </div>
</section>
<!-- End Blog Details Page -->




<?php
	get_footer();
?>