<!DOCTYPE html>
<html>
<head>
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<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" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- <link rel="stylesheet" type="text/css" href="css/index.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 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/index.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<title></title>
<script>
$(document).ready(function(){
let isLogin = checkLogin();
if (isLogin) {
var data = '';
var userDetails = JSON.parse(localStorage.userDetails.toString());
var phone = userDetails.phone;
$.ajax({
url: base+'/appcode/fetch_address.php',
data: {phone: phone},
dataType: 'JSON',
type: 'POST',
success: function(res){
console.log(res);
if(res.status == 2){
data +='<div class="col s12 center">';
data +='<a class="btn" href="add-address.html">Add Address</a>';
data +='</div>';
}else{
$.each(res, function(index, item){
console.log(index);
data +='<div class="row" style="display: block">';
data +='<h5>'+item.title+' Address</h5>';
data +=' <div class="input-list" style="">';
data +=' <label for="name">Name</label>';
data +='<input id="name" name="name" class="" value="'+item.name+'">';
data +=' </div>';
data +=' <div class="input-list" style="">';
data +=' <label for="email">Email</label>';
data +='<input id="email" name="email" class="" value="'+item.email+'">';
data +=' </div>';
data +=' <div class="input-list" style="">';
data +=' <label for="address">Address</label>';
data +='<textarea id="address" name="address" class="materialize-textarea">'+item.address+'</textarea>';
data +=' </div>';
data +='<div style="text-align: center;padding: 10px;">';
data +='<button class="btn add-save" data-id='+item.id+'>Save</button>';
data +='<button class="btn add-save2 red" data-id='+item.id+'>Delete</button>';
data +='</div>';
data +='</div>';
});
}
$('.container').empty().append(data);
}
});
}
$('.main-container').on('click', '.add-save', function(){
var add_a = $(this);
var id = add_a.attr('data-id');
var name = add_a.parent().parent().find('#name').val();
var email = add_a.parent().parent().find('#email').val();
var address = add_a.parent().parent().find('#address').val();
//var pincode = add_a.parent().parent().find('#pincode').val();
var addressDetail = {
id:id,
name:name,
email:email,
address:address,
};
console.log(addressDetail);
$.ajax({
url: base+'/appcode/update_add_address.php',
data: addressDetail,
dataType: 'JSON',
type: 'POST',
success: function(res){
console.log(res);
if(res == 1){
alert("Successfully Updated!");
window.location.href = 'address.html';
}else{
alert("Error");
}
}
});
});
});
</script>
</head>
<body>
<header class="header white-text pink-bg z-depth-1">
<div class="navbar">
<button class="darken-2 navigation button-collapse" onclick="goBack()" style="background: #4ac3be;">
<i class="ion-android-arrow-back"></i>
</button>
<h5>Address Book</h5>
<button class="pink-bg navigation go-to-cart" onclick="window.location.href='add-address.html'">
<i class="ion-plus pink-bg"></i>
</button>
</div>
</header>
<div class="main-container" id="main-container" style="margin-top: 65px !important;padding-top: 80px;">
<h1 class="category-title"></h1>
<!-- <form action="#"> -->
<div class="row">
<div class="container">
<!--<div class="col s10">
<p>
<label for="address" style="margin-left: 34px;font-size: 16px;color: black;font-weight: bold;">Office</label>
<input name="group1" type="radio" id="test1" />
<label for="test1">4/41, Sheetla Colony, Sector 5, Gurugram, Haryana 122001, India</label>
</p>
</div>
<div class="col s2" style="text-align: center;padding: 10px;">
<span class="add-save" style="margin-top: 3px;"><i class="fa fa-trash" aria-hidden="true"></i></span>
</div>-->
</div>
<!-- </form> -->
</div>
</div>
<div class="footer"></div>
<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>
<script>
function goBack() {
window.history.back();
}
</script>
<script>
function show (toBlock){
setDisplay(toBlock, 'block');
}
function hide (toNone) {
setDisplay(toNone, 'none');
}
function setDisplay (target, str) {
document.getElementById(target).style.display = str;
}
</script>
<script>
$(document).ready(function(){
$('.main-container').on('click', '.add-save2', function(){
var add_a = $(this);
var id = add_a.attr('data-id');
//var city = add_a.parent().parent().find('#city').val();
var address = add_a.parent().parent().find('#address').val();
//var pincode = add_a.parent().parent().find('#pincode').val();
var addressDetail = {
id:id
};
console.log(addressDetail);
var d = navigator.notification.confirm("Are you sure you want to Delete this address.", cancel_order,
'Confirm Cancilation request', 'Yes,No');
function cancel_order(buttonIndex) {
if (buttonIndex == 1) {
$.ajax({
url: base+'/appcode/delete_address.php',
data: addressDetail,
dataType: 'JSON',
type: 'POST',
success: function(res){
console.log(res);
if(res == 1){
confirm("Successfully Deleted!");
window.location.href = 'address.html';
}else{
alert("Error");
}
}
});
}
}
});
});
</script>
</body>
</html>