<div class="modal fade" id="EditTask" tabindex="-1" role="dialog" aria-labelledby="EditTask" 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">Edit Task</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">
          <div class="form-group">
            <label>Task Name <span class="mandatory">*</span></label>
            <input type="text" id="name" placeholder="" value="" class="form-control">
          </div>
          <div class="form-group">
            <label>Case <span class="mandatory">*</span></label>
            <select data-placeholder="Choose a Country..." class="chosen-select" tabindex="3">
              <option >Select Some option</option>
            </select>
          </div>
          <div class="form-group">
            <label>Investigator <span class="mandatory">*</span></label>
            <select data-placeholder="Choose a Country..." class="chosen-select" tabindex="3">
              <option >Select Some option</option>
            </select>
          </div>
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label>Date Issued <span class="mandatory">*</span></label>
                <input type="text" id="mobile" autocomplete="false" placeholder=""  class="form-control">
              </div>
            </div>              
            <div class="col-md-6">
              <div class="form-group">
                <label>Due date</label>
                <input type="text" id="profile"  name="profile"  class="form-control">
              </div>
            </div>
          </div>
          <div class="form-group">
            <label>Background to action <span class="mandatory">*</span></label>
            <textarea id="name" placeholder="" value="" class="form-control"></textarea>
          </div>
          <div class="form-group">
            <label>Action required <span class="mandatory">*</span></label>
            <textarea id="name" placeholder="" value="" class="form-control"></textarea>
          </div>
          <div class="form-group">
            <label>Upload</label>
            <input type="file" id="profile"  name="profile"  class="form-control">
            <img src="images/img.jpg" class="img-thumbnail w-25 mt-3">
          </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">Update Task</button>
      </div>
    </div>
  </div>
</div>