<!DOCTYPE html>
<html lang="en">

<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">-->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>-->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>

<style>
  .nav-pills>li.active>a,
  .nav-pills>li.active>a:focus,
  .nav-pills>li.active>a:hover {
    color: #fff !important;
    background-color: #00b85b;
  }

  .report-block {
    padding: 20px;
    background: #ffffff;
    border: 1px solid #d1d1d1;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 20px 40px 0 rgb(75 76 78 / 15%);
    margin-bottom: 25px;
  }
  .site-menubar-unfold .site-menubar {
    width: 260px;
    margin-top: -7px;
}

  a:focus,
  a:hover,
  a {
    color: #000 !important;
  }

  .custom-tab .nav {
    display: block !important;
  }

  select.custom-select.custom-select-sm.form-control.form-control-sm {
    height: 3.288rem !important;
  }

  .page-header {
    z-index: 1 !important;
  }
  .container{
    width: 100% !important;
  }
  .page-title {
    margin-top: -35!important;
  }
  .downloadreport
  {
    float: right; 
    width: 200px;
    margin: 0px 0px 12px 0px;
    cursor: pointer; 
    border-radius: 4px;
    padding: 7px 15px;
    background: #c7c7c7;
  }
  .negclass{
    color:red;
  }
  .posclass {
    color:green;
  }
  .nillclass{
    color:blue; 
  }
  /* css by Astha */
  
  body#page-local-usermanagement-candidate_list .col-sm-12{
    overflow-x: scroll!important;
  }

  .heading {
    font-weight: 600;
    color: #515050!important;
    padding: 17px 9px!important;
  }

  .table>thead>tr>td {
    vertical-align: middle;
    border-bottom: 1px solid #ddd!important;
  }

</style>

<body>

  <br>
  <div class="custom-tab" style="padding-left: 15px;">
    <div class="tab-content">
      <div id="home" class="tab-pane fade in active" style="overflow-x:scroll;">
        <div>
          <div class = "downloadreport">
            <a href = "{{site_url}}/local/schememanagement/scheme_candidate_excel.php"><span><i class="fas fa-download" style = "margin-right:10px;"></i>Download Report</span></a>
          </div>   
          <br/><br/>   
          <div class="reco_list1" style="float:right">
            <div class="col-sm-4 searchbar-mb"></div>
            <div class="col-sm-4 searchbar-responsive">
              <input class="searchbar" type="text" id="coursename1" name="coursename1" placeholder="Search.." value="{{cname}}">
            </div>
            <div class="col-sm-4 searchbar-mb">
              <input class="btn btn-primary padadjust1"  type="button" value="Go" id="cnamesearch">
            </div>
          </div>
          <br/><br/><br/> 
          <table class="table table-hover" id="candidate_list">
            <thead>
              <tr>
                <td class="heading" style="width:3% !important;">Sl No</td>
                <td class="heading" style="width:7% !important;">Scheme Name</td>
                <td class="heading" style="width:7% !important;">Scheme Start Date</td>
                <td class="heading" style="width:5% !important;">District</td>
                <td class="heading" style="width:6% !important;">Constituency</td>
                <td class="heading" style="width:6% !important;">Center Name</td>
                <td class="heading" style="width:4% !important;">Mode of Training</td>
                <td class="heading" style="width:8% !important;">Course Name</td>
                <td class="heading" style="width:7% !important;">Course Code</td>
                <td class="heading" style="width:8% !important;">Student Name</td>
                <td class="heading" style="width:8% !important;">Email</td>
                <td class="heading" style="width:7% !important;">Phone</td>
              </tr>
            </thead>
            <tbody>  
            {{#cand_data}}
            <tr>
            
            <td>{{sl}}</td>
            <td>{{schname}}</td>
              <td>{{startdate}}</td>
              <td>{{dtname}}</td>
              <td>{{ctname}}</td>
              <td>{{center}}</td>
              <td>{{modename}}</td>
              <td>{{fullname}}</td>
              <td>{{shortname}}</td>
              <td>{{full_name}}</td>
              <td>{{email}}</td>
              <td>{{phone1}}</td>
             
              </tr>     
               {{/cand_data}}
                   {{^cand_data}}
                    <tr><td colspan="12" style="text-align:center">NO RESULTS FOUND</td></tr>
                    {{/cand_data}}
            </tbody>
              </table>
              <input type = "hidden" name = "pageurl" value = "{{pageurl}}" id = "pageurl" class = "pageurl">
            <input type = "hidden" name = "page_no" value = "{{page_no}}" id = "page_no" class = "page_no">
            <input type = "hidden" name = "total_no_of_pages" value = "{{total_no_of_pages}}" id = "total_no_of_pages" class = "total_no_of_pages">
          {{#total_no_of_pages}}
          <nav aria-label="Page navigation example">
            <ul class="pagination justify-content-center" style="float: right;">
              <li class="page-item">
                  <a class="page-link previous-next {{^pfirst}}pprev{{/pfirst}}">Previous</a>
              </li>
              {{#pdata}}
                {{#pblank}}
                    <li class="page-item">
                          <a class="page-link">....</a>
                    </li>
                {{/pblank}}
                {{^pblank}}
                  <li class="page-item {{clshw}}">
                    {{#clshw}}
                        <a class="page-link cur">{{pno}}</a>
                    {{/clshw}}
                    {{^clshw}}
                        <a class="page-link pind" data-id="{{pno}}">{{pno}}</a>
                    {{/clshw}}
                  </li>
                {{/pblank}}
              {{/pdata}}
              <li class="page-item"><a class="page-link previous-next {{^plast}}pnext{{/plast}}">Next</a></li>
            </ul>
          </nav>
          {{/total_no_of_pages}}
  </div>
    </div>
      </div>
          </div>
</body>
</html>
         
