<!DOCTYPE html>
<html>
<head>
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;"> -->
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport"
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link href="css/ionicons.min.css" media="all" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/materialize.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<title>Boxed Save</title>
<style>
.navbar {
justify-content: end;
}
.no-gap{
margin: 0px!important;
}
</style>
</head>
<body>
<header class="header white-text pink-bg z-depth-1">
<div class="navbar">
<button class="navigation pink-bg" onclick="goBack()">
<i class="ion-android-arrow-back"></i>
</button>
<h5 style="margin-left: 105px;">Profile</h5>
<div class="go-to-cart">
</div>
</div>
</header>
<div class="main-container" id="main-container" style="margin-top: 70px;padding-top: 100px">
<div class="profile-header">
<div class="profile-pic">
<img src="img/logo.png" alt="logo" id="myImg">
<span class="edit-profile-pic-sign" onclick="">
<div class="image-upload"> <label for="file-input"><i class="ion-edit" style="color:#000;"></i></label><input id="file-input" name="file" type="file"/ onchange="preview_image(event); uploadImage();"></div>
<!-- <i class="ion-edit"></i> -->
</span>
</div>
<span class="name josefin">User</span>
</div>
<div class="profile-details">
<div class="header1">
<h5 class="title">Profile Details</h5>
<button type="button" class="btn btn-flat profile-edit" onclick="window.location.href='edit-profile.html'">
EDIT
</button>
</div>
<ul class="details personal-details">
<li class="details-item name">
<span class="icon">
<i class="ion-ios-people"></i>
</span>
<span class="text"></span>
</li>
<li class="details-item email">
<span class="icon">
<i class="ion ion-android-mail"></i>
</span>
<span class="text"></span>
</li>
<li class="details-item phone">
<span class="icon">
<i class="ion ion-android-phone-portrait"></i>
</span>
<span class="text"></span>
</li>
<li class="details-item city">
<span class="icon">
<i class="ion ion-android-home"></i>
</span>
<span class="text"></span>
</li>
<!--<li class="details-item gender">
<span class="icon">
<i class="ion ion-male"></i>
</span>
<span class="text">Male</span>
</li>-->
<li class="details-item address">
<span class="icon">
<i class="ion ion-ios-location"></i>
</span>
<span class="text"></span>
</li>
<!--<li class="details-item dob">
<span class="icon">
<i class="ion ion-android-calendar"></i>
</span>
<span class="text">01/01/1994</span>
</li>-->
</ul>
</div>
</div>
<div class="footer">
<div class="footer-icon no-gap center-align active" onclick="window.location.href='index.html'">
<i class="fas fa-home"></i>
<p class="footer-label no-gap">
Home
</p>
</div>
<!-- <div class="footer-icon no-gap center-align" onclick="window.location.href='wallet.html'">
<i class="fas fa-wallet"></i>
<p class="footer-label no-gap">
Wallet
</p>
</div> -->
<div class="footer-icon no-gap center-align" style="width: 50%" onclick="window.location.href='membership.html'">
<img src="img/mm.png" class="responsive-img">
</div>
<div class="footer-icon no-gap center-align" onclick="window.location.href='order.html'">
<i class="fas fa-folder"> </i>
<p class="footer-label no-gap ">
My Orders
</p>
</div>
<!-- <div class="footer-icon no-gap center-align pink-bg navigation go-to-cart cart-badge-container" onclick="window.location.href='cart.html'">
<i class="ion-android-cart "></i>
<p class="footer-label no-gap">Cart
<sup class="badge cart-badge" style="margin: -5px 0px 0px 20px; font-size: 15px;">
0
</sup>
</p>
</div> -->
<!-- <div class="footer-icon no-gap center-align" onclick="window.location.href='cart.html'">
<i class="ion-android-cart"><sup class="badge cart-badge"></sup></i>
<p class="footer-label no-gap">
Cart
</p>
</div> -->
</div>
<script>
$(document).ready(function(){
ready();
});
const ready = () => {
if (checkLogin()) {
let userDetails = getUserDetails();
const profileSection = document.querySelector('.personal-details');
const profileHeader = document.querySelector('.profile-header');
setPersonalProfile(userDetails, profileSection);
setProfileHeader(userDetails, profileHeader);
} else {
showToast("Login to view your profile.");
window.location.href = 'login.html';
}
};
document.addEventListener('deviceready', ready, false);
</script>
<script type="text/javascript">
function uploadImage(){
//localStorage['userDetails'];
var url=base + "/appcode/upload_new_profile_pic.php";
var username = localStorage.username;
var formdata = new FormData();
formdata.append( 'file', $('#file-input')[0].files[0]);
formdata.append( 'username', username);
$.ajax({
type: "POST",
url: url,
data: formdata,
processData: false,
contentType: false,
type: 'POST',
dataType:'json',
success: function(msg){
console.log(msg);
// on success
if(msg.status == 1){
//alert('Profile Successfully upload');
showToast('Profile Picture successfully Upload');
// window.location.href = "";
let pro = JSON.parse(localStorage.userDetails.toString());
pro.profile_pic = msg.image;
localStorage.userDetails = JSON.stringify(pro);
}
else
{
alert("Sorry profile pic not upload");
}
},
error: function(){
alert("failure");
},
async: false
});
}
</script>
<script type="text/javascript">
function preview_image(event)
{
var reader = new FileReader();
reader.onload = function()
{
var output = document.getElementById('myImg');
// console.log(output);
output.src = reader.result;
}
reader.readAsDataURL(event.target.files[0]);
}</script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/myfunctions.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
</body>
</html>