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: cream_dashboard.php

<? require_once './assets/php/validate.logged.php';
include './assets/php/function.php';
include './inc/config.php';
?>
<!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="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="assets/css/all.min.css">
  <link rel="stylesheet" href="assets/js/script.js">
  <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;
    }

.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;
      justify-content: center;
      flex-wrap: nowrap;
      overflow-x: auto;
      gap: 4px;
      padding-bottom: 10px;
    }

.item-card {
      flex: 0 0 auto;
      /* Prevent flex items from shrinking */
      max-width: 200px;
      min-width: 200px;
      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;
    }

/* 
    .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;
      }

.nav-link {
        /* margin-left: 0.5rem; */
        font-size: 0.9rem;
        padding: .5rem 0rem;
      }

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

.category-title {
        font-size: 1.4rem !important;
      }

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

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

.scroll-row {
        display: flex;
        min-width: 120px !important;
        justify-content: center;
        flex-wrap: wrap;
        overflow-x: auto;
        gap: 8px;
        padding-bottom: 10px;
      }

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

.go-back-bar {
      margin-top: 100px;
    }
  </style>
</head>

<body>

<?php include 'assets/php/navbar.php' ?>
  <? include 'assets/php/go_backbar.php' ?>

<div class="container-fluid">
    
    <div class="category">
      <h2 class="category-title">Create</h2>
      <div class="scroll-row">

<div class="card item-card">
          <a href="create.php">
            <img src="assets/img/editor.jpg" class="card-img-top" alt="TOI Logo">
            <div class="card-body">
              <h5 class="card-title py-2">Editor</h5>
              
            </div>
          </a>
        </div>

<div class="card item-card">
          <a href="./genai/genai.php">
            <img src="assets/img/genAI.jpg" class="card-img-top" alt="Deccan Herald Logo">
            <div class="card-body">
              <h5 class="card-title py-2">Buddy</h5>
              
            </div>
          </a>
        </div>

<div class="card item-card">
          <a href="./request_article.php">
            <img src="assets/img/equest_article.jpg" class="card-img-top" alt="The Hindu Logo">
            <div class="card-body">
              <h5 class="card-title py-2">GenAi Creator</h5>
              
            </div>
          </a>
        </div>
        <div class="card item-card">
          <a href="CreatePage">
            <img src="assets/img/landing-page.webp" class="card-img-top" alt="The Hindu Logo">
            <div class="card-body">
              <h5 class="card-title py-2">Landing Page</h5>
            </div>
          </a>
        </div>

</div>
    </div>

<div class="category">
      <h2 class="category-title">Reach</h2>
      <div class="scroll-row">
        
        <div class="card item-card" onclick="window.location.href='./card-news.html'">
          <a href="newsletter.php">
            <img src="assets/img/NL.jpg" class="card-img-top" alt="Channel 1">
            <div class="card-body">
              <h5 class="card-title py-2 ">Newsletter</h5>
              
            </div>
          </a>
        </div>
        <div class="card item-card">
          <a href="xpress_landing_page.php">
            <img src="assets/img/mailer.jpg" class="card-img-top" alt="Channel 10">
            <div class="card-body">
              <h5 class="card-title py-2">Xpress</h5>
              
            </div>
          </a>
        </div>
        
        <!-- <div class="card item-card">
          <a href="Xpress/createList.php">
            <img src="assets/img/manage_newsletter.jpg" class="card-img-top" alt="Channel 2">
            <div class="card-body">
              <h5 class="card-title py-2">Manage Newsletter</h5>

</div>
          </a>
        </div> -->
      </div>
    </div>

<div class="category">
      <h2 class="category-title">Measure</h2>
      <div class="scroll-row">
        
        <div class="card item-card" onclick="window.location.href='./card-news.html'">
          <a href="analytics.php">
            <img src="assets/img/analytices.jpg" class="card-img-top" alt="Channel 1">
            <div class="card-body">
              <h5 class="card-title py-2">Analytics</h5>
              
            </div>
          </a>
        </div>

</div>

</div>

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

<!-- <script>
    $(document).ready(function() {
      const newsModal = new bootstrap.Modal($('#newsModal'));

$('.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');
        console.log(date);

// 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);

// Show the modal
        newsModal.show();
      });
    });
  </script>

$('#dataModal').attr('data-id', feed_id);
        $('#dataModal').attr('data-title', title);
        $('#newsModalLabel').text(title);
        $('#modal-description').text(description);
        $('#modal-image').attr('src', image);
        $('#modal-date').text(date);
        $('#modal-url').attr('href', url);

// loadLike(feed_id, userId);
        // likeCount(feed_id, userId);
        checkCollection(feed_id, userId)

var modal = new bootstrap.Modal($('#newsModal')[0]);

modal.show();
      });

$('.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);
        }
      });

});

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);
        }
      });
    }
  </script>

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

$(document).ready(function() {

// 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);
          }
        });
      }
    });

</script> -->

</body>

</html>