<html>
<head>
<title>Edit-profile</title>
<link href="../css/primary.css" type="text/css" rel="stylesheet">
<link href="../css/edit-profile.css" type="text/css" rel="stylesheet">
<script>
var sessionid = "<?php echo $_GET['id'];?>";
</script>
<script src="../js/edit-profile.js"></script>
</head>
<body onload="getUserProfile();" onreset="getUserProfile()" onpageshow="getUserProfile()">
<div class="container">
<h1>EDIT PROFILE INFORMATION</h1>
<form enctype="multipart/form-data" action="../controller/edit-profile.php?id=<?php echo $_GET['id']?>"
method="post" id="form" name="editForm" onsubmit="return checkAllInput()">
<input type="hidden" id="userid" value="<?php echo $_GET['id'];?>">
<div class="edit-image">
<div class="div-profile-image">
<img class="profile-image" id="image">
</div>
<div class="browse-image">
<label>Update profile picture</label>
<br />
<br />
<input type="file" name="image-file" value="browse.." id="image-file">
</div>
</div>
<div>
<div class="edit-data">
<label class="form-label">Your Name</label>
<input type="text" name="name" id="name">
</div>
<div class="edit-data">
<label class="form-label">Phone</label>
<input type="text" name="phone" id="phone">
</div>
<div class="edit-data">
<label class="form-label">Status Driver</label>
<div class="checkbox">
<label class="switch">
<input type="checkbox" name="driver" id="driver">
<span class="slider"></span>
</label>
</div>
</div>
</div>
<div>
<div>
<a class="back" href="dashboard.php?id=<?php echo $_GET['id'];?>">BACK</a>
<input type="submit" value="SAVE" class="save" name="submit">
</div>
</div>
</form>
</div>
</body>
</html>