<main class="container bg-light shadow-sm rounded border my-2">
    <div class="row">
        <div class="col-12 col-lg-8">
            <div id="catInfo">
                <?php echo getAds($AdsPath . '/category_before'); ?>
                <?php echo $breadhtml; ?>
                <h1 class="p-2 mb-3 text-dark text-truncate fs-5 fw-normal text-uppercase border-bottom"><?php echo $heading; ?> Download</h1>
                <?php if ($category['is_cat'] != 1) : ?>
                    <div class="row">
                        <div class="col-12 col-md-4">
                            <div class="mt-2">
                                <img data-bs-toggle="tooltip" title="<?php echo $category['name']; ?>" src="<?php echo APP_URL . '/assets/images/folder.svg'; ?>" data-src="<?php echo $catThumb; ?>" alt="<?php echo $category['name']; ?>" class="lazy mx-auto d-block rounded" width="<?php echo $thumbWH[0]; ?>" height="<?php echo $thumbWH[1]; ?>">
                            </div>
                        </div>
                        <div class="col-12 col-md-8">
                            <h2 class="text-center p-2 mb-2 text-truncate fs-6 fw-normal border-bottom">
                                <?php echo $category['name']; ?></h2>
                            <div class="card card-body p-0 movie-show-i fw-light">
                                <p><i class="fa fa-calendar" aria-hidden="true"></i> Release On:
                                    <?php echo $category['release_year'];
                                    ?></p>
                                <?php if ($ParentCat) {
                                    '<p><i class="fa fa-folder-open" aria-hidden="true"></i> Category:
                                    <a href="' . APP_URL . '/' . $ParentCat['slug'] . $endRoute  . '">' . $ParentCat['name'] . '</a>';
                                    '</p>';
                                }
                                ?>
                                <p><i class="fa fa-info-circle" aria-hidden="true"></i> Total Songs:
                                    <?php echo $category['totalitem'];
                                    ?>+</p>
                            </div>
                            <div class="d-flex m-2 justify-content-between">
                                <button type="button" id="share" onclick="share();" class="btn btn-success"><i class="fa fa-share" aria-hidden="true"></i> Share</button>
                            </div>
                        </div>
                    </div>
                    <!-- Modal -->
                    <div class="modal fade" id="modalDialog" tabindex="-1" aria-labelledby="modalDialogLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="modalDialogLabel"><i class="fa fa-share" aria-hidden="true"></i> Share</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                </div>
                                <div class="modal-body">
                                    <div id="sharemovie"></div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" id="closeModal" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php else : ?>
                    <h2 class="pb-2 ps-2 mb-3 text-truncate fs-6 fw-normal border-bottom"><i class="fa fa-folder-open" aria-hidden="true"></i> <?php echo $category['name']; ?></h2>
                <?php endif; ?>
                <?php if ($category['des'])
                    echo '<div class="card card-body p-2 my-2 rounded fw-light">' . $category['des'] . '</div>';
                ?>
            </div>
            <div id="listItems">
                <?php if ($category['is_cat'] != 1)
                    echo '<h3><i class="fa fa-music" aria-hidden="true"></i> Songs Charts</h3>'; ?>
                <?php
                require_once __DIR__ . '/_files_list.php';
                require_once __DIR__ . '/_category_list.php';
                ?>
                <?php
                echo skyPageNavigate($totalPage, $page, $pagelimit, $pageLink);
                ?>
            </div>
            <?php echo getAds($AdsPath . '/category_after'); ?>
        </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 = $YouMayFiles;
                        require_once __DIR__ . '/_list_item.php';
                        $listitems = $YouMayMovies;
                        require_once __DIR__ . '/_list_category.php';
                        unset($YouMayFiles, $YouMayMovies); ?>
                    </ul>
                </div>
            </aside>
        </div>
    </div>
    <p class="card card-body p-2 my-2 fw-light"><?php echo $autotags; ?></p>
</main>