 <?php
error_reporting(E_ALL);
ini_set('display_errors', 1);
session_start();
include "../include/config.php";
$userlogin=$_SESSION['studentid'];
$intake= $_SESSION['intake'];
$pro= $_SESSION['program'];
if (isset($_SESSION['studentid'])){?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="../../boostrap/1.css">
    <link rel="stylesheet" href="../../boostrap/2.css">
      <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&family=Source+Sans+Pro:wght@300&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   <link rel="icon" href="favicon.png" type="image/png">
   <!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- Bootstrap JS -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

    <meta name="theme-color" content="var(--primary)">
      <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
      <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
      <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
      <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Signika+Negative:wght@300..700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="res/bootstrap@5.2.0.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rowdies:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<style>
    body{
        padding: 0px;
        margin:0px;
        
  font-size:16px;
  width:100%;
  background:white;
    }
    nav{
        background:var(--primary);
        line-height: 60px;
    }
     nav a{
        
        color:white;
        text-decoration:none;
    }
    nav a:hover{
        color: orange;
    }
    .pro,.money{
        display: flex;
        justify-content:center;

    }
    .pro p{
     
      margin-left:30px;
   
    }
    @media only screen and (max-width:500px){
         nav a{
        margin-left:%;
        color:white;
        text-decoration:none;
    }
    nav a:hover{
        color: orange;
    }
    .header{
      
      width:100%;
    }
    }
    .iterm{
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        margin-top:10px;
        margin-top: 10px;
        color: white;
        overflow: scroll;
        height:100%;
        text-align: center;
    }
    .iterm1{
    
    padding:20px;
    padding-left:30px;
    padding-right:30px;
    }
    .iterm a{
        width:45%;
        height :%;
        box-shadow:rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;
        padding: 10px;
        text-align: center;
        border-radius: 5px;
        margin: 5px;
        background: white;
        text-decoration: none;
        border:1px solid gray;
        
        
    }
    

    .header{
        margin-top:px;
        background:var(--primary);
        background-size:cover;
        background-blend-mode:darken;
        height: 200px;
       
       width:100%;
        
        color: white;
        padding: px;
        text-align: center ;
    
      
        
    }

    .header{
      
      width:100%;
    }
    part{
      margin-top: -50px;
      position: absolute;
      background: white;
      width:93%;
      height:210px;
      top: 60px;
      left: 50%;
      transform: translate(-50%);
      color: gray;
      display: block;
      border-radius: 6px;
    }
.header img{
  width:80px;
  height: 80px;
  border-radius: 50%;
  border: 5px solid white;
  float:right;
  margin-right:15px;
  
}
    
    .iterm_box img{
      
    }
    
    .iterm  i{
      font-size: 20px;
      background:#cc1717bb;
      padding: 9px;
      border-radius: 5px;
    }
    .iterm_box p{
      font-size: 13px;
      margin-top: 5px;
      color:var(--primary);
      margin-bottom: 10px;
    }
    .btn{
      background:#cc1717bb;
      border:none;
      border-radius:2px;
      outline:none;
      color: white;
    }
    .div .btn{
       
      background: transparent;
      border:;
      border-radius:0px;
      padding:7px;
      border-bottom: 2px solid white;
      outline:none;
    }  
    .div .btn:hover{
       border:none;
       outline:none;
       
       background: transparent;
       border-bottom: 2px solid black;
       border-radius:2px;
       box-shadow:none;
     } 
    .dash{
      color: white;
      font-weight: 900px;
      text-align : center ;
    }
    .money{
        justify-content:;
        display:flex;
        flex-wrap:wrap;
        width:100%;
       
   
    }
    .money .card1{
        width:60px;
        margin-left:10px;
        box-shadow:2px 1px 10px 0px rgb(199, 235, 202);
        margin-top:-10px;
     
    }
    #btn{
    background: orange;
    }
   
   .in{
    padding:20px;
    
   }
   .in .card2{
    width:46%;
    margin:5px;
    text-align:center;
    padding:5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius:6px;
    background:;
    color:var(--primary);
    border:none;
    font-size:14px;
    height:100%;
   }
   .in .card2 img{
    font-size:30px;
    color:#cc1717bb;
    opacity:0.4;
   }
   .loading {
            display: none;
            text-align: center;
            margin: 1rem 0;
        }

    .content{
        margin-left:210px;
        padding:10px;
    }
</style>
<body>

  
  <?php include "../include/nav.php";?>

  
      
<div class="content" style="">

    
  <br>
<div style="font-family: 'Segoe UI', Arial, sans-serif; margin:15px;">
  <h3 style="font-weight:700; color:#202342; margin:10px 0;">Latest News</h3>

  <?php
  $query = mysqli_query($conn, "SELECT * FROM news ORDER BY date DESC LIMIT 6");
  while ($row = mysqli_fetch_array($query)) {
  ?>
    <div style="display:flex; align-items:center; background:#fff; border-radius:10px; padding:10px; margin-bottom:12px; box-shadow:0 2px 6px rgba(0,0,0,0.08);">

      <!-- Thumbnail -->
      <img src="../img/<?php echo $row['image']; ?>" 
           style="width:80px; height:60px; object-fit:cover; border-radius:8px; flex-shrink:0;">

      <!-- Title -->
      <div style="flex:1; margin-left:12px;">
        <a href="../view?id=<?php echo $row['id']; ?>" 
           style="text-decoration:none; color:#202342;">
          <h4 style="margin:0; font-size:15px; font-weight:600; line-height:1.3;">
            <?php echo $row['title']; ?>
          </h4>
        </a>
        <small style="color:#888; font-size:12px;">
          <?php echo date("M d, Y", strtotime($row['date'])); ?>
        </small>
      </div>

      <!-- Button -->
      <a href="viewnews.php?id=<?php echo $row['id']; ?>" style="text-decoration:none; margin-left:10px;">
        <button style="background:var(--primary); color:white; border:none; padding:6px 12px; border-radius:6px; font-size:13px; cursor:pointer;">
          View
        </button>
      </a>
    </div>
  <?php } ?>
</div>

    
             
        
</body>
</html>
<?php
}else {
  header("location:../index.php");
}

?>


