<!DOCTYPE html>
<html lang="en">
<head>
<title>Lobby</title>
<style>
    .logout-btn {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 10px 20px;
  background: #dc3545;
  color: white;
  border-radius: 5px;
  text-decoration: none;
}
</style>
<link rel="stylesheet" href="/css/supportStyle.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/image-map-resizer/1.0.10/js/imageMapResizer.min.js"></script>
<script src="/js/support.js"></script>
</head>
<body>
    <a href="/logout" class="logout-btn">Logout</a>
    <a href="#" class="support-link">Contact Support</a>
<div class="entrance" style="width:100%;height: auto;">
<img src="images/lobby.jpeg" style="width:100%;height: auto;" usemap="#image-map" alt=""/>
<map name="image-map">
  <area target="" alt="" title="" href="carousal.html" coords="687,283,469,196" shape="rect">
  <area target="" alt="" title="" href="webinar.html" coords="754,411,577,296" shape="rect">
  <area target="" alt="" title="" href="networking.html" coords="1090,413,941,283" shape="rect">
</map>
</div>
<div class="modal help-modal" id="supportModal" style="display: none;">
    <div class="help-content">
      <h3>Contact Support</h3>
      <form id="supportForm">
        <div class="form-group">
          <label for="supportSubject">Subject</label>
          <input type="text" id="supportSubject" name="subject" required>
          <span id="supportSubject_error" class="error-message"></span>
        </div>
        <div class="form-group">
          <label for="supportMessage">Message</label>
          <textarea id="supportMessage" name="message" rows="5" required></textarea>
          <span id="supportMessage_error" class="error-message"></span>
        </div>
        <button type="submit">Send</button>
        <button type="button" class="close" data-modal="supportModal">Close</button>
      </form>
      <span id="supportForm_message" class="success-message"></span>
    </div>
  </div>
<script>
  window.addEventListener('DOMContentLoaded', () => {
    imageMapResize();
  });
</script>

</body>
</html>