Sindbad~EG File Manager

{% extends "abs_status/bo_status_layout.html" %}
{% block title %}Abstracts Status{% endblock %}
{% block header %}

{% endblock %}
{% block style %} 
	<style type="text/css">
	.leftBorder {
  		border-left: 4px solid green !important;
  	}
</style>
{% endblock %}

{% block content %}

<div class="row">
	<div class="col-lg-4 col-md-4 offset-md-8 offset-lg-8 text-right ">
		<div class="input-group">
			<input type="Date" class="form-control" name="date" id="date">
			<div class="input-group-append">
				<button class="btn btn-danger" id="btn_clear" type="button">Clear</button>
			</div>
		</div>
	</div>
		
</div>
<!-- <input type="Date" class="form-control" name="date" id="date"><br> -->
<div class="py-3" id="data">
	<input type="hidden" name="day" id="day" value="{{day}}">
	<div class="row">
		<div class="col-12">
			<div class="text-danger mb-3">
				<h3>{{today.strftime('%d %b %Y')}} - ({{today.strftime('%a')}})</h3>
			</div>
			{% if get_abs_type: %}
				<div class="card leftBorder ml-md-5 ml-lg-5">
					<div class="card-body">
						
						
						<div class="mobile-responsive">
							<form method="POST" id="abs_setting_table">
		       						<table class="table table-striped table-bordered m-0" id="get_role"  style="width: 100%;overflow: none">
		          						
		          							<tbody>
		           							    {% for i in get_abs_type %}

		           							        {% if i.start_date and i.end_date %}
														{% if today|string ==i.start_date.strftime('%Y-%m-%d') or today|string ==i.end_date.strftime('%Y-%m-%d')|string %}
					           							    <tr>
					           							    	<td id="conf_name">{{i.conf_name}}</td>
					                  							<td name="data" class="text-primary">
					                  								{{i.title or ''}}
					                  								{% if i.is_abs|int == 1%}
					                  									({{i.abs_type}})
					                  								{% endif %}
					                   							</td>
											                    <td>{{i.start_date.strftime('%d-%h-%Y %H:%M') or ''}} - {{i.end_date.strftime('%d-%h-%Y %H:%M') or ''}}</td>
											                    <td>
											                    	{% if i.is_visible==1 %}
											                    	 	<i class="fa fa-check-circle text-success" aria-hidden="true" title="In Active"></i>
											                    	 {% else%} 
											                    	 	<i class="fa-solid fa-circle-xmark text-dark" title="Deactive"></i>
											                    	 {% endif %}
											                    </td>
											                    <td>{% if i.start_date.strftime('%Y-%m-%d')==today|string %}<div class="bg-success text-white text-center badge badge-success">Start</div>{% else%}<div class="bg-danger text-white text-center badge badge-primary">End</div>{% endif %}
											                    </td>
					                						</tr>
										                {% else %}
										                	<span id="no_data" class="text-danger"></span>
									                	{% endif %}
								                	{% endif %}
												{% endfor %}
			                              </tbody>
		    					       
		       						</table>
		       				</form>	
			      		</div>
					</div>
				</div>
			{% else %}
				<div class="card" style="left:65px;">
					<div class="card-body">
						<h5>No Config</h5>
					</div>	
				</div>
				

			{% endif %}
		</div>
	</div><br>
	<div class="row">

		<div class="col-lg-12 col-md-12 col-sm-12">
			{% if lst %}
			
				{% for x in lst %}
					{% if x.strftime('%Y-%m-%d') in indates: %}
						<hr>
						<div class="text-danger">
							<h3>{{x.strftime('%d %b %Y')}} - ({{x.strftime('%a')}})</h3>
						</div><br>
						<div class="card leftBorder ml-md-5 ml-lg-5"  >
							<div class="card-body">
								<form method="POST" id="abs_setting_table">
									<div class="mobile-responsive">
		       							<table class="table table-striped table-bordered m-0" id="get_role"  style="width: 100%;overflow: none">
			          						
			          							<tbody>
													{% for j in abs_datas[x.strftime('%Y-%m-%d')] %}
			           							    <tr>
			           							    	<td>{{j.conf_name}}</td>
			                  							<td name="data" class="text-primary">
			                  								{{j.title or ''}}
			                  								{% if j.is_abs|int == 1%}
			                  									({{j.abs_type}})
			                  								{% endif %}
			                   							</td>
									                    <td>{{j.start_date.strftime('%d-%h-%Y %H:%M') or ''}} - {{j.end_date.strftime('%d-%h-%Y %H:%M') or ''}}</td>
									                    <td>
									                    	{% if j.is_visible==1 %}
									                    		<i class="fa fa-check-circle text-success" aria-hidden="true" title="In Active"></i>
											                {% else%} 
											                	<i class="fa-solid fa-circle-xmark text-dark" title="Deactive"></i>
											                {% endif %}
									                    </td>
									                    <td>{% if j.start_date.strftime('%Y-%m-%d')==x|string %}<span class="bg-success text-white text-center badge badge-success">Start</span>{% else%}<span class="bg-danger text-white text-center badge badge-secondary">End</span>{% endif %}
									                    </td>
			                						</tr>
													{% endfor %}
				                              	</tbody>
			    					     
		       							</table>
		      						</div>
		      					</form>	
							</div>
						</div><br>

					{% endif %}
				{% endfor%}
			{% endif %}
		</div>
	</div>
	<!-- <button type="button" class="btn btn-link" id="btn_load">Load More...</button> -->
</div>
<div class="container">
	<div id="new_date"></div>
</div>
{% endblock %}
{% block bottomscript %}
<script type="text/javascript">
	var BaseUrl=document.location.origin
	var conf_name=$("#conf_name").text();
	if(conf_name==''){
		$("#no_data").text('No Config')
	}
	$("#date").change(function(){
  		var date=$("#date").val();
  		$.ajax({
  			type:'POST',
  			url:BaseUrl+"/date_config",
  			data:{'date':date},
  			success: function(reposnse){
                var data_1    = JSON.parse(reposnse);
                var msg       = data_1.msg;
                var html_data = data_1.html_data;
                // alert(html_data)
                if (msg == "success")
                {
                    $("#data").hide();
                    $("#new_date").html(html_data);
                                  
                }
              },
              error: function(XMLHttpRequest, textStatus, errorThrown) { 
             }
  		});
	});

	$("#btn_clear").click(function(){
		location.reload();
	});
</script>
{% endblock %}