<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>
<script type="text/javascript">
var i=1;
$(document).on("click", ".addnum", function(){
i++;
$(".append").append('<div id="divv'+i+'" class="col-lg-12 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 id="'+i+'" class="input-group-text xnum"><i class="fa fa-minus text-primary"></i></div></div></div></div>');
});
$(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>