<?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 http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Profile | UITM BAZAAR</title>
    <link rel="stylesheet" type="text/css" 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 type="text/css">
        body {
            margin-top: 300px;
            font-family: Arial, sans-serif;
            padding: 20px;
            background: #161616;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .images img {
            border-radius: 50%;
            margin-bottom: 30px;
            position: center;
            width: 170px;
        }
        html, body {
            height: 50%;
        }
        button {
            margin-left: 125px;
            padding: 10px 15px;
            color: white;
            background-color: purple;
            transition: 0.5s;
            letter-spacing: 4px;
        }
        .right-container {
            align-items: center;
            background: black;
            width: 400px;
            height: 500px;
            padding: 20px;
            border-radius: 30px;
        }
        h2 {
            font-size: 24px;
            margin-bottom: 5px;
        }
        h3 {
            text-align: center;
            font-size: 24px;
            margin-bottom: 5px;
        }
        .gradienttext {
            margin-top: 67rem;
            margin-bottom: 3rem;
            font-size: 30px;
        }
        p {
            font-size: 18px;
            margin-bottom: 20px;
            color: aliceblue;
        }
        table {
            width: 100%;
            color: white;
        }
        table td {
            padding: 10px 0;
            font-size: 17px;
        }
        table td input {
            width: calc(100% - 20px);
            padding: 8px;
            margin: 1px 0;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        .credit a {
            text-decoration: none;
            color: #fff;
            font-weight: 800;
        }
        .credit {
            color: #fff;
            text-align: center;
            margin-top: 10px;
            font-family: Verdana, Geneva, Tahoma, sans-serif;
        }
        .footer {
            margin-top: 100px;
            width: 120%;
        }
    </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>
    <title>Profile's | UITM BAZAAR</title>
    <header class="header">
        <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>

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

    // Fetching the user's details
    $sql = "SELECT * FROM renter WHERE Renter_ID = '$AccID'";
    $data = mysqli_query($conn, $sql);
    $check_event = mysqli_num_rows($data) > 0;
    if ($check_event) {
        while ($row = mysqli_fetch_assoc($data)) {
    ?>
    <h3 class="gradienttext">PROFILE DETAILS</h3>
    <div class="images"><img src="pic/profiles.png"></div>
    <div class="right-container">
        <form method="post" action="renterProfile2.php">
            <table>
                <tr>
                    <td><label for="ID">Id :</label></td>
                    <td><input id="ID" name="Id" type="text" value="<?php echo $row['Renter_ID']; ?>" readonly></td>
                </tr>
                <tr>
                    <td><label for="Pass">Password :</label></td>
                    <td><input id="Pass" name="Pass" type="text" value="<?php echo $row['Renter_Pass']; ?>" required></td>
                </tr>
                <tr>
                    <td><label for="Name">Name :</label></td>
                    <td><input id="Name" name="Name" type="text" value="<?php echo $row['Renter_Name']; ?>" required></td>
                </tr>
                <tr>
                    <td><label for="Age">Age :</label></td>
                    <td><input id="Age" name="Age" type="number" value="<?php echo $row['Renter_Age']; ?>" required></td>
                </tr>
                <tr>
                    <td><label for="PhoneNum">Phone No :</label></td>
                    <td><input id="PhoneNum" name="PhoneNum" type="number" value="<?php echo $row['Renter_PhoneNum']; ?>" required></td>
                </tr>
                <tr>
                    <td><label for="Email">Email :</label></td>
                    <td><input id="Email" name="Email" type="email" value="<?php echo $row['Renter_Email']; ?>" required></td>
                </tr>
            </table>
            <button type="submit" value="submit" name="submit">Update</button>
        </form>
    </div>

    <?php
        }
    } else {
        echo "<p>No profile details found.</p>";
    }
    ?>
    <br>
    <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>
