<?php
    include('header.php');
    $news_letter_class = "newsletter-area-3";
    if(isset($_GET['q']))
    {
        $sub_menu = $_GET['q'];
?>

<section class="page-banner">
    <div class="page-banner-bg bg_cover" style="background-image: url(assets/images/page-banner.jpg);">
        <div class="container">
            <div class="banner-content text-center">
                <h2 class="title"><?php echo $sub_menu; ?></h2>
            </div>
        </div>
    </div>
</section>

<section class="about-area">
    <div class="container">
        <div class="mt-5 mb-5">
            <ul class="nav" id="myTab" role="tablist">
                <?php
                $sel=mysqli_query($con,"select * from menu_with_tab where sub_menu='$sub_menu' order by tab_order_number asc");
                $index = 1;
            	while($row_menu=mysqli_fetch_array($sel))
            	{
            	    ?>
                <li class="nav-item" role="presentation">
                    <button class="tab-button btn text-primary <?php if($index == 1) { echo "active"; } ?>" id="menu-tab-<?php echo $row_menu['id']; ?>" data-toggle="tab" data-target="#tab-content-<?php echo $row_menu['id']; ?>" type="button" role="tab" aria-controls="home" aria-selected="true"><?php echo $row_menu['tab_name']; ?></button>
                </li>
                <?php
                $index++;
            	}
            	?>
            </ul>
            <div class="tab-content page-tab-content" id="myTabContent">
                <?php
                $sel=mysqli_query($con,"select * from menu_with_tab where sub_menu='$sub_menu' order by tab_order_number asc");
                $indexC = 1;
            	while($row_menu=mysqli_fetch_array($sel))
            	{
            	    ?>
                <div class="tab-pane fade show <?php if($indexC == 1) { echo "active"; } ?>" id="tab-content-<?php echo $row_menu['id']; ?>" role="tabpanel" aria-labelledby="home-tab-content-<?php echo $row_menu['id']; ?>">
                <?php echo $row_menu['content']; ?>
                </div>
                <?php 
                $indexC++;
                } 
                ?>
            </div>
        </div>
    </div>
</section>
<style>
    .footer-area {
        clear:both;
    }
    .about-area {
        padding-top: 30px;
    }
    <?php if($index <= 2) { ?>
    .tab-button {
        display:none;
    }
    <?php } ?>
</style>
<?php include('footer.php'); ?>
<?php 
    }
    else
	{
		echo"<script>alert('Something went to wrong...');window.location='index.php';</script>";
	}
	?>