<div class="modal fade" id="updateDependant" role="dialog" >
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content" >
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Dependants</h4>
        </div>
        <div class="modal-body" >
            <form id="dependantUpdated" method="post" action="" enctype="multipart/form-data" class="form-inline" style="padding-top:10px;"> 
            @method('PATCH')
            @csrf
            <div class=row style="padding:0px 5px 5px 10px;">                
              <div class=form-group style="padding-left:20px;width=20%">     
              <p>Name<span>*</span></p>	
                  <input name="name" type="text"  class="form-control" id="name" >
              </div>
              <div class=form-group style="padding-left:20px;width=40%">     
              <p>Date of Birth <span>*</span></p>	
              <input name="dateofBirth" type="date" class="form-control" id="dateofBirth">
              </div>
            </div>           
            <div class=row style="padding:0px 5px 5px 10px;">       
            <div class=form-group style="padding-left:20px;width=20%;height:80px;" >     
              <p>Relation<span>*</span></p>
              <select class="form-control" name="relation" style="width:15em" >
                <option value="">Select Relation</option>
                <option value="partner">Spouse</option>
                <option value="child">Child</option>
                <option value="grandchild">Grand child</option>
                <option value="grand-parent">Grand parent</option>
                <option value="ex-spouse">Ex-Spouse</option>
              </select>
              </div> 

            </div><!-- End of third row -->            

            </form> 
        </div>
        <div class="modal-footer">
        <button type="button" onclick="dependantUpdate()" class="btn btn-primary">Update </button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
    </div>
      
  </div>
</div>
<script>
function dependantUpdate() {
  document.getElementById("dependantUpdated").submit();
 }
 
</script>
