<?php
    include('header.php');
    $news_letter_class = "newsletter-area-2";
?>
<style>
    .single-event
    {
        padding:20px;
    }
    .single-event .time {
        padding:10px 0;
    }
</style>
<style>
video {
  max-width: 100%;
  height: auto;
}
</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">Video 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='Video' 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='Video'");
                while($res_gallery = mysqli_fetch_array($sel_gallery))
                {
                ?>
                <div class="col-lg-4 col-sm-8 <?php echo str_replace(' ','-',$res_gallery['category']); ?>">
                    <div class="single-event text-center mt-10">
                       
                              
                       <!-- <iframe   src=<?php echo $res_gallery['photo']; ?> title="IDPU COLLEGE HOSPET" frameborder="0" allow="accelerometer;  clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>-->
                       <iframe src="<?php echo $res_gallery['photo']; ?>" title="IDPU COLLEGE HOSPET" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen style="width:100%;height:300px;"></iframe>
                        <span class="time"><?php echo $res_gallery['title']; ?></span>
                       
                       
                    </div>
                </div>
                <?php
                }
                ?>
            </div>
        </div>
    </div>
</section>

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