<?php
session_start();
include "admin/php/functions.php";
?>
<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
    <title>سوالات متداول</title>
    <?php include "head.php"; ?>
</head>
<body data-spy="scroll" data-target=".onpage-navigation" data-offset="60" class="<?php if($modeRow['mode'] == 1){echo 'dark';} ?>">
<main>

    <?php
    include "preloader.php";
    include "menu.php";
    ?>
    <div class="main">
        <section class="header">
            <div class="bg-dark-60">
                <img src="<?php echo $headerRow['image']; ?>" alt="لپارلس">
                <h2 class="module-title font-alt">سوالات متداول</h2>
            </div>
        </section>
        <section class="module faq">
            <div class="container">
                <div class="panel-group" id="accordion" dir="rtl">
                    <?php
                    $faq = $connect -> prepare("select * from `tbl_faq` where `delete_flag` = 0 order by `id` desc");
                    $faq -> execute();
                    if($faq -> rowCount() > 0){
                        while ($faqRows = $faq -> fetch(PDO::FETCH_ASSOC)){
                    ?>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title font-alt">
                                <a data-toggle="collapse" class="collapsed" data-parent="#accordion" href="#support<?php echo $faqRows['id']; ?>" style="font-size: 22px;" aria-expanded="false"><?php echo $faqRows['title']; ?></a></h4>
                        </div>
                        <div class="panel-collapse collapse" id="support<?php echo $faqRows['id']; ?>">
                            <div class="panel-body faq-desc">
                                <p><?php echo $faqRows['description']; ?></p>
                            </div>
                        </div>
                    </div>
                    <?php
                        }
                    }
                    ?>
                </div>
            </div>
        </section>

        <?php include "footer.php"; ?>
    </div>
    <div class="scroll-up"><a href="#totop"><i class="fa fa-angle-double-up"></i></a></div>
</main>
<!--
JavaScripts
=============================================
-->
<script src="assets/lib/jquery/dist/jquery.js"></script>
<script src="assets/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="assets/lib/wow/dist/wow.js"></script>
<script src="assets/lib/jquery.mb.ytplayer/dist/jquery.mb.YTPlayer.js"></script>
<script src="assets/lib/isotope/dist/isotope.pkgd.js"></script>
<script src="assets/lib/imagesloaded/imagesloaded.pkgd.js"></script>
<script src="assets/lib/flexslider/jquery.flexslider.js"></script>
<script src="assets/lib/owl.carousel/dist/owl.carousel.min.js"></script>
<script src="assets/lib/smoothscroll.js"></script>
<script src="assets/lib/magnific-popup/dist/jquery.magnific-popup.js"></script>
<script src="assets/lib/simple-text-rotator/jquery.simple-text-rotator.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/custom.js"></script>
<script>
    if(showMode == 1){
        document.getElementById("darkMode").style.display = "none";
        document.getElementById("lightMode").style.display = "block";
    }else{
        document.getElementById("darkMode").style.display = "block";
        document.getElementById("lightMode").style.display = "none";
    }
    function darkMode (){
        document.getElementById("darkMode").style.display = "none";
        document.getElementById("lightMode").style.display = "block";
        var body = document.getElementsByTagName("body");
        body[0].classList.add("dark");

        var mode = 1;
        $.post("php/darkmode.php",{mode:mode});
    };
    function lightMode (){
        document.getElementById("darkMode").style.display = "block";
        document.getElementById("lightMode").style.display = "none";
        var body = document.getElementsByTagName("body");
        body[0].classList.remove("dark");

        var mode = 0;
        $.post("php/darkmode.php",{mode:mode});
    };
</script>
</body>
</html>