<?php if (!isset($vars['no_left_bar'])) { ?>       

    <nav class="page-sidebar <?php echo isset($_GET['is_pop']) ? 'hidden' : '' ?>" data-pages="sidebar">
        <?php
        include SIDEBAR_PATH . 'sideBarHeader.php';
        include SIDEBAR_PATH . 'leftNavigation.php';
    }
    ?>

    <div class="page-container <?php echo isset($_GET['is_pop']) ? 'container_pop' : '' ?>">
        <?php
        if (!isset($_GET['is_pop']) && empty($vars['no_top_header'])) {
            include HTML . 'Header/topHeader.php';
        }
        $org = new Organization();
        $org_head = json_encode($org->getOrganizationDetails());
        echo "<script>var org_head = {$org_head}</script>";
        ?>

        <div class="page-content-wrapper">
            <div class="content sm-gutter <?php echo isset($_GET['is_pop']) ? 'gutter_pop' : '' ?>">
                <div class="container-fluid container-fixed-lg sm-p-l-20 sm-p-r-20">
                    <?php if (isset($vars['breadCrumb'])) { ?>
                        <ul class="breadcrumb  no-print <?php echo isset($_GET['is_pop']) ? 'hidden' : ''; ?>">
                            <?php
                            $CurAddress = $vars['breadCrumb'][0][1];
                            for ($x = 0; $x < count($vars['breadCrumb']) - 1; $x++) {
                                echo('<li><a class="" href="' . $CurAddress . ($x == 0 ? '' : '/' . $vars['breadCrumb'][$x][1]) . '">' . $vars['breadCrumb'][$x][0] . '</a></li>');
                            }
                            echo('<li><a class="active" href="' . $vars['breadCrumb'][0][1] . '/' . $vars['breadCrumb'][count($vars['breadCrumb']) - 1][1] . '">' . $vars['breadCrumb'][count($vars['breadCrumb']) - 1][0] . '</a></li>');
                            ?>
                        </ul>
                        <?php } ?>
                    <!--
<div class="overlay hide" data-pages="search">
<div class="overlay-content has-results m-t-20">
<div class="container-fluid">
<img class="overlay-brand" src="img/logo.png" alt="logo" data-src="img/logo.png" data-src-retina="img/logo_2x.png" width="78" height="22">
<a href="#" class="close-icon-light overlay-close text-black fs-16">
<i class="pg-close"></i>
</a>
</div>
<div class="container-fluid">
<input id="overlay-search" class="no-border overlay-search bg-transparent" placeholder="Search..." autocomplete="off" spellcheck="false">
<br>
<div class="inline-block">
<div class="checkbox right">
<input id="checkboxn" type="checkbox" value="1" checked="checked">
<label for="checkboxn"><i class="fa fa-search"></i> Search within page</label>
</div>
</div>
<div class="inline-block m-l-10">
<p class="fs-13">Press enter to search</p>
</div>
</div>
<div class="container-fluid">
<span>
<strong>suggestions :</strong>
</span>
<span id="overlay-suggestions"></span>
<br>
<div class="search-results m-t-40">
<p class="bold">Pages Search Results</p>
<div class="row">
<div class="col-md-6">
<div class="">
<div class="thumbnail-wrapper d48 circular bg-success text-white inline m-t-10">
<div>
<img width="50" height="50" src="img/profiles/avatar.jpg" data-src="img/profiles/avatar.jpg" data-src-retina="img/profiles/avatar2x.jpg" alt="">
</div>
</div>
<div class="p-l-10 inline p-t-5">
<h5 class="m-b-5"><span class="semi-bold result-name">ice cream</span> on pages</h5>
<p class="hint-text">via john smith</p>
</div>
</div>
<div class="">
<div class="thumbnail-wrapper d48 circular bg-success text-white inline m-t-10">
<div>T</div>
</div>
<div class="p-l-10 inline p-t-5">
<h5 class="m-b-5"><span class="semi-bold result-name">ice cream</span> related topics</h5>
<p class="hint-text">via pages</p>
</div>
</div>
<div class="">
<div class="thumbnail-wrapper d48 circular bg-success text-white inline m-t-10">
<div><i class="fa fa-headphones large-text "></i></div>
</div>
<div class="p-l-10 inline p-t-5">
<h5 class="m-b-5"><span class="semi-bold result-name">ice cream</span> music</h5>
<p class="hint-text">via pagesmix</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="">
<div class="thumbnail-wrapper d48 circular bg-info text-white inline m-t-10">
<div><i class="fa fa-facebook large-text "></i></div>
</div>
<div class="p-l-10 inline p-t-5">
<h5 class="m-b-5"><span class="semi-bold result-name">ice cream</span> on facebook</h5>
<p class="hint-text">via facebook</p>
</div>
</div>
<div class="">
<div class="thumbnail-wrapper d48 circular bg-complete text-white inline m-t-10">
<div><i class="fa fa-twitter large-text "></i></div>
</div>
<div class="p-l-10 inline p-t-5">
<h5 class="m-b-5">Tweats on<span class="semi-bold result-name"> ice cream</span></h5>
<p class="hint-text">via twitter</p>
</div>
</div>
<div class="">
<div class="thumbnail-wrapper d48 circular text-white bg-danger inline m-t-10">
<div><i class="fa fa-google-plus large-text "></i></div>
</div>
<div class="p-l-10 inline p-t-5">
<h5 class="m-b-5">Circles on<span class="semi-bold result-name"> ice cream</span></h5>
<p class="hint-text">via google plus</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
                    -->
