<?php 
require_once 'admin-neuro/lib/Config.php';
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title><?php echo getRecord('id','metakeywords','12','metatitle');?></title>
    <meta name="keywords" content="<?php echo getRecord('id','metakeywords','12','keywords');?>"/>
    <meta name="description" content="<?php echo getRecord('id','metakeywords','12','description');?>"/>
    <link rel="shortcut icon" href="<?php echo getRecord('id','settings','1','image1');?>" type="image/x-icon">
    <!-- Stylesheets & Fonts -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,800,700,600|Montserrat:400,500,600,700|Raleway:100,300,600,700,800" rel="stylesheet" type="text/css" />
    <link href="css/plugins.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/btn-styles.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet"> 
    
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 
    
    
    <!-- Event styles -->
    <link href="css/event-styles.css" rel="stylesheet"> 
    <link href="css/pgc.css" rel="stylesheet"> 
    
    <?php include("script.php");?> 
    
    </head>

<body class="no-page-loader">


    <!-- Wrapper -->
    <div id="wrapper">


			
        
        
		<!-- Header -->
		<?php include("links/menu.php");?>
		<!-- end: Header -->
        
        
        
        <section id="page-title" class=""style="background-image: url(images/background/11.jpg);">
        <div class="bg-overlay"></div>
            <div class="container">
                <div class="page-title">
                    <h1>FAQ's </h1>
                </div>
                <div class="breadcrumb">
                    <ul>
                        <li><a href="index.php">Home</a> </li>
                        <li class="active"> FAQ's  </li>
                    </ul>
                </div>
            </div>
        </section>

        
        <style>
    .accordion {
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  overflow: hidden;
}

.accordion-item {
  border-bottom: 1px solid #dcdcdc;
}

.accordion-header {
      position: relative;
    font-size: 18px;
    padding: 15px 20px;
    padding-left: 90px;
    line-height: 30px;
    color: #734dbc;
    font-weight: 600;
    cursor: pointer;
    background: #ffffff;
    font-family: 'Exo', sans-serif;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease; margin-bottom:10px;
}

.accordion-header:hover {
  background-color: #eaeaea;
}

.accordion-header.active {
      background: #f5f5f5;
    color: #734dbc; margin-bottom:0px;
}

.accordion-header .icon-toggle {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    background-color: #ffba00;
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.accordion-header.active .icon-toggle {
    background-color: #734dbc;
}

.accordion-content {
  display: none;
  padding: 15px 20px;
  background: #fff;
  color: #444;
  font-size: 15px;
  line-height: 1.6;
  border-top: 1px solid #ddd;
}

.accordion-content.current {
  display: block;
  margin-bottom: 10px;
}


  </style>

    <!-- FAQ-->
    <section class="background-grey-light" style="background:#FFF;">
        <div class="container">
            
               
                
				<div class="row m-t-30 p-30 shadow rounded">
				    <div class="col-md-6 ">
                
                	   
    					<div class="accordion" >
                            <?php
						$cn=executeQuery("select * from faqs where status='1'");	
						$cnt=mysqli_num_rows($cn);	
						$cntt=round($cnt/2);
						$se=executeQuery("select * from faqs where status='1' limit 0,$cntt");
						$i=1;
						while($fas=getAssoc($se)){                       
                        ?>
                          <div class="accordion-item <?php if($i=='1'){?>active-block<?php } ?>">
                            <div class="accordion-header <?php if($i=='1'){?>active<?php } ?>"> <span class="icon-toggle"><?php if($i=='1'){ echo '−'; } else { echo '+'; } ?></span> <?php echo $fas['title'];?> </div>
                            <div class="accordion-content  <?php if($i=='1'){?>current<?php } ?>"> <?php echo $fas['description'];?> </div>
                          </div>
                        	<?php $i++;} ?>
                        </div>

				   
				    </div>
                    <div class="col-md-6">
                        <div class="accordion">
                    <!--Block-->
                    <?php
                    $ca=executeQuery("select * from faqs where home='1' limit $cntt,1000");
                    $i=1;
                    while($cat=getAssoc($ca)){                    
                    ?>
                    <div class="accordion-item  <?php if($i=='1'){?>active-block<?php } ?>">
                        <div class="accordion-header  <?php if($i=='1'){?>active<?php } ?>"> <span class="icon-toggle"><?php if($i=='1'){ echo '−'; } else { echo '+'; } ?></span> <?php echo $cat['title'];?> </div>
                        <div class="accordion-content  <?php if($i=='1'){?>current<?php } ?>"> <?php echo $cat['description'];?> </div>
                    </div>
                    <?php $i++;} ?>
                </div>
                
                	
				    </div>
                </div>

            </div>
    </section>  
        
        
        

     
            
            
            
       <!-- FOOTER -->
            <?php include("links/footer.php");?> 
		<!-- end: FOOTER -->
        

    </div>    
    <!-- end: Wrapper -->

    <!--Plugins-->
<script src="js/jquery.js"></script>
<script src="js/plugins.js"></script>

<!--Template functions-->
<script src="js/functions.js"></script> 


<script>
document.querySelectorAll('.accordion').forEach(accordion => {
  const headers = accordion.querySelectorAll('.accordion-header');

  headers.forEach(header => {
    header.addEventListener('click', () => {
      accordion.querySelectorAll('.accordion-header').forEach(h => {
        h.classList.remove('active');
        h.querySelector('.icon-toggle').textContent = '+';
      });
      accordion.querySelectorAll('.accordion-content').forEach(c => c.classList.remove('current'));

      header.classList.add('active');
      header.nextElementSibling.classList.add('current');
      header.querySelector('.icon-toggle').textContent = '−';
    });
  });
});
</script>

</body>

</html>
