<!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;
  }

  /* css added by Astha */
  body#page-local-dwms-wrpreport div#wrpreport_wrapper {
    overflow-x: scroll!important;
  }

  @media only screen and (max-width: 480px) {
    #wrpreport_length {
      text-align: left;
    }
    #wrpreport_filter {
      text-align: left;
    }
  }
</style>

<body>

  <!----<div class="col-md-12" style="margin-top:15px;margin-bottom: 30px;">
    <div class="row">
      <div class="col-md-3">
        <div class="report-block">
          <h5>Total Jobseekers</h5>
          <h3>{{#total_website_learner}}{{total_website_learner}}{{/total_website_learner}}</h3>
        </div>
      </div>
      <div class="col-md-3">
        <div class="report-block">
          <h5>Total Partners</h5>
          <h3>{{#total_partners}}{{total_partners}}{{/total_partners}}</h3>
        </div>
      </div>
      <div class="col-md-3">
        <div class="report-block">
          <h5>Total Courses</h5>
          <h3>{{#total_courses}}{{total_courses}}{{/total_courses}}</h3>
        </div>
      </div>
      <div class="col-md-3">
        <div class="report-block">
          <h5>Applied Courses</h5>
          <h3>{{#total_course_learners}}{{total_course_learners}}{{/total_course_learners}}</h3>
        </div>
      </div>
    </div>
  </div>--->
  <!-- <br> -->
  <div class="custom-tab" style="padding-left: 15px;">
    <ul class="nav nav-pills" style="margin-bottom: 30px;">
      <li class="active"><a data-toggle="pill" href="#home">Work Readiness Program Report</a></li>
      <!-- <li><a data-toggle="pill" href="#menu1">Commenced Batch Details Report</a></li> -->
      <!-- <li><a data-toggle="pill" href="#menu2">Completed Batch Details Report</a></li> -->
        <!---<li><a data-toggle="pill" href="#menu3">Industry Program</a></li>
      -->
    </ul>

    <div class="tab-content">
      <div id="home" class="tab-pane fade in active">
        <div>
          <div style="float: right; width: 165px;margin-top: -15px; margin-bottom: 12px;cursor: pointer; border-radius: 4px;padding: 7px 12px;background: #c7c7c7;">
            <a href = "{{site_url}}/local/dwms/download.php"><span><i class="fas fa-download" style = "margin-right:10px;"></i>Download Report</span></a>
          </div>
          <table class="table table-hover" id="wrpreport">
            <thead>
              <tr>
                <th>Sl No</th>
                <th>Skill Partner</th>
                <th>Course Name</th>
                <th>Job Seeker Name</th>
                <th>District</th>
                <th>Constituency</th>
                <th>Center</th>
                <th>DWMS ID</th>
                <th>Email</th>
                <th>Phone</th>
                <th>Gender</th>
              </tr>
            </thead>
            <tbody>
             {{#wrparray}}
              <tr>
                <td>{{{slno}}}</td>
                <td>{{{partnername}}}</td>
                <td>{{{coursename}}}</td>
                <td>{{{studentname}}}</td>
                <td>{{{district}}}</td>
                <td>{{{constituency}}}</td>
                <td>{{{center}}}</td>
                <td>{{{studentid}}}</td>
                <td>{{{email}}}</td>
                <td>{{{phone}}}</td>
                <td>{{{gender}}}</td>
              </tr>
              {{/wrparray}}
            </tbody>
          </table>
        </div>
      </div>
      

    </div>
  </div>
</body>
</html>



<script type="text/javascript">
  $(document).ready(function () {
    $("input[name$='cars']").click(function () {
      var test = $(this).val();

      $("div.desc").hide();
      $("#Cars" + test).show();
    });
  });
</script>

