{% extends 'badge/badge_layout.html' %}
{% block content %}
  
   {% for mesg in get_flashed_messages(category_filter=["successMsg"]) %} 
  <div class="row"> 
      <div class="col-sm-4"></div>
        <div class="col-sm-4">
    <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-4"></div>
        <div class="col-sm-4">
          <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 %}     

<form id="delegate_list"  action="{{url_for('badge.DelegateListPirnt')}}" method="POST" >
<div class="container mt-3">
  <h5>DELEGATE LIST</h5>
  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-body">
          <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
          <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="headingOne">
              <h4 class="panel-title" >
                <a data-toggle="collapse"  data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne" class="" id="toggle-menu">
                <span class="glyphicon glyphicon-filter" ></span>  Filter
                </a>
              </h4>
            </div>
          
           <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne" aria-expanded="true" style="">
              <div class="panel-body"  id="panel-body">
                  <div class="row">
                    <div class="col-sm-4">
                         <label >Badge Type:</label><br>
                         <div class="input-group ">
                            <select class = "form-control" id = "role" name = "role" >
                              <option value = "" id = "select" disabled selected>--SELECT--</option>
                                 {% if role_data %}
                                  {% for row in role_data %}
                                     <option value = "{{row.b_role}}"> {{row.b_role}} </option>
                                  {% endfor %}
                                {% endif %}
                            </select>
                          </div>
                        </div>
                  


                      <div class="col-sm-4">
                        <label >Counter:</label><br>
                            <select name="counter" class="form-control "  id="counter">
                                   <option value = "" id = "select" disabled selected>--SELECT--</option>
                                {% if counter_data %}
                                  {% for row in counter_data %}
                                     <option value = "{{row.counter}}"> {{row.counter}} </option>
                                     
                                  {% endfor %}
                                {% endif %}
                            </select>
                      </div>
                      <div class="col-sm-4">
                        <label >Badge:</label><br>
                       <select name="batch" class="form-control "  id="batch">
                                 <option value = "" id = "select" disabled selected>--SELECT--</option>
                                {% if batch_data %}
                                  {% for row in batch_data %}
                                     <option value = "{{row.batch}}"> {{row.batch}} </option>
                                     
                                  {% endfor %}
                                {% endif %}
                                </select>
                      </div>
                    </div>
                    
                     <!-- start    -->
                    <div class="row">
                       <div class="col-lg-4 col-md-4 col-sm-12">
                          <label>Del. No From</label><br>
                          <input type="text"  name="del_no_from" id="del_no_from"  class="form-control" >
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-12">
                        <label>Del. No To</label><br>
                      <input type="text"  name="del_no_to" id="del_no_to"  class="form-control" >
                    </div>
                </div><br>

                    <!-- end      -->

                      <div class="row">
                        <div class="col-sm-8">
                            <label >Print Title:</label><br>
                              <input type="text" class="form-control " name="print_title" value="{{conf_name}} - KSMC ATTENDANCE REGISTER"  ><br>
                              <!--REGISTRATION COUNTER CHECKLIST-->
                        </div>
                        <div class="col-sm-4">
                          <label >Attendance Column :</label><br>
                          <select  class="form-control "  id="attendance_col" name="attendance_col">
                            <option value = "One Day" selected> One Day only</option>
                            <option value = "All Day" id = "select"  >For All Days</option>
                          </select>
                        </div>
                      </div>
                    <div class="row">
                       <div class="col-lg-12 text-left">
                        <input type="hidden" name="conf_id" id="conf_id" value={{conf_id}} >
                        <input type="hidden" name="conf_key" id="conf_key" value={{conf_key}} >
                         <button type="submit" class="btn btn-info"><i class="glyphicon glyphicon-filter" title="Filter"></i>  Filter</button>
                        <input type="button" class="btn btn-danger"  name="close" id="close" value="Close"  title="Close">
                      </div>
                    </div>
               </div>
             </div>
           </div>
        </div>
      </div>
    </div>
  </div>
 </div>
</div>



</form>

{% endblock %}

{% block bottomscript %}


<script type="text/javascript">
  $(document).ready(function(){
    $('#panel-body').hide();
    $('#toggle-menu').click(function(){
          $('#panel-body').show();
        });
    $('#close').click(function(){
          $('#panel-body').hide();
        });
    });
</script>

{% endblock %}