@extends('layouts.main')
@section('content')
<!--================Breadcrumb Area =================-->
<section class="breadcrumb_area">
    <div class="overlay bg-parallax" data-stellar-ratio="0.8" data-stellar-vertical-offset="0" data-background=""></div>
    <div class="container">
        <div class="page-cover text-center">
            <h2 class="page-cover-tittle">{{__("gallery.title")}}</h2>
            <ol class="breadcrumb">
                <li><a href="#">{{__("gallery.memories")}}</a></li>
            </ol>
        </div>
    </div>
</section>
<!--================Breadcrumb Area =================-->

<!--================Breadcrumb Area =================-->
<section class="gallery_area section_gap" style="background: url('/image/gallery/gallery-background.jpg') no-repeat fixed; background-size: cover; padding-top: 50px;">
    <div class="container" style="background-color: white; padding: 30px; opacity: 0.99; max-width: 80%;">
        <div class="section_title text-center">
            <h2 class="title_color">{{__("gallery.our_memories")}}</h2>
            <p>{{__("gallery.adventure")}}</p>
        </div>
        <div class="row imageGallery1" id="gallery-normal">
            <?php
            $path = "./image/gallery/"; // path to images folder
            $file_count = count(glob($path . "*.{png,jpg,jpeg,PNG,JPG,JPEG}", GLOB_BRACE));
            if ($file_count > 0) {
                $fp = opendir($path);
                while ($file = readdir($fp)) {
                    $ext = pathinfo($file, PATHINFO_EXTENSION);
                    $ext_array = ['png', 'jpg', 'jpeg', 'PNG',  'JPG', 'JPEG'];
                    if (in_array($ext, $ext_array)) {
                        $file_path = $path . $file;
                        ?>
                        <div class="col-md-4 gallery_item">
                            <div class="gallery_img">
                                <img src="<?= $file_path ?>" alt="" style="max-height: 255px;">
                                <div class="hover">
                                    <a class="light" href="<?= $file_path ?>"><i class="fa fa-expand"></i></a>
                                </div>
                            </div>
                        </div>
                        <?php
                    }
                }

                closedir($fp);
            } else {
                echo "Sorry! There are no images in the gallery!!!";
            }
            ?>
        </div>
    </div>
</section>
<!--================Breadcrumb Area =================-->
@endsection