<div class="coursetab" role="group">
    <div class="hidden-xs" style="color: #000;font-size: 16px;font-weight: 600;text-transform: uppercase;">
      <i class="mdi mdi-book-open-variant"></i>  Fill below details to create new lab:
    </div>
</div>
<hr>
<form id="form">
  <div class="form-group row">
    <label class="col-sm-2 col-form-label">Lab Full Name</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="fullname">
    </div>
  </div>
  <div class="form-group row">
    <label class="col-sm-2 col-form-label">Lab Short Name</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="shortname">
    </div>
  </div>
  <div class="form-group row">
    <label class="col-sm-2 col-form-label">Lab Category</label>
    <div class="col-sm-10">
      <select class="form-control" id="coursecat">
      {{#coursecat}}
      <option value="{{id}}">{{name}}</option>
      {{/coursecat}}
      </select>
    </div>
  </div>
  <div class="form-group row">
    <label class="col-sm-2 col-form-label">Lab Summary</label>
    <div class="col-sm-10">
      <textarea class="form-control" id="summary" rows="3"></textarea>
    </div>
  </div>
  <div class="form-group row">
    <label class="col-sm-2 col-form-label">Lab Type</label>
    <div class="col-sm-10">
      <select class="form-control" id="labtype">
      <option value="">Select</option>
      {{#labname}}
      <option value="{{planid}}">{{planname}}</option>
      {{/labname}}
      </select>
    </div>
  </div>
  <div class="form-group row">
    <div class="col-sm-10 text-center">
      <input type="submit" class="btn btn-primary add" name="Save">
    </div>
  </div>
</form>
<hr>
  <div class="row"> 
  <div class="col-md-12 coursetab" role="group">
      <div class="hidden-xs" style="color: #000;font-size: 16px;font-weight: 600;text-transform: uppercase;">
        <i class="mdi mdi-book-open-variant"></i>  List of Available Labs
      </div>
  </div>
  <div class="tab-pane active" style= "padding: 10px;width:100%";>
    <table id="example1" class="table table-striped table-bordered datatable" style="width:100%";>
      <thead>
      
        <tr>
          <th>Sl.No</th>
          <th>Plan Name</th>
          <th>Plan Id</th>
          <th>Team Id</th>
          <th>Access Keys</th>
          <th>Mapped Course</th>
          <th>Time Created</th>
        </tr>
      
        
      </thead>
      <tbody>
      {{#labcourses}}
        <tr>
          <td>{{id}}</td>
          <td>{{planname}}</td>
          <td>{{planid}}</td>
          <td>{{teamid}}</td>
          <td>{{accesskeys}}</td>
          <td><a href="{{{courseurl}}}" target="_blank">{{coursename}}</a></td>
          <td>{{{timecreated}}}</td>
        </tr>
      {{/labcourses}}
      {{^labcourses}}
        <tr data-no-results-found><td colspan="12" style="text-align:center">NO RESULTS FOUND</td></tr>
      {{/labcourses}}
      </tbody>
    </table>
  </div>
</div>
