<div class="modal fade" id="AddInvestigator" tabindex="-1" role="dialog" aria-labelledby="AddInvestigator" aria-hidden="true">
  <div class="modal-dialog modal-dialog-slideout" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Add New Investigator</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
        <form enctype="multipart/form-data" id="companyform">
          <input type="hidden" id="id"  value="<%= id %>" class="form-control">
          <h6>Basic Details</h6>
           <div class="form-group">
               <label>Name <span class="mandatory">*</span></label>
               <input type="text" id="name" placeholder="" value="" class="form-control">
           </div>
           <!--  -->
           <div class="form-group">
               <label>Email <span class="mandatory">*</span></label>
               <input type="email" id="email" autocomplete="false" placeholder="Enter Email"  class="form-control">
           </div>

           <div class="form-group">
               <label>Mobile No <span class="mandatory">*</span></label>
               <input type="text" id="mobile" autocomplete="false" placeholder=""  class="form-control">
           </div> 
          
            <h6>Password</h6>
            <div class="form-group">
              <label>Password <span class="mandatory">*</span></label>
              <input type="password" autocomplete="new-password" id="password" placeholder="********" class="form-control">
            </div>
            <div class="form-group">
              <label>Confirm Password <span class="mandatory">*</span></label>
              <input type="password" id="confirm_password" placeholder="********" class="form-control">
            </div>

            <h6>Description</h6>
          
            <div class="form-group">
              <label>Expertise</label>
               <input type="text" id="mobile" autocomplete="false" placeholder=""  class="form-control">
            </div>           
          
            <div class="form-group">
              <label>Description</label>
               <textarea id="mobile" autocomplete="false" placeholder=""  class="form-control"></textarea>
            </div>  
          </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Add Investigator</button>
      </div>
    </div>
  </div>
</div>