{% extends 'badge/badge_layout.html' %}

 <title>{% block title %}Empty Badge {% endblock %}</title>




  {% 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="empty_badge" action="{{url_for('badge.EmptyBatchPrint' ,conf_id=  conf_id, conf_key =conf_key)}}" method="POST">
<div class="container  mt-3">
  <h5>Empty Badge</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-md-4">
                    <label>Name</label><br>
                    <input type="text"  name="badge_user" id="badge_user"  class="form-control">
                  </div>
                  <div class="col-md-4">
                      <label>Role</label><br>
                    <input type="text"  name="role" id="role"  class="form-control"  >
                  </div>
                  <div class="col-md-4"></div>
                </div><br>

                <div class="row">
                  <div class="col-md-4">
                    <label>Company Name</label><br>
                    <input type="text"  name="company_name" id="company_name"  class="form-control"  >
                  </div>
                  <div class="col-md-4">
                      <label>Region</label><br>
                    <input type="text"  name="region" id="region"  class="form-control"  >
                  </div>
                  <div class="col-md-4"></div>
                </div><br>


                <div class="row">
                  <div class="col-md-4">
                    <label>Del. No From</label><br>
                    <input type="text"  name="del_no_from" id="del_no_from"  class="form-control" required>
                  </div>
                  <div class="col-md-4">
                      <label>Del. No To</label><br>
                    <input type="text"  name="del_no_to" id="del_no_to"  class="form-control"  required>
                  </div>
                  <div class="col-md-4" style="display: none;">
                     <label>Del. No Prefix</label><br>
                    <input type="text"  name="del_no_prefix" id="del_no_prefix"  class="form-control"  >
                  </div>
                  <div class="col-md-4">
                      <label>Delegate Badge Type</label><br>
                     <select class="form-control  " id="badge_type" name="badge_type" >
                                         <!-- <option value="" id="select"> Badge Type</option> -->
                                          <option id="select" value="Empty Badge" selected> Empty Badge </option>
                                          <option  value="Delegate Badge"> Delegate Badge</option>
                                    
                                </select>
                  </div>
                </div><br>

                <div class="row">
                  <div class="col-md-12">
                   <input type="checkbox"  name="qr_code" id="qr_code"    checked> &nbsp;<label class="bold text text-danger">QR Code</label>
                   </div>
                </div><br>
                
                <div class="row">
                  <div class="col-md-12">
                   <input type="checkbox"  name="is_food_coupon" id="is_food_coupon"   value="1"> &nbsp;<label class="bold text text-danger">Food (or) KIT coupon</label>
                   </div>
                </div><br>

                 <div class="row">
                  <div class="col-md-4">
      
                    <input type="radio"  name="normal_print" id="normal_print" checked> &nbsp;<label class="bold text text-danger">Normal Print</label>
                  </div>
                 <!--  <div class="col-md-4">
                    
                      <input type="radio"  name="pendrive_print" id="pendrive_print"checked > &nbsp;<label class="bold text text-danger">Pendrive Print</label>
                  </div> -->
                   <div class="col-md-4"></div>
                </div><br>
                    <div class="row">
                       <div class="col-lg-12 text-left">
                         <button class="btn btn-md 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 %}