<?php include 'header.php';?>
<?php include 'top-menu.php';?>
<div class="container-scroller">
	<?php include 'sidebar.php';?>

	<div class="page-body-wrapper animate">
		<div class="main-panel">
			<div class="content-wrapper pb-0">
        <div class="search_area">
          <div class="container">
            <div class="row mb-4">
                <div class="col-7 col-md-5">
                  <label>Search</label>
                  <input type="text" id="name" placeholder="" class="form-control" >
                </div>
                <div class="col-7 text-right">
                  <button class="btn btn-primary mt-3 mb-md-0 mr-2 " data-toggle="modal" data-target="#AddInvestigator"> Add New Investigator</button>
                </div>
            </div>
          </div>
        </div>
				<div class="table-responsive">
          <table class="table custom-table txt-dark">
            <thead>
              <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Task</th>
                <th>Mail ID</th>
                <th>Expertise</th>
                <th>Status </th>
                <th class="text-center" width="120"> Action </th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td><a href="#"> 0001</a> </td>
                <td><a href="#"> John</a> </td>
                <td><a href="#">12</a></td>
                <td><a href="#">InaCurry@domain.com</a></td>
                <td> Expertise </td>
                <td>
                  <a href="#">Active</a>
                    <!-- <a href="javascript:;" class="read-toggler"  data-toggle="tooltip" title="It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.">It is a long established fact...</a> -->
                </td>
                <td class="text-center">
                  <a href="#" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#EditInvestigator"> <i class="fas fa-pencil-alt"></i> </a>
                  <a href="#" class="btn btn-sm btn-default"> <i class="fas fa-trash-alt"></i> </a>
                </td>
              </tr>
              <tr>
                <td><a href="#"> 0002</a> </td>
                <td><a href="#"> Leah</a> </td>
                <td><a href="#">12</a></td>
                <td><a href="#">Jensen@domail.com</a></td>
                <td> Expertise </td>
                <td>
                  <a href="#">Active</a>
                    <!-- <a href="javascript:;" class="read-toggler"  data-toggle="tooltip" title="It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.">It is a long established fact...</a> -->
                </td>
                <td class="text-center">
                  <a href="#" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#EditInvestigator"> <i class="fas fa-pencil-alt"></i> </a>
                  <a href="#" class="btn btn-sm btn-default"> <i class="fas fa-trash-alt"></i> </a>
                </td>
              </tr>
              <tr>
                <td><a href="#"> 0003</a> </td>
                <td><a href="#"> Cecelia</a> </td>
                <td><a href="#">12</a></td>
                <td><a href="#">Cecelia@domail.com</a></td>
                <td> Expertise </td>
                <td>
                  <a href="3" class="txt-muted">Inactive</a>
                    <!-- <a href="javascript:;" class="read-toggler"  data-toggle="tooltip" title="It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.">It is a long established fact...</a> -->
                </td>
                <td class="text-center">
                  <a href="#" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#EditInvestigator"> <i class="fas fa-pencil-alt"></i> </a>
                  <a href="#" class="btn btn-sm btn-default"> <i class="fas fa-trash-alt"></i> </a>
                </td>
              </tr>
              <tr>
                <td><a href="#"> 0004</a> </td>
                <td><a href="#"> Fitzgerald</a> </td>
                <td><a href="#">12</a></td>
                <td><a href="#">Leah@gmail.com</a></td>
                <td> Expertise </td>
                <td>
                  <a href="3" class="txt-muted">Inactive</a>
                    <!-- <a href="javascript:;" class="read-toggler"  data-toggle="tooltip" title="It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.">It is a long established fact...</a> -->
                </td>
                <td class="text-center">
                  <a href="#" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#EditInvestigator"> <i class="fas fa-pencil-alt"></i> </a>
                  <a href="#" class="btn btn-sm btn-default"> <i class="fas fa-trash-alt"></i> </a>
                </td>
              </tr>
            </tbody>
          </table>
        </div>			
      </div>
			<?php include 'copyrighte.php';?>
		</div>
	</div>
</div>

<?php include 'AddInvestigator_Model.php';?>
<?php include 'EditInvestigator_Model.php';?>

<?php include 'footer.php';?>


<script type="text/javascript">
  $(document).ready(function(){
    $("#heading").text("Investigator");
     $("#sidebar>ul#setActiveOnNav>li").find("#product_active").addClass('active');
    $("#sidebar>ul#setActiveOnNav>li").find("#Product_list").addClass('show');
  });

  $('.read-toggler').on("click", function() {
    $(this).next(".readmore").slideToggle();
  });
</script>