Sindbad~EG File Manager

{% extends 'query/user/layout.html' %}
{% block title %}Queries{% endblock %}
{% block content %}
<div class="container">
<form method="POST"  id="query_form">
  <input type="hidden" id="asession_id" name="asession_id" value="{{sessionData.asession_id}}">
  <br>
  <h4 class="text-dark font-weight-bold">{{sessionData.dt.strftime('%d-%m-%Y')}} | {{sessionData.hall}} | {{sessionData.session_name}}</h4> 
  {% for mesg in get_flashed_messages(category_filter=["successMsg"]) %} 
    <div class="row"> 
      <div class="col-sm-12"></div>
      <div class="col-sm-12">
        <div class=" text-center" id="successMsg" >
          <h6 class="alert alert-success  alert-dismissible">
          <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>{{ mesg }}</h6>
        </div>
        <div class="col-sm-4"></div>
      </div>
    </div>
  {% endfor %} 
  {% for mesg in get_flashed_messages(category_filter=["errorMsg"]) %} 
    <div class="row"> 
      <div class="col-sm-12"></div>
      <div class="col-sm-12">
        <div class="text-center" id="successMsg" >
        <h6 class="alert alert-danger  alert-dismissible">
         <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>{{ mesg }}</h6>
        </div>
        <div class="col-sm-4"></div>
      </div>
    </div>
  {% endfor %} 
  <div id="msg_div" style="min-height: 60px;max-height:250px;background-color: #ECE9E9;text-align: center;color:#155724;vertical-align: middle; font-weight:bold;font-size: 18px;padding: 10px; display: none;">
    <label id="msg_label"></label>
  </div>
  <div class="row">
    <div class="col-md-12 form-group mt-4">
      <h5>Raise your Query of session</h5>  
      <textarea class="form-control" id="commands" name="commands" rows="5"></textarea>     
    </div>
    <div class="col-md-12 mt-4">
      <a href="{{url_for('query.AbsSessions',conf_id=conf_id,conf_key=conf_key,hall_id=sessionData.hall_id,conf_date=sessionData.dt)}}" class="btn btn-danger">Back</a>
      <button type="button" class="btn btn-primary float-right" id="submit_btn">Submit</button>
    </div>
  </div>
</form>
</div>
{% endblock %}
{% block script %}
<script type="text/javascript">

var BaseUrl = document.location.origin     
var conf_id = "{{conf_id}}"
var conf_key = "{{conf_key}}"
$(document).ready( function ()
{
   
    $("#submit_btn").click(function()
    {   
        validate_query_form()
        if(!$("#query_form").valid())
        {
            return false  
        }
        var commands    = $("#commands").val();
        var asession_id = $("#asession_id").val();
        $.ajax({
            type: 'POST', 
            url: BaseUrl+"/"+conf_id+"/"+conf_key+"/post_query",
            data: {
                'commands':commands,
                'asession_id':asession_id
            },
            dataType: 'json',
            success: function(data)
                {
                    var status= data.status;
                    var msg = data.msg;
                    if (status ==1) 
                    {
                      $("#commands").val('');
                      $("#msg_div").show();
                      $("#msg_label").html(msg);
                      $("#msg_div").css("background" ,"#d4edda" );
                    }
                    else 
                    {
                      $("#msg_div").show();
                      $("#msg_label").html(msg);
                      $("#msg_div").css("background" ,"red" );
                      $("#msg_div").css("color" ,"white" );
                    }              
                },
            error: function(XMLHttpRequest, textStatus, errorThrown) 
                {

                } 
        });
        return false;              
    }) 
});

function validate_query_form()
{
   
    $("#query_form").validate({
      rules : {
        commands : {
                      required :true,
                    },
      },

      messages : {
        commands : {
            required : "Please enter your query",
          },
      },
    })
            
}
</script>
{% endblock %}