{% extends 'current_session/user/layout.html' %}

{% block content %}
<div class="container">
<form>
  <div class="row">
    <div class="col-md-6 text-center offset-md-3">

        
           <!-- <input type="hidden" value ="" id="last_sync_at"> -->
        <div id="show_table">
          
        </div>  
        <a href="{{url_for('currentsession.getCurrentSession',conf_id=conf_id,conf_key=conf_key)}}"><span class="text-secondary">This screen automatically refreshes once in 60 seconds.  To get the latest update, <br><span class="text-primary">click here to refresh the screen.</span></span></a>
    </div>
  </div>
</form>
</div>
{% endblock %}
{% block script %}
<script type="text/javascript">

var BaseUrl = document.location.origin     

$(document).ready( function ()
{
  // var asession_id = "{{asession_id}}";
  get_active_session();

  var intervalId = window.setInterval(function(){
    get_active_session()
  }, 60000);

});

function get_active_session() 
{
  var conf_id   = "{{conf_id}}";
  var conf_key  = "{{conf_key}}";
  

   $.ajax({
            type: 'GET', 
            url: BaseUrl+"/"+conf_id+"/"+conf_key+"/get_active_current_sessions",
            data: {
            },
            dataType: 'json',
            success: function(data)
                { 
                  
                    
                  $("#show_table").html(data.html);  
                },
            error: function(XMLHttpRequest, textStatus, errorThrown) 
                {

                } 
        });
        return false;              
}



</script>
{% endblock %}