diff --git a/controller/edit-location.php b/controller/edit-location.php
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/css/edit-profile.css b/css/edit-profile.css
index b9af2a7a837c21cfc18220f5db611666476e7009..fa449b248bde74e08b3f643ba1d32c2ac1a2b5e5 100644
--- a/css/edit-profile.css
+++ b/css/edit-profile.css
@@ -1,4 +1,4 @@
-.wrapper {
+.container {
width : 100%;
}
diff --git a/js/edit-profile.js b/js/edit-profile.js
new file mode 100644
index 0000000000000000000000000000000000000000..316fe1ffa520b3656fb73cd2bcdbe281fd46c628
--- /dev/null
+++ b/js/edit-profile.js
@@ -0,0 +1,24 @@
+function getUserProfile() {
+ var xmlhttp = new XMLHttpRequest();
+ xmlhttp.onreadystatechange = function () {
+ if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
+ var result = xmlhttp.responseXML;
+ var name = result.getElementsByTagName('name')[0].childNodes[0].nodeValue;
+ var phone = result.getElementsByTagName('phone')[0].childNodes[0].nodeValue;
+ var driver = result.getElementsByTagName('driver')[0].childNodes[0].nodeValue;
+ var image = result.getElementsByTagName('image')[0].childNodes[0].nodeValue;
+
+ document.getElementById('name').value = name;
+ document.getElementById('phone').value = phone;
+ document.getElementById('image').src = '../img/' + image;
+ document.getElementById('driver').checked = (driver == 1 ? true : false);
+ }
+ };
+ xmlhttp.open('GET','../controller/edit-profile.php?id=1',true);
+ xmlhttp.send();
+
+}
+
+function saveUserProfile() {
+
+}
\ No newline at end of file
diff --git a/view/edit-profile.html b/view/edit-profile.html
index 07295261fb37163c169d1499aaf9220463b96f32..b565018214884524baa362ef176d88b3e94de494 100644
--- a/view/edit-profile.html
+++ b/view/edit-profile.html
@@ -1,51 +1,50 @@
<html>
<head>
- <link href="../css/primary.css" type="text/css" rel="stylesheet">
- <link href="../css/edit-profile.css" type="text/css" rel="stylesheet">
+ <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 src="../js/edit-profile.js"></script>
</head>
-<body>
+<body onpageshow="getUserProfile();">
<div class="container">
- <div class="wrapper">
- <h1>EDIT PROFILE INFORMATION</h1>
- <form action="#" method="post">
- <div class="edit-image">
- <div class="div-profile-image">
- <img src="../img/pikachu.jpg" class="profile-image">
- </div>
- <div class="browse-image">
- <label>Update profile picture</label>
- <br />
- <br />
- <input type="file" name="image-file" value="browse..">
- </div>
- </div>
-
- <div>
- <div class="edit-data">
- <label class="form-label">Your Name</label>
- <input type="text" name="name">
- </div>
- <div class="edit-data">
- <label class="form-label">Phone</label>
- <input type="text" name="phone">
- </div>
- <div class="edit-data">
- <label class="form-label">Status Driver</label>
- <div class="checkbox">
- <input type="checkbox" name="is-driver">
+ <h1>EDIT PROFILE INFORMATION</h1>
+ <form action="#" method="post">
+ <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..">
+ </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">
+ <input type="checkbox" name="is-driver" id="driver">
+ </div>
+ </div>
</div>
- </div>
- </div>
- <div>
- <div>
- <a class="back" href="dashboard.php">BACK</a>
- <input type="submit" value="SAVE" class="save">
- </div>
- </div>
+ <div>
+ <div>
+ <a class="back" href="dashboard.php">BACK</a>
+ <input type="submit" value="SAVE" class="save">
+ </div>
+ </div>
</form>
- </div>
</div>
</body>
</html>
\ No newline at end of file