Sindbad~EG File Manager

<form id="addon_datail" method="post" action="{{ url_for('confapp.BoBulkUpdatedAddon',conf_id=conf.conf_id,conf_key=conf.conf_key) }}">
<div class="container mobile-responsive mt-3">
  <table class="table table-striped table-bordered bg-light" style="width:100%;" >
      <thead class="thead-dark">
      <tr>
          <th colspan="7">
            <i class="fa fa-square" style="font-size:15 px;color:#3dd15f80; "> </i> 
            <span class="text-black p-3">Running Tariff</span>
            <i class="fa fa-square" style="font-size:15 px;color: #f8a6a66e;"> </i> 
            <span class="text-black p-3">Completed Tariff</span>
            <i class="fa fa-square " style="font-size:15 px;color: #b8850b47;"> </i> 
            <span class="text-black p-3">Upcoming Tariff</span>
            <button style="display:none ;" type="submit" id="submit" value="" onclick="return confirm('Are you sure do you want to Update ?')" class="btn btn-primary btn-sm float-right ad_sub">Bulk update</button>
                        <label style="display:none ;" for="send_mail_addon" class="float-right check_mail" style="position: relative; right: 40px;">Send Mail</label>
                        <input style="display:none ;" class="float-right check_mail mt-1" style="position: relative; left: -50px;" type="checkbox" name="send_mail_addon" id="send_mail_addon" value="1" />
          </th>
        </tr>      
      <tr  >
        <th>Addon Id</th>
        <th>Addon Name</th>
        <th>Reg Type</th>
        <th>Amount</th>
        <th>Start By</th>
        <th>End By</th>
        <th>Action</th>
        
      </tr>
      </thead>
      <tbody>
      {% if tariff_data : %}
        {% for t in tariff_data %}

            {% set current_dt = current_dt.strftime('%Y-%m-%d %H:%M:%S') %}
            {% set start_by = t.startby.strftime('%Y-%m-%d %H:%M:%S') or "" %}
            {% set end_by = t.endby.strftime('%Y-%m-%d %H:%M:%S') %}



            <input type="hidden" name="addon_reg" id="addon_reg" class="addon_reg" value="{{t.addon_id or ''}}" />
            <input type="hidden" name="addon_change_{{t.addon_id}}" id="addon_change_{{t.addon_id or ''}}" value="0" />

         <tr {% if start_by < current_dt  < end_by   %} style="background-color: #3dd15f80;" 
            {% elif current_dt > end_by : %} style="background-color: #f8a6a66e;"
            {% elif current_dt < end_by %} style="background-color: #b8850b47" {% endif %} > 
          <td data-label="Addon Id">{{t.addon_id}}</td>
          <td data-label="Addon Name">{{t.addon_name or t.display_name}}   </td>
          <td data-label="Reg Type">


            {% if t.conference_id == 28 %}
                {% if t.user_type == t.addon_name or t.user_type == t.display_name %}
                   {{t.reg_type or '-'}} 
                {% else %}
                    {{t.user_type}} <span style="color:red;font-weight: bold;">/</span> {{t.reg_type or '-'}} 
                {% endif %}
            {% elif t.conference_id == 17 %}
                {{t.display_name}}
            {% else %}
              {{t.reg_type or '-'}} 
            {% endif %}

            </td>


          <!-- <td data-label="Amount">{{t.amount or '-'}}  </td>
          <td data-label="Start By">{{t.start_by or '-'}}   </td>
          <td data-label="End By">{{t.end_by or '-'}}  </td> -->
          <td data-label="Amount">{{t.amount or '-'}}  </td>
          <td data-label="Start By"> 
            <input type="datetime-local" class="form-control start_by" name="start_by_{{t.addon_id}}" id="start_by_{{t.addon_id}}" value="{{start_by or ''}}" onChange="start_by('{{t.addon_id}}')" /> 
          </td>
          <td data-label="End By">
           <input class="form-control end_by" type="datetime-local" name="end_by_{{t.addon_id}}" id="end_by_{{t.addon_id}}" value="{{end_by or ''}}" onChange="end_by('{{t.addon_id}}')" /> 
          </td>
          <td data-label="Action ">
             <button type="button" id="addon_{{t.addon_id}}" value="{{t.addon_id or ''}}" class="btn btn-primary btn-sm addon_id_btn">update</button>
          </td>
        </tr>
        {% endfor %}

      {% else %}
        <tr>
          <td colspan="7" style="color: red; text-align: center;">Record not available</td>
        </tr>
      {% endif %}
      </tbody>
  </table>
</div>
</form>

<script type="text/javascript">
$(document).ready(function()
{


$(document).on("click", ".ad_sub", function (e) {


    $(".addon_label_1").show();
    var is_valid = true

    $( ".addon_reg" ).each(function( index ) {
        
         addon_reg_type =    $( this ).val();
         var id_1 = "#start_by_" + addon_reg_type;
         var start_by = $("" + id_1 + "").val();
         var id_1 = "#end_by_" + addon_reg_type;
         var end_by = $("" + id_1 + "").val();
      
         if (start_by > end_by){
            $("#error_"+addon_reg_type).html("Please enter valid start_by and end_by date time");
            is_valid = false
         }



    });

       return is_valid

 });


});

function end_by(addon_reg_type){
$("#addon_change_"+addon_reg_type).val(1)
};

function start_by(addon_reg_type){

$("#addon_change_"+addon_reg_type).val(1) 
   
};
  </script>