<?php 
    
    session_start();
    $campus = "";
    $my_email = "";
    $off_dept = "";
    if(isset($_SESSION['campus'])){
      $campus = $_SESSION['campus'];
    }
    if(isset($_SESSION['login_user'])){
      $my_email = $_SESSION['login_user'];
    }
    if(isset($_SESSION['office'])){
      $off_dept = $_SESSION['office'];
    }      
?>
<?php include('session.php') ?>
<?php include('upload.php') ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <!-- SEO Meta Tags -->
    <meta name="description" content="Tivo is a HTML landing page template built with Bootstrap to help you crate engaging presentations for SaaS apps and convert visitors into users.">
    <meta name="author" content="Inovatik">

    <!-- OG Meta Tags to improve the way the post looks when you share the page on LinkedIn, Facebook, Google+ -->
    <meta property="og:site_name" content="" /> <!-- website name -->
    <meta property="og:site" content="" /> <!-- website link -->
    <meta property="og:title" content=""/> <!-- title shown in the actual shared post -->
    <meta property="og:description" content="" /> <!-- description shown in the actual shared post -->
    <meta property="og:image" content="" /> <!-- image link, make sure it's jpg -->
    <meta property="og:url" content="" /> <!-- where do you want your post to link to -->
    <meta property="og:type" content="article" />

    <!-- Website Title -->
    <title>Gallery - MinSU Office of Planning, Monitoring and Evaluation </title>

    <!-- Styles -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap&subset=latin-ext" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/fontawesome-all.css" rel="stylesheet">
    <link href="css/swiper.css" rel="stylesheet">
    <link href="css/magnific-popup.css" rel="stylesheet">
    <link href="css/sstyle.css" rel="stylesheet">
    <link href="css/mystyle.css" rel="stylesheet">

    <!-- Favicon  -->
    <link rel="icon" href="images/logos.png">
</head>
<body data-spy="scroll" data-target=".fixed-top">

    <!-- Preloader -->
    <div class="spinner-wrapper">
        <div class="spinner">
            <div class="bounce1"></div>
            <div class="bounce2"></div>
            <div class="bounce3"></div>
        </div>
    </div>
    <!-- end of preloader -->

    

    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top" style="background-color: #11823b; position:fixed;">
        <div class="container">

            <!-- Text Logo - Use this if you don't have a graphic logo -->
            <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Tivo</a> -->

            <!-- Image Logo -->
            <a class="navbar-brand logo-image" href="home.php"><img src="images/Minsu.png" alt="alternative" style="height:100px; width: 100px; "></a> 
            
            <!-- Mobile Menu Toggle Button -->
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-awesome fas fa-bars"></span>
                <span class="navbar-toggler-awesome fas fa-times"></span>
            </button>
            <!-- end of mobile menu toggle button -->

            <div class="collapse navbar-collapse" id="navbarsExampleDefault">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="home.php">HOME <span class="sr-only">(current)</span></a>
                    </li>
                    <!-- Dropdown Menu -->
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle page-scroll" href="profile.php" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded="false">PROFILE</a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <a class="dropdown-item" href="gallery.php"><span class="item-text">GALLERY</span></a>
                            <div class="dropdown-items-divide-hr"></div>
                            <a class="dropdown-item" href="files.php"><span class="item-text">FILES</span></a>
                            <div class="dropdown-items-divide-hr"></div>
                            <a class="dropdown-item" href="evaluations.php"><span class="item-text">EVALUATIONS</span></a>
                            <!--<div class="dropdown-items-divide-hr"></div>-->
                            <!--<a class="dropdown-item" href="min-sahe.php"><span class="item-text">MIN-SAHE</span></a>-->
                        </div>
                    </li>
                    <!-- end of dropdown menu -->

                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="announcements.php">ANNOUNCEMENTS</a>
                    </li>
                </ul>
                <span class="nav-item">
                    <a class="btn-outline-sm" href="logout.php">LOGOUT</a>
                </span>
            </div>
        </div> <!-- end of container -->
    </nav> <!-- end of navbar -->
    <!-- end of navigation -->

    <br><br><br><br><br><br><br>
    <!-- gallery -->
    <section class="swag text-center" id="portfolio">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <br>
                    <br>
                    <br>
                    <div class="above-heading">Mindoro State University</div>
                    <h3><?php echo $off_dept; ?></h3>    
                    <h2 class="h2-heading">Gallery</h2>
                </div> <!-- end of col -->
            </div> <!-- end of row -->
        </div>
    </div>
</section>


<!-- PORTFOLIO ITEM  -->
<div class="container">
    <div class="col-lg-12">

        <!-- Card -->
        <div class="card">
            <div class="card-image" style="margin-left:10%; margin-right:10%;">
                <?php
                while ($row = mysqli_fetch_array($port_index)) {
                    echo "<a href='uploads/".$row['image']."' style='height:100px; width:100px; padding: 5px;' data-lightbox='roadtrip' title='".$row['image_text']."'><img class='grayscale' style='height:200px; width: 200px; object-fit:cover;  ' src='uploads/".$row['image']."' alt='Portfolio Item' ></a>";
                }
                ?>
            </div>
        </div>
        <!-- end of card -->
    </div>
</div>

<!-- PORTFOLIO ITEM END -->
<!-- end of gallery -->

<br><br><br><br><br>
      <!-- Footer -->
      <svg class="footer-frame" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1920 79">
         <defs>
            <style>.cls-2{fill:#11823b;}</style>
         </defs>
         <title>footer-frame</title>
         <path class="cls-2" d="M0,72.427C143,12.138,255.5,4.577,328.644,7.943c147.721,6.8,183.881,60.242,320.83,53.737,143-6.793,167.826-68.128,293-60.9,109.095,6.3,115.68,54.364,225.251,57.319,113.58,3.064,138.8-47.711,251.189-41.8,104.012,5.474,109.713,50.4,197.369,46.572,89.549-3.91,124.375-52.563,227.622-50.155A338.646,338.646,0,0,1,1920,23.467V79.75H0V72.427Z" transform="translate(0 -0.188)"/>
      </svg>
      <div class="footer">
         <div class="container">
            <div class="row">
               <div class="col-md-4">
                  <div class="footer-col first">
                     <h4>About PME Office</h4>
                     <p class="p-small">Mindoro State University Office of Planning, Monitoring and Evaluation facilitates organizational planning in department/ units levels based on relevant context -international/national/regional/local thrusts</p>
                  </div>
               </div>
               <!-- end of col -->
               <div class="col-md-4">
                  <div class="footer-col middle">
                     <h4>Important Links</h4>
                     <ul class="list-unstyled li-space-lg p-small">
                        <li class="media">
                           <i class="fas fa-square"></i>
                           <div class="media-body">Visit our facebook page : <a target='_blank' class="white" href="https://www.facebook.com/Mindoro-State-University-Office-of-Planning-Monitoring-and-Evaluation-107624678553532">MinSU-PME Office</a></div>
                        </li>
                        <li class="media">
                           <i class="fas fa-square"></i>
                           <div class="media-body">See our web developers : <a target='_blank' class="white" href="https://www.facebook.com/herald.narco.1"><br>Mark Lester F. Rabi, BSIT</a>, <a target='_blank' class="white" href="https://www.facebook.com/maryann.fallaria.54"><br>Mary Ann U. Fallaria, BSIT</a></div>
                        </li>
                     </ul>
                  </div>
               </div>
               <!-- end of col -->
               <div class="col-md-4">
                  <div class="footer-col last">
                     <h4>Contact</h4>
                     <ul class="list-unstyled li-space-lg p-small">
                        <li class="media">
                           <i class="fas fa-map-marker-alt"></i>
                           <div class="media-body">Mindoro State University Calapan City Campus, Masipit Calapan City, Oriental Mindoro</div>
                        </li>
                        <li class="media">
                           <i class="fas fa-envelope"></i>
                           <div class="media-body"><a target='_blank' class="white" href="<?php echo $my_email; ?>">bautista_kf@yahoo.com</a> <i class="fas fa-globe"></i></div>
                        </li>
                     </ul>
                  </div>
               </div>
               <!-- end of col -->
            </div>
            <!-- end of row -->
         </div>
         <!-- end of container -->
      </div>
      <!-- end of footer -->
      <!-- end of footer -->


<!-- Copyright -->
<div class="copyright">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <p class="p-small">Copyright © 2020 <a href="https://inovatik.com">Template by Inovatik</a></p>
            </div> <!-- end of col -->
        </div> <!-- enf of row -->
    </div> <!-- end of container -->
</div> <!-- end of copyright -->
<!-- end of copyright -->


<!-- Scripts -->
<script src="js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
<script src="js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
<script src="js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
<script src="js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
<script src="js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
<script src="js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
<script src="js/validator.min.js"></script> <!-- Validator.js - Bootstrap plugin that validates forms -->
<script src="js/scripts.js"></script> <!-- Custom scripts -->
</body>
</html>
