<?php
session_start();
if (!isset($_SESSION['AccID'])) {
    header('Location: login.html');
    exit()
;}

include("connection.php");
$AccID = $_SESSION['AccID'];

// Fetching the user's name
$sql = "SELECT Renter_Name FROM renter WHERE Renter_ID = '$AccID'";
$result = mysqli_query($conn, $sql);
$user = mysqli_fetch_assoc($result);
$userName = $user['Renter_Name'];
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Feedback | UITM BAZAAR</title>
    <link rel="stylesheet" href = "style.css">
    <link rel="stylesheet" href="style2.css">
	<link rel="stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: var(--bg-color, rgb(15,15,15));
            color: var(--text-color, white);
        }
        
        h2 {
            font-size: 40px;
        }
        h6 {
            font-size: 15px;
        }
        hr {
            border: 1px solid #ccc;
            margin: 20px auto;
            width: 50%;
        }
        strong {
            display: block;
            font-weight: bold;
            margin-top: 20px;
            font-size: 20px;
        }
        p {
            margin-bottom: 20px;
        }
        button {
            margin-left: 130px;
            padding: 10px 20px;
            background-color: var(--main-color, purple);
            color: white;
            border: none;
            cursor: pointer;
            border-radius: 5px;
        }
        button:hover {
            background-color: #6b1c6e;
        }
        footer {
            text-align: center;
            padding: 20px 0;
            background-color: #333;
            color: white;
        }
        form {
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
            background-color: black;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        fieldset {
            border: none;
            padding: 0;
            margin: 0;
        }
        table {
            width: 100%;
        }
        
        table td{
            font-size: 17px;
        }

        input[type="text"],
        select {
            width: calc(100% - 20px);
            padding: 8px;
            margin: 5px 0;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        input[type="checkbox"] {
            margin-right: 5px;
        }
        label {
            font-size: 17px;
        }
        legend {
            font-size: 20px;
        }
        .hom-img h1{
            font-size: 40px;
            text-align: center;
            margin-right: 10px;
        }
        .hom-img img{
            margin-left: 43rem;
            margin-bottom: 30px;
            position: center;
            width: 170px;
        }
        textarea{
            width: 300px;
            height: 70px;
        }
    </style>
</head>
<body>
    
    <aside class="sidebar">
      <div class="logo">
        <img src="pic/profiles.png" alt="logo">
        <h2><?php echo $userName; ?>'s</h2>
      </div>
      <ul class="links">
        <h4>Main Menu</h4>
        <li>
          <span class="material-symbols-outlined"><img src="pic/home.png"></span>
          <a href="rentermenu.php">Main Menu</a>
        </li>
        <hr>
        <h4>Advanced</h4>
        <li>
          <span class="material-symbols-outlined"><img src="pic/receipt.png"></span>
          <a href="selectReceipt.php">Receipt</a>
        </li>
        <hr>
        <h4>Account</h4>
        <li>
          <span class="material-symbols-outlined"><img src="pic/profile2.png"></span>
          <a href="renterProfile.php">Profile</a>
        </li>
        <hr>
        <h4>Sign Out</h4>
        <li class="logout-link">
          <span class="material-symbols-outlined"><i class="fa-solid fa-right-from-bracket"></i></span>
          <a href="logout.php">Logout</a>
        </li>
      </ul>
    </aside>
    <header class = "header">
        <title>Feedback | UITM BAZAAR</title>
        <a href= "rentermenu.php" class = "logo">Welcome
        <span><?php echo $userName; ?>'s</span></a>

        <i class="fa-solid fa-bars" id="menu-icon"></i>

        <nav class="navbar">
            <a href="rentPlace.php">Rent Place</a>
            <a href="sawEvents.php">Event</a>
            <a href="payment.php">Payment</a>
            <a href="sentFeedback.php">Sent Feedback</a>  
            </nav>      
    </header>

    <section>
		<br><br>
		<div class="hom-img">
                <h1>FEEDBACK</h1><br>
				<img src="pic/uitm.png" alt="">
		</div>

        <form name="borang" method="POST" action="sentFeedback2.php">
            <fieldset>
                <legend>We glad that you give us feedback, so we can improve !</legend>
                <table>
                    <tr>
                        <td>Renter ID : </td>
                        <td><input type="text" name="renterid" id="renterid" value="<?php echo $AccID; ?>" readonly></td>
                    </tr>
                    
                    <tr>
                        <td>Department :</td>
                        <td>
                            <select name="department" id="department">
                                <option value="Research">Research</option>
                                <option value="Industrial">Industrial Linkage</option>
                                <option value="Vendor">Vendor Affairs</option>
                                <option value="Administrative">Administrative</option>
                            </select>
                        </td>
                    </tr>
                    
                    <tr>
                        <td>Feedback:</td>
                        <td><textarea name="feedback" id="feedback" required></textarea></td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <input type="checkbox" id="checkbox1" name="checkbox1" value="option1" required>
                            <label for="checkbox1" required>Yes, I have read and understand the UiTM Cawangan Perak, Kampus Tapah policies.</label>
                        </td>
                    </tr>
                </table>
            </fieldset>
            <br>
            <button type="submit" value="submit" name="submit" onclick="return semak();">SUBMIT</button>
            <button type="reset" value="Clear Form">RESET</button>
        </form><br>
    </section>
    <footer class="footer" id="footer">
        <div class="social">
            <a onclick="showPopup()"><i class="fa-solid fa-phone"></i></a>
            <a onclick="showPopup2()"><i class="fa-solid fa-envelope"></i></a>
        </div>
        <div id="popup" class="popup">
                <h2>This is Our No Phone!</h2><br>
                <p>016-430 6562</p>
                <button class = btns onclick="closePopup()">Close</button>
        </div>

        <div id="popup2" class="popup">
                <h2>This is Our Email!</h2><br>
                <p>uitm@student.uitm.edu.my</p>
                <button class = btns onclick="closePopup2()">Close</button>
        </div>
        <ul class="list">
            <li>
                <a href="sentFeedback.php">Rate Us</a>
            </li>

            <li>
                <a href="sawEvents.php">Event</a>
            </li>

            <li>
                <a href="renterProfile.php">Profile</a>
            </li>

            <li>
                <a href="https://bendahari.uitm.edu.my/index.php/component/contact/category/55-cawangan-negeri-perak-kampus-tapah">Website</a>
            </li>
        </ul>
        <p class="copyright">
            © NextGen Techne | All Rights Reserved
        </p>
    </footer>
    <script src="script.js"></script>
</body>
</html>