Sindbad~EG File Manager

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

{% endblock %}
{% block style %} 
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.9/index.global.min.js">
{% endblock %}
{% block content %}
  {% for i in data %}
  <input type="text" name="abs_type" id="abs_type" class="abs_type" value="{{i.abs_type}}">
  <input type="text" name="start_date" id="start_date" value="{{i.start_date}}">
  <input type="text" name="end_date" id="end_date" value="{{i.end_date}}">
  {% endfor %}
	<div id="calendar"> 
  </div>
{% endblock %}
{% block bottomscript %}
<script src="
https://cdn.jsdelivr.net/npm/fullcalendar@6.1.9/index.global.min.js
"></script>
<script type="text/javascript">
  let calendarEl=document.getElementById('calendar')
  let calendar=new FullCalendar.Calendar(calendarEl,{
  events: [
    {
     $(".abs_type").each(function(){
       var abs_type=($(this).val());
    });
      title:abs_type,
      start:'2023-10-16',
    },
    {
      title:'vp',
      start:'2023-10-17',
    },
  ]
  });
  calendar.render();
</script>

{% endblock %}