<?php
    include('header.php');
    $news_letter_class = "newsletter-area-2";
?>
<style>
    .single-event
    {
        padding:0;
    }
    .single-event .time {
        padding:10px;
    }
</style>
<section class="page-banner">
    <div class="page-banner-bg bg_cover" style="background-image: url(assets/images/page-banner.jpg);">
        <div class="container">
            <div class="banner-content text-center">
                <h2 class="title">Gallery</h2>
            </div>
        </div>
    </div>
</section>

<section class="mt-30 mb-50">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="event-menu pt-20 text-center">
                    <ul class="menu-items">
                        <li data-filter="*" class="active">All</li>
                        <?php 
                            $sel_cat = mysqli_query($con,"select category from gallery where is_active=1 and section='Gallery' group by category");
                            while($res_cat = mysqli_fetch_array($sel_cat))
                            {
                        ?>
                        <li data-filter=".<?php echo str_replace(' ','-',$res_cat['category']); ?>"><?php echo $res_cat['category']; ?></li>
                        <?php
                            }
                        ?>
                    </ul>
                </div>
            </div>
        </div>
        <div class="event-wrapper">
            <div class="row grid">
                <?php 
                $sel_gallery = mysqli_query($con,"select * from gallery where is_active=1 and section='Gallery'");
                while($res_gallery = mysqli_fetch_array($sel_gallery))
                {
                ?>
                <div class="col-lg-3 col-sm-6 <?php echo str_replace(' ','-',$res_gallery['category']); ?>">
                    <div class="single-event text-center mt-10">
                        <a class="image-popup" href="adminweb/<?php echo $res_gallery['photo']; ?>">
                            <img src="adminweb/<?php echo $res_gallery['photo']; ?>" class="img-responsive" />
                        </a>
                        <span class="time"><?php echo $res_gallery['title']; ?></span>
                    </div>
                </div>
                <?php
                }
                ?>
            </div>
        </div>
    </div>
</section>

<?php include('footer.php'); ?>