<main class="container bg-light shadow-sm rounded border my-2">
    <div class="row">
        <div class="col-12 col-lg-8">
            <div id="azCollection">
                <?php echo $breadhtml; ?>
                <h1 class="px-2 pt-2 mb-1 text-dark text-truncate fs-5 fw-normal text-uppercase"><?php echo $heading; ?>
                </h1>
                <h2 class="pb-2 ps-2 mb-3 text-truncate fs-6 fw-normal border-bottom"><i class="fa fa-info-circle"
                        aria-hidden="true"></i> <?php echo $name; ?></h2>
                <?php
            echo '<div class="justify-content-center mb-2">';
            for ($i = 65; $i <= 90; $i++) {
               $cssClass = ($sort == strtolower(chr($i))) ? ' active' : '';
               echo '<a class="btn btn-outline-primary m-1' . $cssClass . '" href="' . APP_URL . '/' . $curroute . '/1/' . strtolower(chr($i)) . $endRoute . '">' . chr($i) . '</a>';
            }
            $azClass = ($sort == 'a-to-z') ? ' active' : '';
            echo '<a class="btn btn-outline-primary m-1' . $azClass . '" href="' . APP_URL . '/' . $curroute . '/1/a-to-z' . $endRoute . '">All</a>';
            echo '</div>';
            ?>
                <div class="row row-cols-3 row-cols-sm-4 row-cols-md-6 bg-light g-1 g-sm-2 mb-3">
                    <?php
               require_once __DIR__ . '/_collection_list.php';
               ?>
                </div>
                <?php
            echo skyPageNavigate($totalPage, $page, $pagelimit, $pageLink);
            ?>
            </div>
        </div>
        <div class="col-12 col-lg-4">
            <aside>
                <div id="youmayAlso">
                    <?php echo getAds($AdsPath . '/sidebar_before'); ?>
                    <h3><i class="fa fa-random" aria-hidden="true"></i> You May Also Like</h3>
                    <ul class="list-group sb-list">
                        <?php
                  $listitems = $YouMayMovies;
                  require_once __DIR__ . '/_list_item.php';
                  unset($YouMayMovies); ?>
                    </ul>
                </div>
            </aside>
        </div>
    </div>
</main>