<?php $this->layout("_theme");
$this->insert("views/page-title", ["pageTitle" => $pageTitle, "breadcrumb" => $breadcrumb]);
?>
<section id="content" >

    <div class="content-wrap">

        <div class="container">
            <div class="row gx-5 col-mb-80">
                <!-- Post Content
                ============================================= -->
                <main class="postcontent col-lg-9 order-lg-last">


                    <!-- Portfolio Items
                    ============================================= -->
                    <div id="portfolio" class="row gutter-20">
                        <?php $this->insert("views/courses"); ?>

                    </div><!-- #portfolio end -->

                </main><!-- .postcontent end -->

                <!-- Sidebar
                ============================================= -->
                <aside class="sidebar col-lg-3" >
                    <?php $this->insert("views/sidebar"); ?>


                </aside><!-- .sidebar end -->
            </div>

<!--            --><?php //if($paginator):?>
<!---->
<!--                <div class="row center p-4">-->
<!---->
<!--                    <div class="col-4 center center-col">-->
<!---->
<!--                        --><?php //= $paginator; ?>
<!---->
<!--                    </div>-->
<!---->
<!--                </div>-->
<!--            --><?php //endif; ?>


        </div>


    </div>
    <?php $this->insert("views/newsletter-widget2"); ?>

</section><!-- #content end -->

<?php
$this->start("scripts"); ?>

    <script type="text/javascript">
        $(".sidebar").on("click", ".filter-select", function (e){
            e.preventDefault();
            var filter_id = $(this).attr("href");
            var title = $(this).data("title");
            var url = '<?= url("/filters")?>';
            $.post(url, { filter_id: filter_id, title: title, action: "change"}, function (response) {
                //reload
                if (response.sidebar) {
                    $(".sidebar").html();
                    $(".sidebar").html(response.sidebar);
                }

                if (response.courses) {

                    $("#portfolio").fadeOut("fast", function (){
                        $("#portfolio").html(response.courses);
                        $("#portfolio").fadeIn("slow");
                    });


                }
            }, "json");
        });
    </script>
<?php
$this->end(); ?>