<?php
/*
Template Name: Crystal Page Template
*/
get_header();
?>
<?php
    while ( have_posts() ) :
    the_post();
?>
<?php require_once('template-parts/common-hero-section.php')?>

<section class="blogsDetailSec serviceDetailSec maxwidth1150 mypy100">
    <div class="container">
        <div class="row">
            <div class="col-md-12 mx-auto rightSec">
                <div class="card">
                    <div class="card-body">
                        <?php echo the_content(); ?>  
                    </div>
                    <a class="btn btnRed" href="<?php echo esc_url(get_site_url()); ?>/contact-us/">Book Your Consultation</a>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="gallery_wrapper productsSec  mypy100">
    <div class="container maxwidth1150"> 

        <div class="gallery-section">
            <h2 style="text-align: left"><i class="fa-solid fa-medal"></i> Photo Gallery</h2>
            <?php
                $crystalsGallery = get_posts(array(
                    'post_type' => 'crystals-gallery',
                    'post_status' => 'publish',
                    'orderby' => 'date',
                    'order' => 'ASC',
                    'posts_per_page' => 300
                ));

                if (!empty($crystalsGallery)) : // Only display the slider section if there are posts
            ?>
            <div class="row">
                <?php
                    foreach ($crystalsGallery as $crystalsGalleryListVal) {
                        $featuredImage = get_the_post_thumbnail_url($crystalsGalleryListVal->ID, 'full');
                         
                ?>
                <div class="col-lg-3 col-md-4 col-sm-6 col-6">
                    <a href="<?php echo esc_url($featuredImage); ?>" data-fancybox="gallery" data-caption="<?php echo get_the_title($crystalsGalleryListVal->ID); ?>" class="gallery_item">
                        <img src="<?php echo esc_url($featuredImage); ?>" alt="<?php echo esc_attr(get_the_title($crystalsGalleryListVal->ID)); ?>">
                    </a>
                </div>
                <?php } ?>
            </div>
            <?php endif; ?>
        </div>
    </div>
</div>

<?php endwhile; ?>     
<?php get_footer(); ?>