<!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 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>K Mart</title>
</head>
<body>
<header class="header pink-bg white-text z-depth-1">
<div class="navbar">
<button class="darken-2 navigation button-collapse" onclick="goBack()" style="background: #00bcd4;">
<i class="ion-android-arrow-back"></i>
</button>
<h5>FAQs</h5>
<button class="pink-bg navigation go-to-cart">
<i class="ion-android pink-bg"></i>
</button>
</div>
</header>
<div class="main-container" id="main-container">
<div class="faq-container">
<h4 class="title josefin">Frequently Asked Questions</h4>
<div class="faq-list">
</div>
</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" onclick="window.location.href='cart.html'">
<i class="ion-android-cart"></i>
<p class="footer-label no-gap">
Cart
</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 type="text/javascript">
"use strict";
let faqContent = ``;
let faqContainer = document.querySelector('.faq-list');
function ready() {
getFetchRequest('/appcode/fetch_faqs.php')
.then((res) => {
console.log(res);
if(res.status === 1) {
res.faq.forEach((item) => {
faqContent += `
<div class="faq-item">
<div class="faq-question">${item.question}</div>
<div class="faq-answer">${item.answer}</div>
</div>`;
});
faqContainer.innerHTML = faqContent;
}
})
.then(() => {
$('.faq-question').on('click', function (evt) {
evt.preventDefault();
evt.stopPropagation();
let answer = $(this).toggleClass('border-bottom').siblings('.faq-answer').slideToggle();
});
})
.catch((err) => {
console.error(err);
});
}
document.addEventListener('deviceready', ready, false);
</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>