
<?php get_header();?>



<div class="mainsingle-pages">
    <div class="container">
        <div class="row">
            <?php
            // قم بتغيير 'image_gallery_proj' إلى اسم الحقل الخاص بك إذا كان مختلفاً
            $images = get_field('image_gallery_proj');

            if ( $images ) : ?>
                <div class="col-md-12">
                    <div class="slidthmgalert">
                        <div class="container">
                            <div class="row">
                                <!-- السلايدر الأساسي -->
                                <div class="col-md-10 wow fadeInUp">
                                    <div class="slider-main">
                                        <?php foreach ( $images as $image ) : ?>
                                            <div>
                                                <img src="<?php echo esc_url( $image['url'] ); ?>" alt="<?php echo esc_attr( $image['alt'] ); ?>" />
                                            </div>
                                        <?php endforeach; ?>
                                    </div>
                                </div>

                                <!-- السلايدر المصغّر (Thumbnails) -->
                                <div class="col-md-2 wow fadeInUp" data-wow-delay= '.2s' >
                                    <div class="slider-nav">
                                        <?php foreach ( $images as $image ) : ?>
                                            <div>
                                                <!-- استخدم حجم صورة مصغّر للحصول على أداء أفضل -->
                                                <img src="<?php echo esc_url( $image['sizes']['thumbnail'] ); ?>" alt="<?php echo esc_attr( $image['alt'] ); ?>" />
                                            </div>
                                        <?php endforeach; ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            <?php endif; ?>

            <?php if(get_field('specifications_proj')): ?>

            <div class="col-md-12">
                <h3 class="wow fadeInUp"><?php _e("<!--:en-->  Specifications : <!--:--><!--:ar--> مواصفات  : <!--:-->"); ?></h3>
                <br>
                <div class="spesfc-items  ">

                        <?php while(has_sub_field('specifications_proj' )): ?>
                            <div class="spesfcitm wow fadeInUp">
                                <span><?php the_sub_field('specification_title' ) ?> : </span>
                                <span><?php the_sub_field('specification_description' ) ?></span>
                            </div>


                        <?php endwhile; ?>

                </div>
            </div>
            <?php endif; ?>
























            <?php if (has_post_thumbnail()) { ?>
            <div class="col-lg-12 d-flex justify-content-center mb-5 wow fadeInUp">
                <div class="singimg">
                    <?php
                    $thumbnail_id = get_post_thumbnail_id();
                    $title = get_the_title($thumbnail_id);
                    $alt = get_post_meta($thumbnail_id, '_wp_attachment_image_alt', true) ?: $title ;
                    ?>
                    <img src="<?php echo get_the_post_thumbnail_url(null, 'full'); ?>"
                         class="img-fluid"
                         alt="<?php echo esc_attr($alt); ?>"
                         title="<?php echo esc_attr($title); ?>" />
                </div>
            </div>
            <?php } ?>
            <?php if(have_posts()) :  while(have_posts()) : the_post(); ?>
            <div class="col-lg-12 d-flex justify-content-center wow fadeInUp">
                <div class="singcont">
                    <?php the_content(); ?>
                </div>
            </div>
            <?php endwhile;  else :  endif;   ?>
        </div>
    </div>
</div>



<?php get_footer();?>