<!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">
<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="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" media="all" rel="stylesheet"
type="text/css">
<link href="css/ionicons.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">
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<title>Add Money To Wallet</title>
</head>
<body>
<header class="header white-text pink-bg z-depth-1">
<div class="navbar" style="display: flex;justify-content: normal;">
<button class="darken-2 navigation button-collapse" onclick="goBack()" style="background: #36b507;">
<i class="ion-android-arrow-back"></i>
</button>
<h5 style="margin-left:20%;">Add Money</h5>
<!-- <button class="pink-bg navigation go-to-cart cart-badge-container" onclick="window.location.href='cart.html'"> -->
<!-- <i class="ion-android-cart pink-bg"></i> -->
<!-- <span class="cart-badge"> -->
<!-- 0 -->
<!-- </span> -->
<!-- </button> -->
</div>
</header>
<div class="main-container" id="main-container" style="">
<h1 class="category-title"></h1>
<div class="categories">
<img src="img/wallet.jpg" class="bn-img">
</div>
<div class="wallet-bg">
<input type="button" class="wallet-button" value="+100" onclick="document.getElementById('amount').value='100';">
<input type="button" class="wallet-button" value="+500" onclick="document.getElementById('amount').value='500';">
<input type="button" class="wallet-button" value="+1000" onclick="document.getElementById('amount').value='1000';">
</div>
<hr>
<div class="container">
<form class="add-wallet-money-form">
<input type="text" id="amount" name="amount" placeholder="Enter recharge amount" value="50" required>
<input type="submit" class="button button-balanced button-block" value="Proceed">
</form>
</div>
</div>
<div class="footer">
<div class="footer-icon no-gap center-align" onclick="window.location.href='index.html'">
<i class="ion-home footer-icon"></i>
<p class="footer-label no-gap">
Home
</p>
</div>
<div class="footer-icon no-gap center-align" onclick="window.location.href='categories.html'">
<i class="ion-android-apps"></i>
<p class="footer-label no-gap">
Categories
</p>
</div>
<div class="footer-icon no-gap center-align" onclick="window.location.href='search.html'">
<i class="ion-android-search"></i>
<p class="footer-label no-gap">
Search
</p>
</div>
<div class="footer-icon no-gap center-align" onclick="window.location.href='offer.html'">
<i class="ion-ios-chatbubble-outline"></i>
<p class="footer-label no-gap">
Offers
</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>
<script>
document.addEventListener('deviceready', ready, false);
function ready() {
if (checkLogin()) {
} else {
showToast("Please login to see your wallet balance.");
window.location.href = 'login.html';
}
}
</script>
<script src="js/functions.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/myfunctions.js"></script>
</body>
</html>