{% extends 'query/backoffice_query/layout.html' %}
{% block title %}Queries View{% endblock %}
{% block content %}
<div class="container">
  <form>
      <input type="hidden" value ="" id="last_sync_at">
      <input type="hidden" value ="{{asession_id}}" id="asession_id">
      <div class="row">
        <div class="col-md-8 offset-md-2 mt-2 text-center">
          <a href="{{url_for('boquery.BOSession',conf_id=conf_id,conf_key=conf_key,hall_id=hall_id,conf_date=conf_date)}}" class="btn btn-danger"><i class="fa fa-arrow-circle-left" style="font-size: 1.5em;">Back</i></a>
        </div>
        
    </div>
    <div class="row">
      <div class="col-md-12 p-4 ml-2">
        <span class="text-dark mt-2 h5">{{sessionData.dt.strftime('%d-%m-%Y')}} | {{sessionData.hall}} | </span><span class="h4  font-weight-bold mt-3">{{sessionData.session_name}}</span> 
      </div>
    </div>
    <div class="card mt-2">
      <div class="card-body">
        <div id="query_view"></div>
      </div>
    </div>
    <div class="col-md-12 mt-2 text-center" id="back_btn" style="display:none;">
      <a href="{{url_for('boquery.BOSession',conf_id=conf_id,conf_key=conf_key,hall_id=hall_id,conf_date=conf_date)}}" class="btn btn-danger"><i class="fa fa-arrow-circle-left" style="font-size: 1.5em;">Back</i></a>
    </div>
  </form>

</div>
{% endblock %}
{% block script %}
<script type="text/javascript">

var BaseUrl = document.location.origin     

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

  var intervalId = window.setInterval(function(){
    get_auto_queries()
  }, 20000);

});

function get_queries(asession_id) 
{
  var conf_id   = "{{conf_id}}";
  var conf_key  = "{{conf_key}}";
  

   $.ajax({
            type: 'GET', 
            url: BaseUrl+"/"+conf_id+"/"+conf_key+"/bo_view_queries/"+asession_id,
            data: {
            },
            dataType: 'json',
            success: function(data)
                { 
                  if(data.queries != null){
                      $("#back_btn").show();
                  }
                  $("#last_sync_at").val(data.last_sync_at);    
                  $("#query_view").html(data.html);  
                },
            error: function(XMLHttpRequest, textStatus, errorThrown) 
                {

                } 
        });
        return false;              
}


function get_auto_queries() 
{
  var conf_id   = "{{conf_id}}";
  var conf_key  = "{{conf_key}}";
  var last_sync_at = $("#last_sync_at").val();
  var asession_id = "{{asession_id}}";

   $.ajax({
            type: 'POST', 
            url: BaseUrl+"/"+conf_id+"/"+conf_key+"/get_auto_queries/"+asession_id,
            data: {
              'last_sync_at':last_sync_at
            },
            dataType: 'json',
            success: function(data)
                {
                  
                  $("#last_sync_at").val(data.last_sync_at);    
                  $("#query_view").prepend(data.html);         
                       
                },
            error: function(XMLHttpRequest, textStatus, errorThrown) 
                {

                } 
        });
        return false;              
}

</script>
{% endblock %}