الاحتفاظ بالكوكيز في المتواجدين الآن

<script>
  document.addEventListener('DOMContentLoaded', function () {
    const collapseToggle = document.querySelector('.collapse-toggle');
    const content = document.querySelector('.content');

    collapseToggle.addEventListener('click', function () {
      if (content.style.display === "none") {
        content.style.display = "block";
        collapseToggle.innerHTML = '<i class="material-icons">expand_less</i>';
      } else {
        content.style.display = "none";
        collapseToggle.innerHTML = '<i class="material-icons">expand_more</i>';
      }
    });
  });
</script>

<div id="block-online" class="block-subtle modern-card">
  <div class="collapse-toggle">
    <i class="material-icons">expand_more</i>
  </div>
  <div class="headline-container">

<script>
document.addEventListener('DOMContentLoaded', function() {
    var elements = document.querySelectorAll('.forumline .row1');
 
    elements.forEach(function(element) {
        if (element.textContent.includes('الأعضاء الذين تواجدوا في 1 ساعة الماضية') ||
            element.textContent.includes('آخر عُضو مُسجل هو')) {
            element.style.display = 'none';
        }
    });
});
</script>
<main id="index">
    <div class="main-inner">
        <!-- BEGIN message_admin_index -->
        <div class="block introduction">
            <!-- BEGIN message_admin_titre -->
            <div class="block-header">{message_admin_index.message_admin_titre.MES_TITRE}</div>
            <!-- END message_admin_titre -->

            <!-- BEGIN message_admin_txt -->
            <div class="block-content">{message_admin_index.message_admin_txt.MES_TXT}</div>
            <!-- END message_admin_txt -->
        </div>
        <!-- END message_admin_index -->

        {CHATBOX_TOP}
        {BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<div id="block-online" class="block-subtle modern-card">
  <div class="collapse-toggle">
    <i class="material-icons">expand_more</i>
  </div>
  <div class="headline-container">
    <!-- BEGIN switch_viewonline_link -->
    <span class="headline"><a href="{U_VIEWONLINE}" class="link-stylish" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
    <!-- END switch_viewonline_link -->
    <!-- BEGIN switch_viewonline_nolink -->
    <span class="headline">{L_WHO_IS_ONLINE}</span>
    <!-- END switch_viewonline_nolink -->
  </div>
  <div class="content" style="display: none;">
    <div class="online-stats">
      <p>{TOTAL_USERS_ONLINE}</p>
      <p>{RECORD_USERS}</p>
      <p>{LOGGED_IN_USER_LIST}</p>
      <p>{L_ONLINE_USERS}</p>
      <p>{L_CONNECTED_MEMBERS}</p>
      <p>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</p>
    </div>
<!-- BEGIN switch_group_legend -->
<div class="txt-content">
  <div id="wio_groups">{GROUP_LEGEND}</div>
</div>
<script type="text/javascript">
  if (window.wio_formatGroups) { wio_formatGroups(); }
</script>
<!-- END switch_group_legend -->
  </div>
</div>
<!-- END disable_viewonline -->

<style>
  .modern-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin: 20px 0;
    position: relative;
    transition: box-shadow 0.3s ease-in-out;
  }

  .modern-card:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  }

  .collapse-toggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4f7ff8;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 0 auto 10px;
    color: #fff;
  }

  .content {
    color: #263238;
  }

  .headline-container {
    margin-bottom: 10px; /* إضافة تباعد بين العنوان والمحتوى */
  }

  .headline {
    font-size: 18px;
    font-weight: bold;
    color: #4f7ff8; /* اللون المطلوب */
    position: relative;
    display: block;
    text-align: center;
  }

  .headline::after {
    position: absolute;
    top: 10px;
    left: 30px;
    color: rgba(0, 0, 0, 0.15);
    transform: rotate(-15deg) scale(2);
    content: "\f201";
    font-family: 'Font Awesome 5 Pro';
    font-size: 24px;
    width: 1em;
    display: inline-block;
    text-align: center;
  }

  .link-stylish {
    color: #007bff;
    text-decoration: none;
  }

  .link-stylish:hover {
    text-decoration: underline;
  }

  .online-stats {
    font-size: 14px;
    line-height: 1.6;
    margin: 10px 0;
  }

  .txt-content {
    margin-top: 20px;
    font-size: 14px;
  }
</style>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    const collapseToggle = document.querySelector('.collapse-toggle');
    const content = document.querySelector('.content');

    collapseToggle.addEventListener('click', function () {
      if (content.style.display === "none") {
        content.style.display = "block";
        collapseToggle.innerHTML = '<i class="material-icons">expand_less</i>';
      } else {
        content.style.display = "none";
        collapseToggle.innerHTML = '<i class="material-icons">expand_more</i>';
      }
    });
  });
</script>

 
        {CHATBOX_BOTTOM}
    </div>
</main>

<aside id="sidebar" class="sidebar-home">
    <!-- BEGIN giefmod_index1 -->
    {giefmod_index1.MODVAR}
    <!-- BEGIN saut -->
    <div style="height:{SPACE_ROW}px"></div>
    <!-- END saut -->
    <!-- END giefmod_index1 -->
</aside>

<script type="text/javascript">
    $(document).ready(function() {
        if ($('#sidebar').is(':empty')) {
            $('#index').css('margin', 0);
            $('#sidebar').hide();
        }
    });
</script>