{JAVASCRIPT}
 
<!-- BEGIN switch_user_login_form_header -->
<div class="content-block">
  <div class="title">{L_LOGIN}</div>
  <div class="txt-content">
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
        <!-- BEGIN switch_social_login -->
        <div class="social_btn">
            <!-- BEGIN fb_connect -->
            <div class="fb-login-button"></div>
            <!-- END fb_connect -->
           
        </div>
        <!-- END switch_social_login -->
        </div>
      </form>
  </div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
  <div class="content-block introduction">
  <!-- BEGIN message_admin_titre -->
      <div class="title">{message_admin_index.message_admin_titre.MES_TITRE}</div>
  <!-- END message_admin_titre -->

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

{CHATBOX_TOP}
<div id="board_time_table">
  <p id="board_current_time" class="left">{CURRENT_TIME}</p>
  <!-- BEGIN switch_user_logged_in --><p id="board_last_visit" class="right">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
  <div class="clear"></div>
</div>
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="who_is_online">

  <div id="wio_left">
    <div id="wio_activity" class="content-block">
      <!-- BEGIN switch_viewonline_link -->
      <div class="title"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <div class="title">{L_WHO_IS_ONLINE}</div>
      <!-- END switch_viewonline_nolink -->
      <style type="text/css">

 
.TOTAL-USERS-ONLINE-txt  a{
 
font-size: 12px;
} 
.TOTAL-USERS-ONLINE-txt {
 
font-size: 0px;
}
.TOTAL-USERS-ONLINE-txt  br{
    display:none;
}   
  #demo:after{content:"عداد تنازلي ليوم امتحان"}
        </style>
      <div class="txt-content">
        <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
      {TOTAL_USERS_ONLINE}<br/>
        <br />
        <div class="TOTAL-USERS-ONLINE-txt">
          <span style="font-size: 14px;">

                  الطلاب المتواجدون في الثانوية :
        </span>
          {LOGGED_IN_USER_LIST}</div>
            <br />
        <div class="TOTAL-USERS-ONLINE-txt">
          <span style="font-size: 14px;">

الطلاب الذين تواجدوا في 24 ساعة الماضية.
        </span>
 {L_CONNECTED_MEMBERS}
            </div>    <div>

    </div>
        <br />
        {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
      </div>
    </div>

    <div id="wio_group_legend" class="content-block">
      <div class="title">{LEGEND}</div>
      <div class="txt-content">
        <div id="wio_groups">{GROUP_LEGEND}</div>
      </div>
      <script type="text/javascript">if (window.wio_formatGroups) { wio_formatGroups(); }</script>
    </div>

  </div>

  <div id="wio_right">
    <div id="wio_statistics" class="content-block">
      <!-- BEGIN switch_statistics_link -->
      <div class="title"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
      <!-- END switch_statistics_link -->

      <!-- BEGIN switch_statistics_nolink -->
      <div class="title">{L_STATISTICS}</div>
      <!-- END switch_statistics_nolink -->

      <div class="txt-content">

        <div class="wio_row">
          <div id="wio_newest_user" class="wio_stats">
            <div id="wio_newest_inner">
              <div id="wio_new_avatar"><img src="https://2img.net/i/fa/invision/pp-blank-thumb.png" /></div>
              <div class="wio_value">{NEWEST_USER}</div>
              <div id="wio_new_date"></div>
              <div class="clear"></div>
            </div>
          </div>
          <script type="text/javascript">if (window.wio_getNewAvatar) { wio_getNewAvatar(); }</script>

          <div id="wio_total_posts" class="wio_stats"><span class="wio_value">{TOTAL_POSTS}</span></div>
        </div>

        <div class="wio_row">
          <div id="wio_total_users" class="wio_stats"><span class="wio_value">{TOTAL_USERS}</span></div>
          <div id="wio_total_topics" class="wio_stats"><span class="wio_value"><strong>N/A</strong></span></div>
        </div>

        <div class="wio_row">
          <div id="wio_record_users" class="wio_stats"><span class="wio_value">{RECORD_USERS}</span></div>
          <div id="demo" class="wio_stats"><span class="wio_value" style="font-size: 14px;"><strong>N/A</strong>
         
</span></div>
       
       
 




        </div>

      </div>
      <script type="text/javascript">if (window.wio_getStats) { wio_getStats(); }</script>
    </div>


    <!-- BEGIN switch_chatbox_activate -->
    <div id="wio_chatters" class="content-block">
      <div class="title"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
      <div class="txt-content">
        {TOTAL_CHATTERS_ONLINE} :
        {CHATTERS_LIST}<br />
          <!-- BEGIN switch_chatbox_popup -->
          <div id="chatbox_popup"></div>
          <script type="text/javascript">
          insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
          </script>
          <!-- END switch_chatbox_popup -->
      </div>
    </div>
    <!-- END switch_chatbox_activate -->
  </div>
  <div class="clear"></div>
</div>
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="content-block">
  <div class="title">{L_LOGIN}</div>
  <div class="txt-content">
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
        <!-- BEGIN switch_social_login -->
        <div class="social_btn">
            <!-- BEGIN fb_connect -->
            <div class="fb-login-button"></div>
            <!-- END fb_connect -->
            &nbsp;
        </div>
        <!-- END switch_social_login -->
        </div>
      </form>
  </div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<div id="picture_legend">
  <div class="pic_legend_icon">
    <div class="forum-status" style="background-image:url('{FORUM_NEW_IMG}');" title="{L_NEW_POSTS}"></div>
    {L_NEW_POSTS}
  </div>

  <div class="pic_legend_icon">
    <div class="forum-status" style="background-image:url('{FORUM_IMG}');" title="{L_NO_NEW_POSTS}"></div>
    {L_NO_NEW_POSTS}
  </div>

  <div class="pic_legend_icon">
    <div class="forum-status" style="background-image:url('{FORUM_LOCKED_IMG}');" title="{L_FORUM_LOCKED}"></div>
    {L_FORUM_LOCKED}
  </div>
</div>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

 
// applies statistics
function wio_applyStats(stats) {
  var topics = document.getElementById('wio_total_topics'),
        age = document.getElementById('demo');

  if (topics) {
    topics.firstChild.innerHTML = stats.total_topics;
  }

  if (age) {
var countDownDate = new Date("Jan 5, 2021 15:37:25").getTime();


var x = setInterval(function() {


  var now = new Date().getTime();


  var distance = countDownDate - now;


  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);


  document.getElementById("demo").innerHTML = days + "d " + hours + "h "
  + minutes + "m " + seconds + "s ";


  if (distance < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "EXPIRED";
  }
}, 1000);
  }
}

#demo:after {
    font-size: 13px;
    line-height: 20px;
    display: block;
}
#demo{
     
font-size: 22px;
    }