<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Press Club Hyderabad</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://pressclubhyderabad.com/app/assets/style.css">
    <link rel="icon" type="image/x-icon" href="uploads/favicon.ico">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <script type="module" src="https://pressclubhyderabad.com/app/assets/js/firebase-messaging-sw.js"></script>
</head>
<!--<script src="assets/js/sk-jspark_init.php"></script>-->
</head>

<body>
<!-- Desktop Sidebar -->
<div id="sidebar" class="sidebar">
    <ul>
        <li><a href="https://pressclubhyderabad.com/app/Gallery">Gallery</a></li>
        <li><a href="https://pressclubhyderabad.com/app/Canteen">Canteen</a></li>
        <li><a href="https://pressclubhyderabad.com/app/Hall">Hall</a></li>
        <li><a href="https://pressclubhyderabad.com/app/Team">Team</a></li>
        <li><a href="https://pressclubhyderabad.com/app/privacypolicy.html">Privacy Policy</a></li>
        <li><a href="https://pressclubhyderabad.com/app/deleteaccount.php">Delete Account</a></li>
        <li><a href="https://pressclubhyderabad.com/app/Contact">Contact</a></li>
    </ul>
</div>

<!-- Mobile Top Bar -->
<div class="mobile-top-bar">
    <a href="#" class="hamburger" id="toggle-sidebar"><i class="fas fa-bars"></i></a>
    <img src="https://pressclubhyderabad.com/app/uploads/logo.png" alt="Press Club Logo" class="top-logo">
    <!--<a href="#" class="notification"><i class="fas fa-bell"></i></a>-->
</div>


<style>
    /* General Styles */
body {
    margin: 0;
    font-family: Arial, sans-serif;
}

.sidebar {
    width: 250px;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #121e56;
    color: white;
    overflow-y: auto;
    z-index: 1000;
    transition: transform 0.3s ease-in-out;
}

.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar ul li {
    padding: 15px;
}

.sidebar ul li a {
    color: white;
    text-decoration: none;
    display: block;
}

.sidebar ul li a:hover {
    background: #0d173d;
    border-radius: 5px;
}

.mobile-top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    /*background: #121e56;*/
    color: white;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001;
}

.mobile-top-bar img {
    height: 40px;
}

.mobile-top-bar .fas {
    font-size: 20px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .sidebar {
        transform: translateX(-100%);
    }

    .sidebar.active {
        transform: translateX(0);
    }

    .mobile-top-bar {
        display: flex;
    }
}

</style>

<script>
    document.getElementById("toggle-sidebar").addEventListener("click", function () {
    const sidebar = document.getElementById("sidebar");
    sidebar.classList.toggle("active");
});

</script>
    

<div id="events-container" class="event-content">
    <h2 class="about-title">Press Club Events</h2>
                        <div class="left-item">
                <div class="event-text">Rejoinder to the Communication Received from the Musi Riverfront Development Corporation Limited (MR</div>
                    <div class="event-dates-container">
                        <i class="fa fa-calendar-alt date-icon"></i>
                        <p class="event-dates">
                            <span class="date-label">Start:</span> 2026-06-17                            <span class="separator">|</span>
                            <span class="date-label">End:</span> 2026-06-17                        </p>
                    </div>

                                    <img src="https://pressclubhyderabad.com/app/uploads/item/835bce2824213405b8b80135829ed74c.png" alt="Event Image" class="main-image">
                                                    <p dir="ltr"><b>Sub:</b> Request for media coverage of a press conference: <i>“Rejoinder to the Communication Received from the Musi Riverfront Development Corporation Limited (MRDCL) on 9th June, 2026”</i> – Reg.</p><p dir="ltr">​Dear Sir / Madam,</p><p dir="ltr">​The <b>Musi Jan Andolan</b> is organizing a press conference to issue a formal rejoinder to the recent c...
                <a href="https://pressclubhyderabad.com/app/EventDetail/840" class="read">Read More</a>
            </div>
                    <div class="left-item">
                <div class="event-text">Media briefing regarding a historic upcoming product launch scheduled for 19th June 2026</div>
                    <div class="event-dates-container">
                        <i class="fa fa-calendar-alt date-icon"></i>
                        <p class="event-dates">
                            <span class="date-label">Start:</span> 2026-06-17                            <span class="separator">|</span>
                            <span class="date-label">End:</span> 2026-06-17                        </p>
                    </div>

                                    <img src="https://pressclubhyderabad.com/app/uploads/item/fc312d225ecfb46a9868a0464e1a1ab3.png" alt="Event Image" class="main-image">
                                                    <p>Dear Sir/Madam,</p><p><br></p><p>Greetings from Airo Health.</p><p><br></p><p>The purpose of this press meet is to brief the media about our upcoming event scheduled on 19th June 2026, which marks a historic product launch by Airo Health. The event will be graced by Hon’ble Health Minister Sri Damodar Raja Narasimha Garu as the Chief Guest, along with other distinguished d...
                <a href="https://pressclubhyderabad.com/app/EventDetail/841" class="read">Read More</a>
            </div>
            </div><br><br>
<script>
    function goBack() {
    window.history.back(); 
}
</script>
<style>


</style>
    <!-- Footer Navigation for Mobile View -->
    <footer class="footer-nav" id="sidebar">
        <a href="https://pressclubhyderabad.com/app/"><i class="fa fa-home"></i><br>Home</a>
        <a href="https://pressclubhyderabad.com/app/Event"><i class="fa fa-calendar-alt"></i><br>Event</a>
        <a href="https://pressclubhyderabad.com/app/About"><i class="fa fa-info-circle"></i><br>About Us</a>
        
        
        
                    <a href="https://pressclubhyderabad.com/app/Login"><i class="fa fa-sign-in-alt"></i><br>Login</a>
                </footer>

    

    <!-- Footer for Desktop View -->
    <footer class="web">
        <p>&copy; 2024 Press Club. All rights reserved.</p>
    </footer>


<script type="module">
  import { initializeApp } from "https://www.gstatic.com/firebasejs/11.0.2/firebase-app.js";
  import { getMessaging, getToken } from "https://www.gstatic.com/firebasejs/11.0.2/firebase-messaging.js";
  
    const firebaseConfig = {
      apiKey: "AIzaSyCCA34pRkmG-B0uc_DAkiamdURZ0KluxXU",
      authDomain: "press-club-48d71.firebaseapp.com",
      projectId: "press-club-48d71",
      storageBucket: "press-club-48d71.firebasestorage.app",
      messagingSenderId: "272240569131",
      appId: "1:272240569131:web:cc71984a26a2302d2ab36e",
      measurementId: "G-EPHRVFTTKM"
    };

  const app = initializeApp(firebaseConfig);
  const messaging = getMessaging(app);

  // Using PHP to inject the base URL
  const swUrl = "https://pressclubhyderabad.com/app/firebase.js";

  navigator.serviceWorker.register(swUrl).then(registration => {
    getToken(messaging, {
      serviceWorkerRegistration: registration,
      vapidKey: 'BMc7RkBHvkS0-1UzjypTPMqM-DIRmxvfZhgT0tllAx5D0XuKp9HCXlgIFxh8NHEBZ6trE57sAxL00tjq6ox0Vk0'
    }).then((currentToken) => {
      if (currentToken) {
        console.log("Token is " + currentToken);
      } else {
        console.log('No token available.');
      }
    }).catch((err) => {
      console.log('Error retrieving token', err);
    });
  });
</script>  

<script>
const sidebar = document.getElementById('sidebar');
const homeButton = document.getElementById('home');

if (homeButton) {
    homeButton.addEventListener('click', (e) => {
        e.preventDefault();
        sidebar.classList.toggle('open');
    });
}

document.addEventListener('click', (e) => {
    if (sidebar && !sidebar.contains(e.target) && !homeButton.contains(e.target)) {
        sidebar.classList.remove('open');
    }
});
</script>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</body>
</html>
