<?php
include "../class/classip.php";
$ap = new jet();
$record_id = $_GET['record_id'];
$result = $ap->query("Users","SELECT * FROM Users WHERE record_id = $record_id");

$edit_c = $result->fetch_assoc();
//echo $edit_c["Username"]; echo $edit_c["Remember_me"];

?>
<body>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style>
            body {font-family: Arial, Helvetica, sans-serif;}
            form {border: 3px solid #f1f1f1;}

            input[type=text], input[type=password] {
                width: 100%;
                padding: 12px 20px;
                margin:  0;
                display: inline-block;
                border: 1px solid #ccc;
                box-sizing: border-box;
            }

            button {
                background-color: #04AA6D;
                color: white;
                padding: 14px 20px;
                margin: 8px 0;
                border: none;
                cursor: pointer;
                width: 100%;
            }

            button:hover {
                opacity: 0.8;
            }

            .cancelbtn {
                width: auto;
                padding: 10px 18px;
                background-color: #f44336;
            }

            .imgcontainer {
                text-align: center;
                margin: 24px 0 12px 0;
            }

            img.avatar {
                width: 15%;
                border-radius: 50%;
            }

            .container {
                padding: 16px;
            }

            span.psw {
                float: right;
                padding-top: 16px;
            }

            /* Change styles for span and cancel button on extra small screens */
            @media screen and (max-width: 300px) {
                span.psw {
                    display: block;
                    float: none;
                }
                .cancelbtn {
                    width: 100%;
                }
            }
        </style>
    </head>

    <h2>Edit Page for User <?php echo $record_id; ?></h2>

    <div class="imgcontainer">
     <img src="../images/profile image.jpeg" alt="Avatar" class="avatar">
    </div>

    <form action="Users/edit.ajax.php" method="POST">
    <!-- Hidden input to pass the ID back to the server -->
    <input type="hidden" name="id" value="<?php echo $id; ?>">
    <div class="container">
        <label for="uname"><b>Username</b></label>
        <input type="text" placeholder="Enter Username" name="Username" value="<?php echo $edit_c["Username"]?>" required>

        <label for="psw"><b>Password</b></label>
        <input type="password" name="Password" required>
         <div>
            <label>
            <input type="checkbox" checked="checked" name="Remember_me"> Remember me
            </label>
        </div>
    </div>

    <div class="container" style="background-color:#f1f1f1">
        <button type="submit" name="update">Save Changes</button>
    </div>
   <script>
   function checkers (){ 
    if (<?php "echo $edit_c["Remember_me"];"?> == "yes"){
     alert ('ticked');
     }else {
     alert ('unticked');
     }
    
   }
   checkers();
 
 if (country == "USA") {
  if (age >= 16) {
    text = "You can drive!";
  }
}
    </script>
    </form>
</body>
