OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	05/09/2025 11:18:49 AM	rwxr-xr-x
📄 .htaccess	860 bytes	03/26/2025 03:47:46 AM	rw-r--r--
📁 .vscode	-	03/26/2025 03:47:57 AM	rwxr-xr-x
📁 CreateLeadPage	-	03/26/2025 04:16:47 AM	rwxr-xr-x
📄 ImageMagick-7.1.1-45-Q16-HDRI-x64-dll.exe	22.2 MB	03/26/2025 03:47:54 AM	rw-r--r--
📁 Xpress	-	03/26/2025 04:21:24 AM	rwxr-xr-x
📄 XpressPage.php	47.13 KB	03/26/2025 03:47:57 AM	rw-r--r--
📄 about.html	3.26 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 account.php	47.77 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 activate.php	2.19 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 add_channel.php	9.7 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 add_to_channel.php	980 bytes	03/26/2025 03:47:46 AM	rw-r--r--
📁 admin	-	03/26/2025 04:16:40 AM	rwxr-xr-x
📄 analytics.php	37.71 KB	03/26/2025 03:47:46 AM	rw-r--r--
📁 assets	-	03/26/2025 04:16:41 AM	rwxr-xr-x
📁 audio	-	03/26/2025 03:48:03 AM	rwxr-xr-x
📄 businessLp.php	46.33 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 bussLp.php	57.87 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 card-news.php	6.2 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 channel.php	36.21 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 chattest.php	8.66 KB	03/26/2025 03:47:46 AM	rw-r--r--
📁 clients	-	03/26/2025 03:48:03 AM	rwxr-xr-x
📄 collections.php	94.62 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 comments.php	1.67 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 composer.json	65 bytes	03/26/2025 03:47:46 AM	rw-r--r--
📄 composer.lock	4.03 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 contact.html	3.01 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 cookie.php	750 bytes	03/26/2025 03:47:46 AM	rw-r--r--
📄 copytest.html	4.04 KB	03/26/2025 03:47:46 AM	rw-r--r--
📁 creamAdmin	-	03/26/2025 04:07:42 AM	rwxr-xr-x
📄 cream_dashboard.php	25.87 KB	03/26/2025 03:47:46 AM	rw-r--r--
📁 creamapi	-	03/26/2025 03:48:04 AM	rwxr-xr-x
📄 create.php	42.93 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 created_magazine.html	11.96 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 dashboard.php	55.52 KB	03/26/2025 03:47:46 AM	rw-r--r--
📁 data	-	03/26/2025 04:16:48 AM	rwxr-xr-x
📄 down.html	829 bytes	03/26/2025 03:47:46 AM	rw-r--r--
📁 education-podcasts	-	03/31/2025 06:36:42 AM	rwxr-xr-x
📁 featured_channels	-	03/26/2025 03:48:04 AM	rwxr-xr-x
📄 featured_channels.php	32.48 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 featured_topics.php	26.59 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 fetch_articles.php	1.83 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 fetch_liked_users.php	1.55 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 filter.php	4.91 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 follow_action.php	1.75 KB	03/26/2025 03:47:46 AM	rw-r--r--
📄 follow_dash.php	33.76 KB	03/26/2025 03:47:46 AM	rw-r--r--
📁 form-builder	-	03/26/2025 03:48:04 AM	rwxr-xr-x
📄 function.php	20.61 KB	03/26/2025 03:47:47 AM	rw-r--r--
📁 genai	-	03/26/2025 04:20:06 AM	rwxr-xr-x
📄 generated_article.php	11.86 KB	03/26/2025 03:47:47 AM	rw-r--r--
📄 get_recent_items.php	1.37 KB	03/26/2025 03:47:47 AM	rw-r--r--
📄 handle_channel.php	856 bytes	03/26/2025 03:47:47 AM	rw-r--r--
📁 hindiConverter	-	03/26/2025 04:15:50 AM	rwxr-xr-x
📄 homePin.php	68.38 KB	03/26/2025 03:47:47 AM	rw-r--r--
📁 hps	-	03/26/2025 03:48:05 AM	rwxr-xr-x
📄 impmy_collection.php	124.17 KB	03/26/2025 03:47:47 AM	rw-r--r--
📁 inc	-	03/26/2025 04:15:50 AM	rwxr-xr-x
📄 index.php	30.55 KB	03/26/2025 03:47:48 AM	rw-r--r--
📄 index1.php	61.34 KB	03/26/2025 03:47:50 AM	rw-r--r--
📄 influencer.php	11.72 KB	03/26/2025 03:47:54 AM	rw-r--r--
📁 interface	-	03/26/2025 03:48:05 AM	rwxr-xr-x
📁 kannada	-	03/26/2025 04:20:06 AM	rwxr-xr-x
📄 knobly_logo.png	9.45 KB	03/26/2025 03:47:54 AM	rw-r--r--
📄 landing_page.php	17.27 KB	03/26/2025 03:47:54 AM	rw-r--r--
📄 landing_signin.php	5.11 KB	03/26/2025 03:47:54 AM	rw-r--r--
📁 leadpage	-	03/26/2025 04:15:53 AM	rwxr-xr-x
📄 link.php	5.63 KB	03/26/2025 03:47:54 AM	rw-r--r--
📄 logInCheck.php	4.41 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 loggedInCheck.php	1.15 KB	03/26/2025 03:47:54 AM	rw-r--r--
📄 logo (1).svg	814 bytes	03/26/2025 03:47:55 AM	rw-r--r--
📄 logout.php	503 bytes	03/26/2025 03:47:55 AM	rw-r--r--
📄 magazine.html	4.46 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 magazine.php	23.57 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 more.php	9.21 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 my_collection.php	153.03 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 my_settings.php	17.44 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 navbar.php	3.36 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 new-page.php	10.46 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 newEditor.php	17.04 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 newsletter.php	24.31 KB	03/26/2025 03:47:55 AM	rw-r--r--
📁 pageLanding	-	03/26/2025 04:20:07 AM	rwxr-xr-x
📁 pages	-	03/26/2025 04:15:53 AM	rwxr-xr-x
📄 payment.php	29.86 KB	03/26/2025 03:47:55 AM	rw-r--r--
📁 pdf	-	03/26/2025 03:48:06 AM	rwxr-xr-x
📄 pdftk_server-2.02-win-setup.exe	2.91 MB	03/26/2025 03:47:56 AM	rw-r--r--
📄 post-details.php	37.75 KB	03/26/2025 03:47:55 AM	rw-r--r--
📄 premium.php	21.79 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 privacy.html	12.1 KB	03/26/2025 03:47:56 AM	rw-r--r--
📁 process	-	03/26/2025 03:48:11 AM	rwxr-xr-x
📄 process-plan.php	1.44 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 process.php	1.52 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 process_data.php	5.02 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 profile.php	37.8 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 profile_pic_upload.php	4.83 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 profile_test.php	19.78 KB	03/26/2025 03:47:56 AM	rw-r--r--
📁 reels	-	03/26/2025 04:20:08 AM	rwxr-xr-x
📄 refund.html	9.04 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 replyPost.php	3.93 KB	03/26/2025 03:47:56 AM	rw-r--r--
📁 report	-	03/26/2025 03:48:11 AM	rwxr-xr-x
📄 request_article.php	22.76 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 reset.html	4.7 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 save_profile.php	2.78 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 saved.php	34.28 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 saved_posts.php	49.25 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 search_bar.php	16.95 KB	03/26/2025 03:47:56 AM	rw-r--r--
📁 sendy	-	03/26/2025 04:21:20 AM	rwxr-xr-x
📄 settings.php	81.93 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 sharemarket.php	3.88 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 showcase.php	10.34 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 signInProcess.php	13.83 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 signInProcess_backup.php	11.18 KB	03/26/2025 03:47:56 AM	rw-r--r--
📁 social_media	-	03/26/2025 04:16:12 AM	rwxr-xr-x
📄 start.html	3.99 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 store_articles.php	1.04 KB	03/26/2025 03:47:56 AM	rw-r--r--
📄 stream.php	62.31 KB	03/26/2025 03:47:57 AM	rw-r--r--
📄 streamPush.php	29.82 KB	03/26/2025 03:47:57 AM	rw-r--r--
📄 streamb.php	40.75 KB	03/26/2025 03:47:57 AM	rw-r--r--
📄 streambb.php	47.34 KB	03/26/2025 03:47:57 AM	rw-r--r--
📁 texttovoice	-	03/26/2025 03:48:13 AM	rwxr-xr-x
📁 thumbsUp	-	03/26/2025 03:48:13 AM	rwxr-xr-x
📄 toggle_channel.php	2.28 KB	03/26/2025 03:47:57 AM	rw-r--r--
📄 udupi_sign_up.php	34.5 KB	03/26/2025 03:47:57 AM	rw-r--r--
📁 uploads	-	03/26/2025 04:06:46 AM	rwxr-xr-x
📄 usage.html	37.76 KB	03/26/2025 03:47:57 AM	rw-r--r--
📄 userActivity.php	9.79 KB	03/26/2025 03:47:57 AM	rw-r--r--
📁 vendor	-	03/26/2025 04:20:23 AM	rwxr-xr-x
📄 verify.php	744 bytes	03/26/2025 03:47:57 AM	rw-r--r--
📄 view.php	13.36 KB	03/26/2025 03:47:57 AM	rw-r--r--
📄 view_newsletter.php	1.58 KB	03/26/2025 03:47:57 AM	rw-r--r--
📄 xpress_landing_page.php	78.63 KB	03/26/2025 03:47:57 AM	rw-r--r--
📄 xpress_landingpage.html	11.15 KB	03/26/2025 03:47:57 AM	rw-r--r--

Editing: dashboard.php

<?php
require_once './assets/php/validate.logged.php';
include './assets/php/function.php';
include './inc/config.php';
include './assets/php/db_config.php';

function display_my_feeds($conn, $userId)
{
    // Prepare the query
    $stmt = $conn->prepare("SELECT rfa.id, rfu.rss_publisher, rfa.url, rfa.title, rfa.description, rfa.image, rfa.date 
  FROM rss_feeds_articles rfa 
  INNER JOIN rss_feeds_url rfu ON rfa.feed_id = rfu.rss_id 
  INNER JOIN reader_collection rc ON rfa.id=rc.feed_id
  WHERE rc.user_id = ? 
  ORDER BY rfa.date DESC");

$stmt->bind_param("i", $userId);
    $stmt->execute();
    $result = $stmt->get_result();
    if ($result->num_rows > 0) {
?>
        
    <?
    }
    // Close the prepared statement and the database connection
    $stmt->close();
}
function build_image_url($type, $data)
{
    return "data/" . $type . "/" . $data;
}

function display_my_featured_channel($user_id)
{
    global $readerdb;

// Fetch the user's channel details
    $stmt = $readerdb->prepare("
        SELECT id, name, profilePic 
        FROM channels where featured_channel='Y'");
    $stmt->execute();
    $result = $stmt->get_result();

if ($result->num_rows > 0) { ?>
        <?php while ($row = $result->fetch_assoc()) { ?>
            <div class="card item-card">
                <img src="<?= build_image_url('channelPic', $row['profilePic']) ?>" class="card-img-top">
                <div class="card-body">
                    <h5 class="card-title"><?= htmlspecialchars($row['name']) ?></h5>
                    <a href="channel.php?channelId=<?= $row['id'] ?>&channelName=<?= $row['name'] ?>" class="btn btn-primary">Visit Channel</a>
                </div>
            </div>
        <?php
        }
    }
}
function display_my_channel($user_id)
{
    global $readerdb;

// Fetch the user's channel details
    $stmt = $readerdb->prepare("
        SELECT id, name, profilePic 
        FROM channels
    ");
    $stmt->execute();
    $result = $stmt->get_result();

if ($result->num_rows > 0) { ?>
        <div class="category">
            <h2 class="category-title">Student Channels</h2>
            <div class="scroll-row">
                <?php while ($row = $result->fetch_assoc()) { ?>
                    <div class="card item-card">
                        <img src="<?= build_image_url('channelPic', $row['profilePic']) ?>" class="card-img-top">
                        <div class="card-body">
                            <h5 class="card-title"><?= htmlspecialchars($row['name']) ?></h5>
                            <a href="channel.php?channelId=<?= $row['id'] ?>&channelName=<?= $row['name'] ?>" class="btn btn-primary">Visit Channel</a>
                        </div>
                    </div>
                <?php } ?>
            </div>
        </div>
    <?php
    } else {
        echo "<p>No channel found.</p>";
    }
}

function my_channel($user_id)
{
    global $readerdb;

// Fetch the user's channel details
    $stmt = $readerdb->prepare("SELECT id, name, profilePic 
    FROM channels
    WHERE created_by = $user_id;
");
    $stmt->execute();
    $result = $stmt->get_result();

if ($result->num_rows > 0) { ?>
        <div class="category">
            <h2 class="category-title">My Channels</h2>
            <div class="scroll-row">
                <?php while ($row = $result->fetch_assoc()) { ?>
                    <div class="card item-card">
                        <img src="<?= build_image_url('channelPic', $row['profilePic']) ?>" class="card-img-top">
                        <div class="card-body">
                            <h5 class="card-title"><?= htmlspecialchars($row['name']) ?></h5>
                            <a href="channel.php?channelId=<?= $row['id'] ?>&channelName=<?= $row['name'] ?>" class="btn btn-primary">Visit Channel</a>
                        </div>
                    </div>
                <?php } ?>
            </div>
        </div>
<?php
    } else {
        echo "<p>No channel found.</p>";
    }
}

?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Knobly Cream: Create &bull; Reach &bull; Measure</title>

<link href="assets/css/fontsgoogle.css" rel="stylesheet">

<link href="assets/css/bootstrap.min.4.5.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/all.min.css">
    <link rel="stylesheet" href="assets/css/styles.css">

<style>
        /* Navbar brand */
        .navbar-brand {
            font-weight: 700;
            font-size: 1.5rem;
            color: #e50914 !important;
            /* Netflix Red */
        }

/* Navbar links */
        .navbar-nav .nav-link {
            color: #bbb !important;
            transition: color 0.3s;
        }

.navbar-nav .nav-link:hover {
            color: #fff !important;
        }

.navbar {
            background-color: #141414;
            padding: 8px;
        }

/* Container Padding */
        .container-fluid {
            /* padding: 7rem 2%; */
        }

/* Container Padding */
        @media screen and (max-width: 768px) {
            .container-fluid {
                padding: 40px 0 !important;
                max-width: 1400px;
                margin: 0 auto;

}

/* Category Section */
        .category {
            margin-bottom: 2rem;
        }

.category-title {
            margin-bottom: 2rem;
            font-size: 1.75rem;
            font-weight: 700;
            /* color: #fff; */
            text-align: center;
        }

/* Scrollable Row */
        .scroll-row {
            display: flex;
            overflow-x: auto;
            padding-bottom: 1rem;
            scroll-behavior: smooth;
        }

.scroll-row::-webkit-scrollbar {
            height: 8px;
        }

.scroll-row::-webkit-scrollbar-thumb {
            background-color: #555;
            border-radius: 4px;
        }

.scroll-row::-webkit-scrollbar-track {
            background-color: #222;
        }

.scroll-row {
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            gap: 0px;
            padding-bottom: 10px;
        }

.item-card {
            flex: 0 0 auto;
            /* Prevent flex items from shrinking */
            max-width: 200px;
            min-width: 200px !important;
            margin-right: 0.5rem;
            background-color: #1c1c1c !important;
            border: none;
            border-radius: 8px;
            transition: transform 0.3s, box-shadow 0.3s;
            cursor: pointer;
        }

/* Card Styles */
        .item-card:last-child {
            margin-right: 0;
        }

.item-card:hover {
            transform: scale(1.05);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6);
            z-index: 2;
        }

.item-card img {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            height: 120px;
            object-fit: cover;
        }

.item-card .card-body {
            padding: 0.5rem 1rem;
        }

.item-card .card-title {
            font-size: 1rem;
            margin-bottom: 0.5rem;
            color: #fff;
            text-align: center;
        }

.card-para {
            color: #fff !important;
        }

.item-card .btn {
            padding: 0.25rem 0.5rem;
            font-size: 0.75rem;
            border-radius: 4px;
            display: block;
            margin: 0 auto;
            width: 60%;
        }

/* Action Buttons Section */
        .actions-section {
            margin-top: 2rem;
            margin-bottom: 2rem;
        }

.action-card {
            background-color: #333 !important;

border: none;
            border-radius: 8px;
            transition: background-color 0.3s, transform 0.3s;
            cursor: pointer;
        }

.action-card:hover {
            background-color: #444 !important;
            transform: translateY(-5px);
        }

.action-card .card-body {
            text-align: center;
            padding: 2rem 1rem;
        }

.action-card .card-title {
            margin-bottom: 1rem;
            font-size: 1.25rem;
            font-weight: 700;
            color: #fff;
        }

.action-card .btn {
            margin-top: 1rem;
            padding: 0.5rem 1rem;
            font-size: 1rem;
            border-radius: 4px;
        }

.icon {
            color: white !important;
            /* White color for the icons */
            /* margin-right: 10px; */
            border: none;
        }

.navbar-toggler:focus {
            border-color: black !important;
            border: none !important;
            outline: none;
        }

.tooltip {
            position: relative;
            display: inline-block;
        }

.tooltiptext {
            visibility: hidden;
            width: 120px;
            background-color: black;
            color: #fff;
            text-align: center;
            border-radius: 5px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            bottom: 125%;
            /* Position above the icon */
            left: 50%;
            margin-left: -60px;
            /* Center the tooltip */
            opacity: 0;
            /* Hide tooltip initially */
            transition: opacity 0.3s;
        }

.tooltip:hover .tooltiptext {
            visibility: visible;
            opacity: 1;
            /* Show tooltip on hover */
        }

.action-card {
            height: 220px;
            /* Set a fixed height */
            display: flex;
            /* Use flexbox for vertical centering */
            flex-direction: column;
            /* Align children vertically */
            justify-content: center;
            /* Center content vertically */
            text-align: center;
            /* Center text horizontally */
        }

.dropdown-menu {
            position: absolute;
            top: 100%;
            left: -100px;
            z-index: 1000;
            display: none;
            float: left;
            min-width: 10rem;
            padding: .5rem 0;
            margin: .125rem 0 0;
            font-size: 1rem;
            color: #212529;
            text-align: left;
            list-style: none;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid rgba(0, 0, 0, .15);
            border-radius: .25rem;
        }

p {
            color: black;
        }

/* 
    .modal-content {
      background-color: #1c1c1c !important;
      color: white !important;
    } */

.modal-body {
            padding: 20px;
        }

/* .morewithlike i {
      color: #a3a2a2 !important;
      border: none;
      padding: 0;
    } */

.morewithlike button::after {
            border-color: pink;
            /* Ensure no outline when focused */
            border: none;
            outline: none;

}

.modal-title {
            max-width: 88%;
        }

/* Responsive Adjustments */
        @media (max-width: 992px) {
            .item-card {
                min-width: 180px;
            }

.category-title {
                font-size: 1.5rem;
            }
        }

@media (max-width: 768px) {
            .item-card {
                min-width: 160px;
            }

.category-title {
                font-size: 1.25rem;
            }

.action-card .card-title {
                font-size: 1.1rem;
            }

.action-card .btn {
                font-size: 0.95rem;
            }
        }

@media (max-width: 576px) {
            .navbar-brand {
                font-size: 1.25rem;
            }

.item-card {
                max-width: 140px;
            }

.category-title {
                font-size: 1rem;
            }

.action-card .card-title {
                font-size: 1rem;
            }

.action-card .btn {
                font-size: 0.9rem;
            }
        }

@media (max-width: 768px) {
            .info-icon {
                display: none;
                /* Check for similar rules */
            }
        }

.go-back-bar {
            margin-top: 100px;
        }
    </style>
    <style>
        /* Button styling */
        .add-channel-btn {
            background-color: #28a745;
            /* Green color */
            color: white;
            font-size: 24px;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            position: fixed;
            bottom: 169px;
            right: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            transition: background-color 0.3s ease;
        }

/* Button hover effect */
        .add-channel-btn:hover {
            background-color: #218838;
            /* Darker green on hover */
        }

/* Button text styling */
        .add-channel-btn:after {
            content: "+";
            font-size: 36px;
        }

@media (min-width: 1400px) {

.container,
            .container-lg,
            .container-md,
            .container-sm,
            .container-xl,
            .container-xxl {
                max-width: 100% !important;
            }
        }
    </style>

<script src="assets/js/bootstrap.bundle.min.js"></script>

$(document).ready(function() {
            const newsModal = new bootstrap.Modal($('#newsModal'));

$('.likeButton').on('click', function() {
                var feed_id = $('#dataModal').attr('data-id');
                toggleLike(feed_id, userId);
            });

$('.copyButton').on('click', function() {
                var feed_url = $('#modal-url').attr('href');
                // var feed_url = $('.news-item').data('url');
                copyToClipboard(feed_url); // Call the correct function with the correct variable
            });

$('#bookmarkIcon').on('click', function() {
                var feed_id = $('#dataModal').attr('data-id'); // Ensure this targets the correct item
                console.log(feed_id);

// Check the current state of the icon
                if ($(this).hasClass('far fa-bookmark')) {
                    addToCollection(feed_id, userId);
                } else {
                    removeFromCollection(feed_id, userId);
                }
            });

$('.read-more').on('click', function(event) {
                event.preventDefault(); // Prevent default anchor behavior

const title = $(this).data('title');
                const description = $(this).data('description');
                const image = $(this).data('image');
                const url = $(this).data('url');
                const date = $(this).data('date');

const feed_id = $(this).data('id');

$('#dataModal').attr('data-id', feed_id);
                $('#dataModal').attr('data-title', title);

// Populate modal with data
                $('#newsModalLabel').text(title);
                $('#modal-description').text(description);
                $('#modal-image').attr('src', image);
                $('#modal-url').attr('href', url);
                $('#modal-date').text(date);

checkCollection(feed_id, userId);

// Show the modal
                newsModal.show();
            });

// Play button click handler
            $('.play-button').on('click', function() {
                var title = $('#dataModal').data('title');
                var desc = $('#dataModal').data('description');
                playAudio(title, desc, $(this));
            });
        });

// Function to play audio
        function playAudio(title, desc, button) {
            var audio = new Audio();

if (isPlaying) {
                console.log("Audio is already playing. Cannot start another instance.");
                return;
            }

console.log("Starting audio playback...");

isPlaying = true; // Set flag to true to indicate audio playback has started

// Ajax call to get audio file URL
            $.ajax({
                url: 'texttovoice/processvoice.php',
                type: 'POST',
                data: {
                    title: title,
                    description: desc
                },
                success: function(response) {
                    audio.src = response;
                    audio.play();

// Update button visibility
                    button.hide();
                    button.siblings('.pause-button').show();
                    button.siblings('.stop-button').show();

// Pause button click handler
                    button.siblings('.pause-button').on('click', function() {
                        audio.pause();
                        $(this).hide();
                        $(this).siblings('.resume-button').show();
                    });

// Resume button click handler
                    button.siblings('.resume-button').on('click', function() {
                        audio.play();
                        $(this).hide();
                        $(this).siblings('.pause-button').show();
                    });

button.siblings('.stop-button').on('click', function() {
                        audio.pause(); // Pause the audio (assuming this stops playback)
                        audio.currentTime = 0; // Reset audio playback to the beginning
                        button.siblings('.resume-button').hide(); // Hide resume button if shown
                        button.siblings('.stop-button').hide();
                        button.siblings('.pause-button').hide();
                        button.show();
                        isPlaying = false;
                    });

// Reset when audio ends
                    audio.onended = function() {
                        isPlaying = false;
                        button.show();
                        button.siblings('.pause-button').hide();
                        button.siblings('.resume-button').hide();
                        button.siblings('.stop-button').hide();
                    };
                },
                error: function(xhr, status, error) {
                    console.error("Error playing audio:", error);
                }
            });
        }

function likeCount(feedId, userId) {
            $.ajax({
                url: 'inc/handler.php',
                type: 'POST',
                contentType: 'application/json', // Specify that you're sending JSON
                data: JSON.stringify({
                    request: 'likeCount',
                    userId: userId,
                    feedId: feedId
                }),
                success: function(response) {
                    if (response.status === "success") {
                        console.log("Response:", response); // Access 'response' instead of 'data'
                        $('.likeButton #likeCount').html(response.count || ''); // Change to solid thumbs up

} else {
                        console.error("Error message:", response.message);
                    }
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    console.error("Error:", textStatus, errorThrown);
                }
            });
        }

function toggleLike(feedId, userId) {
            var thumbsUpIcon = $('.likeButton #thumbsUp');
            var isLiked = thumbsUpIcon.hasClass('fa-solid');

// Determine the request type based on the current like status
            var requestType = isLiked ? 'unlike' : 'like';

// Make the AJAX call to like/unlike the post
            $.ajax({
                url: 'inc/handler.php',
                type: 'POST',
                contentType: 'application/json',
                data: JSON.stringify({
                    request: requestType,
                    userId: userId,
                    feedId: feedId
                }),
                success: function(response) {
                    if (response.status === "success") {
                        // Toggle the icon based on the like status
                        if (requestType === 'like') {
                            thumbsUpIcon.removeClass('fa-regular').addClass('fa-solid');
                        } else {
                            thumbsUpIcon.removeClass('fa-solid').addClass('fa-regular');
                        }
                        likeCount(feedId, userId);
                    } else {
                        console.error("Error message:", response.message);
                    }
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    console.error("Error:", textStatus, errorThrown);
                }
            });
        }

function copyToClipboard(feedUrl) {
            // var feedUrl = `http://localhost/new_reader/feed/${feedId}`; // Adjust this to your actual URL structure

navigator.clipboard.writeText(feedUrl).then(function() {
                alert('Feed URL copied to clipboard: ' + feedUrl);
            }).catch(function(error) {
                console.error('Error copying text: ', error);
            });
        }

}

.sideMaincontent {
            height: 85vh;
            overflow-y: scroll;
            padding: 30px 20px;
        }

@media (min-width: 768px) {
            .col-md-2 {
                padding: 0px !important;
            }

}

@media (max-width: 768px) {
            .col-md-2 {
                display: none !important;
            }

}
    </style>
</head>

<body>

<? include 'assets/php/social_navbar.php' ?>

<div class="sideWithMainContainer">
        <div class="col-md-2">
            <? include 'assets/php/sidebar.php' ?>
        </div>
        <div class="container-fluid  col-sm-12 col-md-10 sideMaincontent" style="padding-bottom: 70px;">
            
            <div class="category">
                <h2 class="category-title">Departmental Channels</h2>
                <div class="scroll-row">
                    <? display_my_featured_channel($gUserId) ?>
                    
                    <div class="card item-card">
                        <img src="assets/img/ET.jpg" class="card-img-top" alt="ET">
                        <div class="card-body">
                            <h5 class="card-title">Economics</h5>
                            <a href="featured_channels.php?rss_id=1" class="btn btn-primary">Read</a>
                        </div>
                    </div>
                    <div class="card item-card">
                        <img src="assets/img/political_science.jpg" class="card-img-top" alt="political_science">
                        <div class="card-body">
                            <h5 class="card-title">Political Science</h5>
                            <a href="featured_channels.php?rss_id=3" class="btn btn-primary">Read</a>
                        </div>
                    </div>
                    <div class="card item-card">
                        <img src="assets/img/pyschology.jpg" class="card-img-top" alt="Deccan Herald Logo">
                        <div class="card-body">
                            <h5 class="card-title">Psychology</h5>
                            <a href="featured_channels.php?rss_id=2" class="btn btn-primary">Read</a>
                        </div>
                    </div>
                    
                    <div class="card item-card">
                        <img src="assets/img/digital_banking_and_finance.jpg" class="card-img-top" alt="WSJ Logo">
                        <div class="card-body">
                            <h5 class="card-title">Digital Banking & Finance</h5>
                            <a href="featured_channels.php?rss_id=4" class="btn btn-primary">Read</a>
                        </div>
                    </div>
                    <div class="card item-card">
                        <img src="assets/img/human_resource_management.jpg" class="card-img-top" alt="Financial Times Logo" style="background-color: #fff;">
                        <div class="card-body">
                            <h5 class="card-title">Human Resources management</h5>
                            <a href="featured_channels.php?rss_id=5" class="btn btn-primary">Read</a>
                        </div>
                    </div>
                    <div class="card item-card">
                        <img src="assets/img/business_analytics.jpg" class="card-img-top" alt="Economist Logo"
                            style="background-color: white;">
                        <div class="card-body">
                            <h5 class="card-title">Business Analytics</h5>
                            <a href="featured_channels.php?rss_id=6" class="btn btn-primary">Read</a>
                        </div>
                    </div>
                    
                    
                    
                    <div class="card item-card">
                        <img src="assets/img/international_business.jpg" class="card-img-top" alt="Business Gyan Logo">
                        <div class="card-body">
                            <h5 class="card-title">International Business</h5>
                            <a href="featured_channels.php?rss_id=6" class="btn btn-primary">Read</a>
                        </div>
                    </div>
                </div>
            </div>

<div class="category">
                <h2 class="category-title">Featured Topics</h2>
                <div class="scroll-row">
                    
                    <div class="card item-card">
                        <img src="assets/img/sports_psychology.jpg" class="card-img-top" alt="Channel 1">
                        <div class="card-body">
                            <h5 class="card-title">Sports Psychology</h5>
                            <a href="featured_topics.php?ft_id=8" class="btn btn-primary">Read</a>
                        </div>
                    </div>
                    <div class="card item-card">
                        <img src="assets/img/entrepreneur.jpg" class="card-img-top" alt="Channel 6">
                        <div class="card-body">
                            <h5 class="card-title">Entrepreneur</h5>
                            <a href="featured_topics.php?ft_id=14" class="btn btn-primary">Read</a>
                        </div>
                    </div>
                    <div class="card item-card">
                        <img src="assets/img/technology.jpg" class="card-img-top" alt="Channel 10">
                        <div class="card-body">
                            <h5 class="card-title">Technology</h5>
                            <a href="featured_topics.php?ft_id=9" class="btn btn-primary">Read</a>
                        </div>
                    </div>
                    
                    <div class="card item-card">
                        <img src="assets/img/education_and_learning.jpg" class="card-img-top" alt="Channel 2">
                        <div class="card-body">
                            <h5 class="card-title">Education & Learning</h5>
                            <a href="featured_topics.php?ft_id=10" class="btn btn-primary">Read</a>
                        </div>
                    </div>
                    <div class="card item-card">
                        <img src="assets/img/digital_banking.jpg" class="card-img-top" alt="Channel 3">
                        <div class="card-body">
                            <h5 class="card-title">Digital Banking</h5>
                            <a href="featured_topics.php?ft_id=11" class="btn btn-primary">Read</a>
                        </div>
                    </div>
                    <div class="card item-card">
                        <img src="assets/img/business_analytics.jpg" class="card-img-top" alt="Channel 4">
                        <div class="card-body">
                            <h5 class="card-title">Business Analytics</h5>
                            <a href="featured_topics.php?ft_id=12" class="btn btn-primary">Read</a>
                        </div>
                    </div>
                    <div class="card item-card">
                        <img src="assets/img/startup_finance.jpg" class="card-img-top" alt="Channel 5">
                        <div class="card-body">
                            <h5 class="card-title">Startup finance</h5>
                            <a href="featured_topics.php?ft_id=13" class="btn btn-primary">Read</a>
                        </div>
                    </div>

</div>
            </div>

<!-- <div class="category">
                <h2 class="category-title">
                    Curated Feeds
                    <i class="fas fa-info-circle info-icon" title="View Your Curated Feeds Using Knobly"></i>
                </h2>
                <div class="scroll-row">

<?php
                    include 'assets/php/db_connect.php';

$rss_id = 9;
                    // Function to limit title to 10 words
                    function limitWords($text, $wordLimit)
                    {
                        $words = explode(' ', $text);
                        return implode(' ', array_slice($words, 0, $wordLimit));
                    }

// Query to fetch news data
                    $stmt = $conn->prepare("SELECT rfa.id, rfu.rss_publisher, rfa.url, rfa.title, rfa.description, rfa.image, rfa.date 
                        FROM rss_feeds_articles rfa 
                        INNER JOIN rss_feeds_url rfu ON rfa.feed_id = rfu.rss_id 
                        WHERE rfu.rss_id = ? 
                        ORDER BY rfa.date DESC LIMIT 50");

$stmt->bind_param("i", $rss_id);
                    $stmt->execute();
                    $result = $stmt->get_result();

if ($result->num_rows > 0) {
                        // Output data of each row
                        while ($row = $result->fetch_assoc()) {
                            $feedId = stripslashes($row['id']);
                            $title = htmlspecialchars(strip_tags(stripslashes($row['title'])));
                            $title = limitWords($title, 2);
                            $description = htmlspecialchars(strip_tags(stripslashes($row['description'])));

// $date = htmlspecialchars(strip_tags(stripslashes($row['date'])));
                            $image = is_null($row['image']) || $row['image'] === '' ? 'assets/img/toi.png' : $row['image'];
                            $date = htmlspecialchars(strip_tags(stripslashes($row['date'])));
                    ?>

<div class="card item-card">
                                <img src="<?= htmlspecialchars($image) ?>" class="card-img-top" alt="<?= $title ?>">
                                <div class="card-body">
                                    <h5 class="card-title"><?= $title ?></h5>
                                    <a href="#"
                                        class="btn btn-primary read-more"
                                        data-id="<?= htmlspecialchars($row['id']) ?>"
                                        data-title="<?= htmlspecialchars($row['title']) ?>"
                                        data-description="<?= $description ?>"
                                        data-image="<?= htmlspecialchars($image) ?>"
                                        data-date="<?= htmlspecialchars($date) ?>"
                                        data-url="<?= htmlspecialchars($row['url']) ?>">
                                        Read
                                    </a>
                                </div>
                            </div>
                    <?
                        }
                    } else {
                        echo '<p>No articles found.</p>';
                    }

// Close the prepared statement and the database connection
                    $stmt->close();
                    ?>
                </div>
            </div> -->

<? my_channel($gUserId) ?>
            <a href="add_channel.php" class="btn btn-secondary mt-2">
                Add Channel
            </a>

<?php display_my_feeds($conn, $gUserId) ?>

<!-- <div class="actions-section">
      <div class="row justify-content-center">

Create Your Own Message
        <div class="col-md-4 mb-4">
          <div class="card action-card">
            <div class="card-body">
              <h5 class="card-title">Create Your Own Magazine</h5>
              <p class="card-para">Craft and share your own messages with the community.</p>
              <?php if (isset($_SESSION['user_logged_in']) && $_SESSION['user_logged_in']): ?>
                <a href="magazine.php" class="btn btn-primary">Create Magazine</a>
              <?php else: ?>
                <a href="sign-in.php" class="btn btn-primary">Sign In to Create Magazine</a>
              <?php endif; ?>
            </div>
          </div>
        </div>

Read
        <div class="col-md-4 mb-4">
          <div class="card action-card">
            <div class="card-body">
              <h5 class="card-title">Read</h5>
              <p class="card-para">Access a wide range of articles and stories.</p>
              <a href="readarticles.html" class="btn btn-primary">Start Reading</a>
            </div>
          </div>
        </div>

Watch Video
        <div class="col-md-4 mb-4">
          <div class="card action-card">
            <div class="card-body">
              <h5 class="card-title">Watch Video</h5>
              <p class="card-para">Enjoy a variety of videos from different genres.</p>
              <a href="#" class="btn btn-primary">Watch Videos</a>
            </div>
          </div>
        </div>

</div>
    </div> -->

</div>
    </div>

<? include 'assets/php/bottom_navbar.php' ?>
    <? include 'assets/php/footer.php' ?>
</body>

</html>