Pastebin | Laravel.io

<form name="num" id="num" method="POST" action="{{ route('c4tech.enroll-parent-info') }}">
    								<input type="hidden" name="_token" value="{{ csrf_token() }}">
    								<input type="hidden" name="enrollment_id" value="{{ session('c4tech_enrollment_id') }}">
    								<div id="step-2" class="">
    									<div class="row">
    										<div class="col-lg-10 second_step">
    											<div class="form-row form-group">
    												<div class="col-lg-2">
    													<label>Title <b class="red-text">*</b></label>
    													<select name="titles[]" class="form-control" required>
    														<option value="">Choose</option>
    														<option value="Mr">Mr</option>
    														<option value="Mrs">Mrs</option>
    														<option value="Dr">Dr</option>
    														<option value="Ms">Ms</option>
    														<option value="Master">Master</option>
    													</select>
    												</div>
    												<div class="col-lg-7">
    													<label>Parent/Guardian’s Information <b class="red-text">*</b></label>
    													<div class="form-row">
    														<div class="col">
    															<input type="text" class="form-control" name="fname[]" placeholder="First Name" required>
    														</div>
    														<div class="col">
    															<input type="text" class="form-control" name="mname[]" placeholder="Middle Name" required>
    														</div>
    													</div>
    												</div>
    												<div class="col-lg-3">
    													<label>Relationship <b class="red-text">*</b></label>
    													<select name="relation[]" class="form-control up_type" required>
    														<option value="">Choose</option>
    														<option value="Mother">Mother</option>
    														<option value="Father">Father</option>
    														<option value="Uncle">Uncle</option>
    														<option value="Aunty">Aunty</option>
    														<option value="Nephew">Nephew</option>
    														<option value="Brother">Brother</option>
    														<option value="Sister">Sister</option>
    													</select>
    												</div>
    											</div>
    											<div class="form-row form-group">
    												<label>Home Address <b class="red-text">*</b></label>
    												<input type="text" class="form-control" name="home[]" required>
    											</div>
    											<div class="form-row form-group">
    												<div class="col-lg-6 form-group">
    													<label>Parent's Email Address</label>
    													<input type="email" class="form-control" name="email[]" placeholder="Parent's Email Address">
    												</div>
    												<div class="col-lg-6 form-group">
    													<label>Parent's Phone Number <b class="red-text">*</b></label>
    													<div class="input-group">
    														<input type="number" class="form-control" name="num[]" placeholder="Parent's Phone Number" required>
    														<div class="input-group-prepend">
    															<div class="input-group-text addnum">
    																<i class="fa fa-plus text-primary"></i>
    															</div>
    														</div>
    													</div>
    												</div>
    											</div>
    											<div class="form-row form-group append">
    
    											</div>
    											<div class="form-row form-group">
    												<div class="col">
    													<label>Parent's Place Of Work <b class="red-text">*</b></label>
    													<input type="text" class="form-control" placeholder="Parent's Place Of Work" name="work[]" required>
    												</div>
    											</div>
    											<div class="form-row form-group">
    												<div class="col">
    													<label>Office Address <b class="red-text">*</b></label>
    													<input type="text" class="form-control" placeholder="Office Address" name="office[]" required>
    												</div>
    											</div>
    											<div class="form-row form-group">
    												<div class="col">
    													<a href="javascript:(0)" class="text-primary addparents2 float-right">
    														<h6>Add Another Parent/Guardian <i class="fa fa-plus text-primary"></i></h6>
    													</a>
    												</div>
    											</div>
    										</div>
    									</div>
    								</div>
    								<input id="parent-json" type="hidden" name="" value="[]">
    						</div>
    					</div>
    					<div class="row">
    						<div class="col-12">
    							<div class="btn-group float-right" role="group" aria-label="Basic example">
    								<a href="/admin/enroll-student">
    									<button type="button" class="btn btn-info">Back</button>
    								</a>
    								<button type="submit" class="btn btn-info">Next</button>
    							</div>
    						</div>
    					</div>
    				</form>

$(document).on("click", ".xnum", function(){
		var bid=$(this).attr("id");
		$("#divv"+bid).remove();
	});

var ii=1;
	$(".addparents2").click(function(){
		ii++;
		$(".second_step").slideDown().append('<div id="paren2'+i+'"><hr><h2 style="text-center"><button id="'+i+'" title="Remove This Section" class="psection btn-sm text-light btn btn-danger"><i class="fa fa-trash text-light"></i></button> New Parents/Guardian</h2><hr><div class="second_step"><div class="form-row form-group"><div class="col-lg-2"><label>Title</label><select name="titles[]" class="form-control" required><option value="">Choose</option><option value="Mr">Mr</option><option value="Mrs">Mrs</option><option value="Dr">Dr</option><option value="Ms">Ms</option><option value="Master">Master</option></select></div><div class="col-lg-7"><label>Parent/Guardian’s Information</label><div class="form-row"><div class="col"><input type="text" class="form-control" name="fname[]" placeholder="First Name" required ></div><div class="col"><input type="text" class="form-control" name="mname[]" placeholder="Middle Name" required></div></div></div><div class="col-lg-3"><label>Relationship</label><select name="relation[]" class="form-control up_type" required><option value="">Choose</option><option value="Mother">Mother</option><option value="Father">Father</option><option value="Uncle">Uncle</option><option value="Aunty">Aunty</option><option value="Nephew">Nephew</option><option value="Brother">Brother</option><option value="Sister">Sister</option></select></div></div><div class="form-row form-group"><label>Home Address</label><input type="text" class="form-control" name="home[]" required ></div><div class="form-row form-group"><div class="col-lg-6 form-group"><label>Parents Email Address</label><input type="email" class="form-control" name="email[]" placeholder="Parents Email Address"></div><div class="col-lg-6 form-group"><label>Parents Phone Number</label><div class="input-group"><input type="number" class="form-control" name="num[]" placeholder="Parents Phone Number" required><div class="input-group-prepend"><div class="input-group-text addnum"><i class="fa fa-plus text-primary"></i></div></div></div></div></div><div class="form-row form-group append"></div><div class="form-row form-group"><div class="col"><label>Parents Place Of Work</label><input type="text" class="form-control" placeholder="Parents Place Of Work" name="work[]" required></div></div><div class="form-row form-group"><div class="col"><label>Office Address</label><input type="text" class="form-control" placeholder="Office Address" name="office[]" required></div></div></div>');
	});

$(document).on("click", ".psection", function(){
		var psection=$(this).attr("id");
		$("#paren2"+psection).remove();
	});
</script>