<div class="modal fade" id="createCertificate" 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">Training and Certification</h4>
        </div>
        <div class="modal-body">
            <form id="certification_form" method="post" action="{{ route('payfrequency.store') }}" enctype="multipart/form-data" class="form-inline" style="padding-top:10px;"> 
            {{ csrf_field() }}
            <div class=row style="padding:0px 5px 5px 10px">                
              <div class=form-group style="padding-left:20px;width=30%">     
              <p>Course Name<span>*</span></p>	
                  <input name="payfrequency" type="text" name="payfrequency" class="form-control" id="payfrequency" style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 30px;float: left;padding: 0px 15px;"
                            required>
              </div>
              <div class=form-group style="padding-left:20px;width=30%">     
              <p>Name of Institution <span>*</span></p>	
                  <input name="shortcode" type="text" name="shortcode" class="form-control" id="shortcode" style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 30px;float: left;padding: 0px 15px;"
                            required>
              </div>

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

            <div class=row style="padding:0px 5px 5px 10px">           
              <div class=form-group style="padding-left:20px;width=20%">     
              <p>Certification Name <span>*</span></p>	
                <input name="shortcode" type="text" name="shortcode" class="form-control" id="shortcode" style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 30px;float: left;padding: 0px 15px;"
                  required>
              </div> 
              <div class=form-group style="padding-left:20px;width=20%">     
              <p>Date of Expiration</p>	
                <input name="dateofExpiration" type="date" class="form-control" id="dateofExpiration" style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 30px;float: left;padding: 0px 15px;"
                  >
              </div>   
              <div class=form-group style="padding-left:20px;width=20%">     
              <p>Certificate document <span>*</span></p>	
              <input type="file" name="trainingCertificate" class="form-control" style="width:15em;" >
              </div>  
            </div>
            </form> 
        </div>
        <div class="modal-footer">
        <button type="button" onclick="form_submit()" class="btn btn-primary">Save </button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>
      
    </div>
  </div>
 