<div class="col-md-12">
  <div>
    {{! <h3 class="card-header"></h3> }}
    <div class="table-responsive table">
      <table class="align-middle mb-0 table table-borderless table-striped table-hover" id="feedbacklist_table">
        <thead id="feedbacklist_table_head">
          <tr>
            <th class="text-center">Sl.No.</th>
            <th>User Name</th>
            <th>Email</th>
            <th>Start Date</th>
            <th>End Date</th>
<!--            <th>Extended Count</th>-->
            <th>User Type</th>            
            <th>Template</th>
            <th>Extended Days</th>
            <th>Extended Date</th>
            <center><th class="text-center custom_width_datatable">Action</th></center>
          </tr>
        </thead>
        <tbody>
          {{#user_records}}
          <tr>
            <td class="text-center text-muted"> {{count}} </td>
            <td>
              <div class="widget-content p-0">
                <div class="widget-content-wrapper">
                  <div class="widget-heading"> {{username}} </div>
                </div>
              </div>
            </td>
            <td>
              <div class="widget-content p-0">
                <div class="widget-content-wrapper">
                  <div class="widget-heading"> {{email}} </div>
                </div>
              </div>
            </td>
            
            <td>
              <div class="widget-content p-0">
                <div class="widget-content-wrapper">
                  <div class="widget-heading"> {{date_formatted}} </div>
                </div>
              </div>
            </td>
            <td>
              <div class="widget-content p-0">
                <div class="widget-content-wrapper">
                  <div class="widget-heading" title="{{enddate}}" style="display: block;{{color}} ;"> {{enddate}} </div>
                </div>
              </div>
            </td>
<!--            <td>
              <div class="widget-content p-0">
                <div class="widget-content-wrapper">
                    <div class="widget-heading" style="text-align: center;"> {{extendedcount}}</div>
                </div>
              </div>
            </td>-->
            <td>
              <div class="widget-content p-0">
                <div class="widget-content-wrapper">
                    <div class="widget-heading" >
                        {{plantype}}
                        
                    </div>
                </div>
              </div>
            </td>
            <td>
              <div class="widget-content p-0">
                <div class="widget-content-wrapper">
                  <div class="widget-heading" > 
                      <select id="templatetype{{id}}">                          
                         {{{options}}}
                        </select>
                  </div>
                </div>
              </div>
            </td>
              <td>
              <div class="widget-content p-0">
                <div class="widget-content-wrapper">
                    <div class="widget-heading" >
                        {{extypes}}
                        
                    </div>
                </div>
              </div>
            </td>
              <td>
              <div class="widget-content p-0">
                <div class="widget-content-wrapper">
                    <div class="widget-heading" >
                        {{extdate}}
                        
                    </div>
                </div>
              </div>
            </td>
            <td style="text-align: center;"> 
              {{{status}}}

            </td>
              
          </tr>
          {{/user_records}}
        </tbody>
      </table>
    </div>
  </div>
</div>



<style>
.form-group .required .col-form-label:after {
  content:"*";color:red;
}
body#page-local-mentor_percentage-percentagelist .modal-dialog{
  width: 50% !important;
}
</style>