<!-- <link rel="stylesheet" href="/css/style.css"></script> -->
<link rel="stylesheet" href="https://daycarewebsitedesign.net/happy/wp-content/plugins/WP-Sign-Time/css/bootstrap.min.css">
<script src="https://daycarewebsitedesign.net/happy/wp-content/plugins/WP-Sign-Time/js/jquery.min.js"></script>
<script src="https://daycarewebsitedesign.net/happy/wp-content/plugins/WP-Sign-Time/js/bootstrap.min.js"></script>

<div class="maindiv">

    <!-- <div class="progress">
    <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100"></div>
  </div> -->
    <div class="alert alert-success hide"></div>
    <form action="" id="childInformation" method="post" enctype="multipart/form-data">
        <fieldset id="formstep1">
            <h2>Your Child's Information</h2>
            <div class="form-group row">
                <div class="col-lg-3"><label for="isdate" class="rightlabel">Intended Start Date:</label></div>
                <div class="col-lg-3"><input type="date" class="form-control require_fields" id="isdate" placeholder="MM/DD/YYYY" name="isdate" maxlength="20"></div>
            </div>
            <div class="form-group row">
                <div class="col-lg-3"><label for="fname" class="rightlabel">Child's First Name*:</label></div>
                <div class="col-lg-3"><input type="text" class="form-control require_fields" id="fname" placeholder="First Name" name="fname" maxlength="50"></div>
            </div>
            <div class="form-group row">
                <div class="col-lg-3"><label for="mname" class="rightlabel">Middle Name(s)*:</label></div>
                <div class="col-lg-3 myname"><input type="text" class="form-control require_fields" id="mname" placeholder="Middle Name" name="mname" maxlength="50"></div>
            </div>
            <div class="form-group row">
                <div class="col-lg-3"><label for="lname" class="rightlabel">Last Name*:</label></div>
                <div class="col-lg-3"><input type="text" class="form-control require_fields" id="lname" placeholder="Last Name" name="lname" maxlength="50"></div>
            </div>
            <div class="form-group row">
                <div class="col-lg-3"><label for="pname" class="nomargin rightlabel">Preferred Name<br>to be called*: </label></div>
                <div class="col-lg-3"><input type="text" class="form-control require_fields" id="pname" placeholder="Preferred Name" name="pname" maxlength="50"></div>
            </div>
            <div class="form-group row">
                <div class="col-lg-3"><label for="cpaddress" class="nomargin rightlabel">Child's Primary Address*:</label></div>
                <div class="col-lg-3 primdiv"><input type="text" class="form-control require_fields" id="cpaddress" placeholder="Address" name="cpaddress" maxlength="200"></div>
                <div class="col-lg-3 addressright"><input type="text" class="form-control require_fields" id="cpcity" placeholder="City" name="cpcity" maxlength="50"></div>
                <div class="col-lg-1 addressright"><input type="text" class="form-control require_fields state" id="cpstate" placeholder="State" name="cpstate"></div>
                <div class="col-lg-2 addressright"><input type="text" class="form-control require_fields zip" id="cpzipcode" placeholder="Zipcode" name="cpzipcode"></div>
            </div>
            <div class="form-group row">
                <div class="col-lg-3"><label for="dob" class="rightlabel">Date of Birth*:</label></div>
                <div class="col-lg-3"><input type="date" class="form-control require_fields" id="dob" placeholder="MM/DD/YYYY" name="dob" maxlength="20"></div>
            </div>
            <div class="form-group row">
                <div class="col-lg-3"><label for="gender" class="rightlabel">Gender*:</label></div>
                <div class=" col-lg-5">
                    <label><input type="radio" name="gender" value="male" checked><span class="pull-right">&nbsp;Male</span></label>&nbsp;&nbsp;&nbsp;<label><input type="radio" value="female" name="gender"><span class="pull-right">&nbsp;Female</span></label>&nbsp;&nbsp;&nbsp;<label><input type="radio" value="Other" name="gender"><span class="pull-right">&nbsp;Other</span></label>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-lg-3"><label for="plang" class="rightlabel">Primary Language Spoken At Home*:</label></div>
                <div class="col-lg-3">
                    <select name="plang" id="plang" class="form-control">
                        <!-- <option value="">Select Language</option> -->
                        <option value="English">English</option>
                        <option value="Spanish">Spanish</option>
                        <option value="French">French</option>
                        <option value="German">German</option>
                        <option value="Russian">Russian</option>
                        <option value="Vietnamese">Vietnamese</option>
                        <option value="Ukrainian">Ukrainian</option>
                        <option value="Other">Other</option>
                    </select>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-lg-3"><label for="homephone" class="rightlabel">Home Phone*:</label></div>
                <div class="col-lg-3"><input type="text" class="form-control require_fields phone_desh_pass parent_homephone" id="homephone" placeholder="XXX-XXX-XXXX" name="homephone" maxlength="10"></div>
            </div>

            <div class="form-group row">
                <div class="col-lg-3"><label for="homephone" class="rightlabel right_align_text">Last 4 of SSN*:</label></div>
                <div class="col-lg-3"><input type="text" class="form-control require_fields parent_last_4_of_ssn" id="homephone" placeholder="Last 4 of SSN" name="last_4_of_ssn" maxlength="4"></div>
            </div>

            <div class="form-group row" id="familymembers">
                <div class="col-md-12 nopadding">
                    <div class="col-lg-3"><label for="dob">Family Member Name*:</label></div>
                    <div class="col-lg-3">
                        <label for="dob">Relationship to Child:</label>
                    </div>
                </div>
                <div class="col-md-12 nopadding">
                    <div class="col-lg-3"><input type="text" class="form-control require_fields" placeholder="Family Member Name" name="familymember[]" maxlength="50"></div>
                    <div class="col-lg-3">
                        <select name="relationship[]" class="form-control drop">
                            <option value="Mother">Mother</option>
                            <option value="Father">Father</option>
                            <option value="Sister">Sister</option>
                            <option value="Stepmother">Stepmother</option>
                            <option value="Stepfather">Stepfather</option>
                            <option value="Brother">Brother</option>
                            <option value="Legal guardian">Legal Guardian</option>
                            <option value="Grandmother">Grandmother</option>
                            <option value="Grandfather">Grandfather</option>
                            <option value="Uncle">Uncle</option>
                            <option value="Aunt">Aunt</option>
                            <option value="Cousin">Cousin</option>
                            <option value="Other">Other</option>
                        </select>
                    </div>
                </div>
            </div>

            <div class="form-group row">
                <div class="col-lg-12"><a href="javascript:void(0)" id="addfamilymemberbutton">+ Add a Family Member</a></div>
            </div>


            <div class="form-group row">
                <div class="col-lg-12">
                    <h4>Allergies</h4>
                </div>
            </div>
            <div class="form-group Allergies">
                <div class="row">
                    <div class="col-lg-4 allergy"><label>Allergy</label></div>
                    <div class="col-lg-4 re"><label>Reaction</label></div>
                    <div class="col-lg-3 sev"><label>Severity</label></div>
                </div>

                <div class="form-group" id="allergiesdiv">
                    <div class="form-group row">
                        <div class="col-lg-4"><input type="text" class="form-control allergy" name="Allergy[]" maxlength="100"></div>
                        <div class="col-lg-4"><input type="text" class="form-control reaction" name="Reaction[]" maxlength="100"></div>
                        <div class="col-lg-3 severty">
                            <select name="Severity[]" class="form-control">
                                <option value="Mild">Mild</option>
                                <option value="Moderate">Moderate</option>
                                <option value="Severe">Severe</option>
                                <option value="Life Threatening">Life Threatening</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-lg-12"><a href="javascript:void(0)" id="addallergies">+ Add an Allergy</a></div>
                </div>
            </div>

            <div class="form-group row">
                <div class="col-lg-12">
                    <h4>Child's Primary Doctor</h4>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-lg-3"><label for="dfname" class="rightlabel">Doctor's Name*:</label></div>
                <div class="col-lg-3"><input type="text" class="form-control require_fields" id="dfname" placeholder="Doctor's Name" name="dfname" maxlength="100"></div>
            </div>
            <div class="form-group row">
                <div class="col-lg-3"><label for="clinicname" class="rightlabel">Clinic's Name*:</label></div>
                <div class="col-lg-3"><input type="text" class="form-control require_fields" id="clinicname" placeholder="Clinic's Name" name="clinicname" maxlength="100"></div>
            </div>
            <div class="form-group row">
                <div class="col-lg-3"><label for="ccpaddress" class="rightlabel">Clinic's Address*:</label></div>
                <div class="col-lg-3"><input type="text" class="form-control require_fields" id="ccpaddress" placeholder="Address" name="ccpaddress" maxlength="100"></div>
                <div class="col-lg-3 addressright"><input type="text" class="form-control require_fields" id="ccpcity" placeholder="City" name="ccpcity" maxlength="20"></div>
                <div class="col-lg-1 addressright"><input type="text" class="form-control require_fields state" id="ccpstate" placeholder="State" name="ccpstate"></div>
                <div class="col-lg-2 addressright"><input type="text" class="form-control require_fields zip" id="ccpzipcode" placeholder="Zipcode" name="ccpzipcode"></div>
            </div>
            <div class="form-group row">
                <div class="col-lg-3"><label for="clinicphone" class="rightlabel">Clinic's Phone Number*:</label></div>
                <div class="col-lg-3"><input type="text" class="form-control require_fields phone_desh_pass" id="clinicphone" placeholder="XXX-XXX-XXXX" name="clinicphone" maxlength="10"></div>
            </div>
            <div class="form-group row">
                <div class="col-lg-3"><label for="preferredhospital" class="nomargin rightlabel">Preferred Hospital<br>(if possible):</label></div>
                <div class="col-lg-3"><input type="text" class="form-control" id="preferredhospital" placeholder="Preferred Hospital" name="preferredhospital" maxlength="50"></div>
            </div>
            <div class="form-group row">
                <div class="col-lg-3"><label for="insurancprovider" class="rightlabel">Insurance Provider*:</label></div>
                <div class="col-lg-3"><input type="text" class="form-control require_fields" id="insurancprovider" placeholder="Insurance Provider" name="insurancprovider" maxlength="50"></div>
            </div>
            <div class="form-group row">
                <div class="col-lg-3"><label for="insurancepolicynumber" class="rightlabel">Insurance Policy Number*:</label></div>
                <div class="col-lg-3"><input type="text" class="form-control require_fields" id="insurancepolicynumber" placeholder="Insurance Policy Number" name="insurancepolicynumber" maxlength="50"></div>
            </div>



            <div class="form-group row">
                <div class="col-lg-12">
                    <h4>Child's Primary Dentist</h4>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-lg-3"><label for="doctorname" class="rightlabel">N/A:</label></div>
                <div class="col-lg-3"><input type="checkbox" class="form-checkbox-control" id="dentist_details_na" value="not_available" name="dentist_details_na"></div>
            </div>
            <div class="dentist_details_wrapper">
                <div class="form-group row">
                    <div class="col-lg-3"><label for="doctorname" class="rightlabel">Dentist's Name:</label></div>
                    <div class="col-lg-3"><input type="text" class="form-control require_fields" id="doctorname" placeholder="Doctor's Name" name="doctorname" maxlength="100"></div>
                </div>
                <div class="form-group row">
                    <div class="col-lg-3"><label for="pclinicname" class="rightlabel">Clinic's Name:</label></div>
                    <div class="col-lg-3"><input type="text" class="form-control require_fields" id="pclinicname" placeholder="Clinic's Name" name="pclinicname" maxlength="100"></div>
                </div>
                <div class="form-group row">
                    <div class="col-lg-3"><label for="acpaddress" class="rightlabel">Clinic's Address:</label></div>
                    <div class="col-lg-3"><input type="text" class="form-control require_fields" id="acpaddress" placeholder="Address" name="acpaddress" maxlength="100"></div>
                    <div class="col-lg-3 addressright"><input type="text" class="form-control require_fields" id="acpcity" placeholder="City" name="acpcity"></div>
                    <div class="col-lg-1 addressright"><input type="text" class="form-control require_fields state" id="acpstate" placeholder="State" name="acpstate"></div>
                    <div class="col-lg-2 addressright"><input type="text" class="form-control require_fields zip" id="acpzipcode" placeholder="Zipcode" name="acpzipcode"></div>
                </div>
                <div class="form-group row">
                    <div class="col-lg-3"><label for="pclinicphonenumber" class="rightlabel">Clinic's Phone Number:</label></div>
                    <div class="col-lg-3"><input type="text" class="form-control require_fields phone_desh_pass" id="pclinicphonenumber" placeholder="XXX-XXX-XXXX" name="pclinicphonenumber" maxlength="10"></div>
                </div>
                <div class="form-group row">
                    <div class="col-lg-3"><label for="pinsuranceprovider" class="rightlabel">Insurance Provider:</label></div>
                    <div class="col-lg-3"><input type="text" class="form-control require_fields" id="pinsuranceprovider" placeholder="Insurance Provider" name="pinsuranceprovider" maxlength="50"></div>
                </div>
                <div class="form-group row">
                    <div class="col-lg-3"><label for="pinsurancepolicynumber" class=" rightlabel">Insurance Policy Number:</label></div>
                    <div class="col-lg-3"><input type="text" class="form-control require_fields" id="pinsurancepolicynumber" placeholder="Insurance Policy Number" name="pinsurancepolicynumber" maxlength="50"></div>
                </div>
            </div>

            <div class="form-group row">
                <div class="col-lg-12">
                    <h4>Health History</h4>
                </div>
            </div>

            <div class="form-group row health_history">
                <div class="col-lg-3 fullyimmunized-lg-1"><label for="childfullyimmunized?" class="rightlabel">Is Your Child<br />Fully Immunized:</label></div>
                <div class="col-lg-1"> <select class="form-control" style="font-size:16px" name="childfullyimmunized">
                        <option value="yes">Yes</option>
                        <option value="Yes-Delayed">Yes-Delayed</option>
                        <option value="no">No</option>
                    </select></div>
            </div>


            <div class="form-group row health_history">
                <div class="col-lg-3"><label for="earinfection" class="rightlabel">Ear Infections:</label></div>
                <div class="col-lg-1"><select class="form-control" style="font-size:16px" name="earinfection">
                        <option value="Rare">Rare</option>
                        <option value="Occasional">Occasional</option>
                        <option value="Frequent">Frequent</option>
                        <option value="Has Tubes">Has Tubes</option>
                    </select></div>
            </div>
            <div class="form-group row health_history">
                <div class="col-lg-3"><label for="nosebleeds" class="rightlabel">Nose Bleeds:</label></div>
                <div class="col-lg-1"><select class="form-control" style="font-size:16px" name="nosebleeds">
                        <option value="Rare">Rare</option>
                        <option value="Occasional">Occasional</option>
                        <option value="Frequent">Frequent</option>
                    </select></div>
            </div>
            <div class="form-group row health_history">
                <div class="col-lg-3"><label for="diabetes" class="rightlabel">Diabetes:</label></div>
                <div class="col-lg-1"><select class="form-control" style="font-size:16px" name="diabetes" onchange="javascript:if(this.value=='yes') $(this).parent().next().show(); else $(this).parent().next().hide();">
                        <option value="no">No</option>
                        <option value="yes">Yes</option>
                    </select></div>
                <div class="col-lg-6"><input type="text" class="form-control" id="diabetesnotes" placeholder="Notes" name="diabetesnotes" maxlength="200"></div>
            </div>
            <div class="form-group row health_history">
                <div class="col-lg-3"><label for="heartdecease" class="nopadding rightlabel">Heart Disease<br>/Defects:</label></div>
                <div class="col-lg-1"><select class="form-control" style="font-size:16px" name="heartdecease" onchange="javascript:if(this.value=='yes') $(this).parent().next().show(); else $(this).parent().next().hide();">
                        <option value="no">No</option>
                        <option value="yes">Yes</option>
                    </select></div>
                <div class="col-lg-6"><input type="text" class="form-control" id="heartdiseasenotes" placeholder="Notes" name="heartdiseasenotes" maxlength="200"></div>
            </div>
            <div class="form-group row health_history">
                <div class="col-lg-3"><label for="convulsions" class="nopadding rightlabel">Convulsions<br>/Seizures:</label></div>
                <div class="col-lg-1"><select class="form-control" style="font-size:16px" name="convulsions" onchange="javascript:if(this.value=='yes') $(this).parent().next().show(); else $(this).parent().next().hide();">
                        <option value="no">No</option>
                        <option value="yes">Yes</option>
                    </select></div>
                <div class="col-lg-6"><input type="text" class="form-control" id="convulsionsnotes" placeholder="Notes" name="convulsionsnotes" maxlength="200"></div>
            </div>
            <div class="form-group row health_history">
                <div class="col-lg-3"><label for="asthma" class="rightlabel">Asthma:</label></div>
                <div class="col-lg-1"><select class="form-control" name="asthma" style="font-size:16px" onchange="javascript:if(this.value=='yes') $(this).parent().next().show(); else $(this).parent().next().hide();">
                        <option value="no">No</option>
                        <option value="yes">Yes</option>
                    </select></div>
                <div class="col-lg-6"><input type="text" class="form-control" id="ashtmanotes" placeholder="Notes" name="ashtmanotes" maxlength="200"></div>
            </div>
            <div class="form-group row health_history">
                <div class="col-lg-3"><label for="uploadrecords" class="rightlabel">Please upload any Health Care Plans / Health Appraisals / Immunization Records here:</label>
                    <div class="rightlabel file-format-note"><i>Only pdf, doc and docx file formats are allowed.</i></div>
                </div>
                <div class="col-lg-4"><input type="file" class="form-control document-form" id="uploadrecords" name="uploadrecords[]" multiple="multiple" onchange="return fileValidation('uploadrecords')"></div>
            </div>


            <div class="form-group row">
                <div class="col-lg-12">
                    <h4>Operation/Serious Injuries</h4>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-lg-3"><label>Date</label></div>
                <div class="col-lg-6"><label>Description</label></div>
            </div>

            <div class="form-group row" id="injurydiv">

            </div>
            <div class="form-group row">
                <div class="col-lg-4"><a href="javascript:void(0)" id="addinjury">+ Add an Operation/Serious Injury</a></div>
            </div>



            <div class="form-group row">
                <div class="col-lg-12">
                    <h4>Current Medications</h4>
                </div>
            </div>
            <div class="form-group row medicationdiv">
                <div class="col-lg-3"><label>Name of Medication</label></div>
                <div class="col-lg-3"><label>Dose</label></div>
                <div class="col-lg-3"><label>Frequency</label></div>
            </div>

            <div class="form-group row" id="medicationdiv">

            </div>
            <div class="form-group row">
                <div class="col-lg-4"><a href="javascript:void(0)" id="addmedication">+ Add a Current Medication</a></div>
            </div>


            <div class="form-group row">
                <div class="col-lg-12">
                    <h4>Physical Limitations</h4>
                </div>
            </div>

            <div class="form-group row" id="physicallimitationdiv">

            </div>
            <div class="form-group row">
                <div class="col-lg-4"><a href="javascript:void(0)" id="addphysicallimitation">+ Add a Physical Limitation</a></div>
            </div>


            <div class="form-group row">
                <div class="col-lg-12">
                    <h4>Dietary Limitation</h4>
                </div>
            </div>


            <div class="form-group row" id="dietarydiv"></div>
            <div class="form-group row">
                <div class="col-lg-4"><a href="javascript:void(0)" id="adddietary">+ Add a Dietary Limitation</a></div>
            </div>


            <div class="form-group row">
                <div class="col-lg-12">
                    <h4>Are there any activities you would prefer your child NOT to participate in?</h4>
                </div>
            </div>

            <div class="form-group row" id="acitivitydiv"></div>
            <div class="form-group row">
                <div class="col-lg-3"><a href="javascript:void(0)" id="addactivity">+ Add an Activity</a></div>
            </div>


            <div class="form-group row">
                <div class="col-lg-12">
                    <label>Please List Any Existing Medical Conditions,Medication And/Or Special Attention to Your Child May Require (Not Mentioned Above)</label>
                </div>
            </div>

            <div class="form-group row">
                <div class="col-lg-12"><textarea class="form-control" rows="10" name="existing_medical_conditions" maxlength="500"></textarea></div>
            </div>


            <div class="form-group row">
                <div class="col-lg-12">
                    <h4>Photo Permission</h4>
                </div>
            </div>

            <div class="form-group row">
                <div class="col-lg-10"><label for="photopermission" class="nomargin">I authorize the use of my child’s photograph in any school publication including but not limited to the school's<br />brochure, newsletters and websites</label></div>
                <div class="col-lg-2"><select name="photopermission" class="form-control" style="font-size:16px">
                        <option value="yes">Yes</option>
                        <option value="no">No</option>
                    </select></div>
            </div>


            <div class="form-group row">
                <div class="col-lg-12">
                    <h4>Additional Comments/Information </h4>
                </div>
            </div>

            <div class="form-group row">
                <div class="col-lg-12"><label for="additionalinformation" class="nomargin">Is there any additional information that our teachers and staff need to know about this child?</label></div>
                <div class="col-lg-12"><textarea name="additionalinformation" class="form-control" rows="10" maxlength="200"></textarea></div>
            </div>

            <div class="form-group">
                <a href="javascript:void(0)" class="next-form btn btn-success pull-right">Save and Continue</a>
            </div>
        </fieldset>
        <!-- ====================================== Form 2 for Parents Start ===========================================  -->
      <fieldset id="formstep2">
            <h2>Parent / Guardian Information</h2>
            <div id="parentguardindiv">
                <div>

                    <div class="form-group row">
                        <div class="col-lg-3"><label class="rightlabel">Prefix:</label></div>
                        <div class="col-lg-3">
                            <select name="status[]" id="status" class="form-control" style="width:100px">
                                <option value="">Select</option>
                                <option value="Mr.">Mr.</option>
                                <option value="Mrs.">Mrs.</option>
                                <option value="Ms.">Ms.</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-lg-3"><label class="rightlabel">Name*:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control require_fields parent_s_name" placeholder="Parent's Name" name="parent_name[]" maxlength="20"></div>
                    </div>

                    <div class="form-group row">
                        <div class="col-lg-3"><label class="rightlabel">Address*:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control require_fields" placeholder="Address" name="aaddress[]" maxlength="200"></div>
                        <div class="col-lg-3 addressright"><input type="text" class="form-control require_fields" placeholder="City" name="acity[]"></div>
                        <div class="col-lg-1 addressright"><input type="text" class="form-control require_fields state" placeholder="State" name="astate[]"></div>
                        <div class="col-lg-2 addressright"><input type="text" class="form-control require_fields zip " placeholder="Zipcode" name="azipcode[]"></div>
                    </div>

                    <div class="form-group row">
                        <div class="col-lg-3"><label class="rightlabel">Call This Parent:</label></div>
                        <div class="col-lg-3">
                            <select name="call_this_parent[]" id="call_this_parent" class="form-control" style="width:100px">
                                <option value="">Select</option>
                                <option value="First">First</option>
                                <option value="Second">Second</option>
                                <option value="Third">Third</option>
                                <option value="Fourth">Fourth</option>
                                <option value="Fifth">Fifth</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-lg-3"><label class="rightlabel">Home Phone*:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control require_fields phone_desh_pass" placeholder="XXX-XXX-XXXX" name="phomephone[]" maxlength="10"></div>
                    </div>
                    <div class="form-group row">
                        <div class="col-lg-3"><label class="rightlabel">Mobile Phone*:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control require_fields phone_desh_pass" placeholder="XXX-XXX-XXXX" name="mobilephone[]" maxlength="10"></div>
                    </div>
                    <div class="form-group row">
                        <div class="col-lg-3"><label class="rightlabel">Email Address*:</label></div>
                        <div class="col-lg-3"><input type="email" class="form-control require_fields txtEmail" placeholder="e.g. example@xyz.com" name="emailaddress[]" onkeyup="validateEmail(this);" maxlength="100"><span class="lblError" style="color: red"></span></div>
                    </div>
                    <div class="form-group row">
                        <div class="col-lg-3"><label class="rightlabel nomargin">Relationship to Child*:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control require_fields" placeholder="Relationship to Child" name="relationshiptochild[]" maxlength="20"></div>
                    </div>
                    <div class="form-group row">
                        <div class="col-lg-3"><label class="rightlabel">Employer's Name*:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control require_fields" placeholder="Employer's Name" name="employername[]" maxlength="20"></div>
                    </div>
                    <div class="form-group row">
                        <div class="col-lg-3"><label class="rightlabel">Work Address*:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control require_fields" id="workaddress" placeholder="Address" name="workaddress[]" maxlength="200"></div>
                        <div class="col-lg-3 addressright"><input type="text" class="form-control require_fields " id="workcity" placeholder="City" name="workcity[]"></div>
                        <div class="col-lg-1 addressright"><input type="text" class="form-control require_fields state " id="workstate" placeholder="State" name="workstate[]"></div>
                        <div class="col-lg-2 addressright"><input type="text" class="form-control require_fields zip " id="workzipcode" placeholder="Zipcode" name="workzipcode[]"></div>
                    </div>

                    <div class="form-group row">
                        <div class="col-lg-3"><label class="rightlabel">Work Phone*:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control require_fields phone_desh_pass" placeholder="XXX-XXX-XXXX" name="workphone[]" maxlength="10"></div>
                    </div>
                    <div class="form-group row">
                        <div class="col-lg-3"><label class="nomargin rightlabel">Driver's License No.*:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control require_fields" placeholder="Driver's License No." name="driverdl[]" maxlength="25"></div>
                        <div class="col-lg-2"><label class="nomargin rightlabel">State*:</label></div>
                        <div class="col-lg-1 addressright"><input type="text" class="form-control require_fields state" placeholder="State" name="state[]"></div>
                    </div>
                    <div class="form-group row">
                        <div class="col-lg-4"><label class="">Special instructions for reaching this adult:</label></div>
                        <div class="col-lg-8"><textarea class="form-control" placeholder="Special instructions for reaching this adult" name="spins[]" maxlength="200"></textarea></div>
                    </div>
                </div>
            </div>
            <div class="form-group row">
                <div class="center col-lg-12" style=""><button type="button" class="btn btn-primary" id="addparentguardindiv">Add Additional Parent/Guardian</button></div>
            </div>
            <div class="form-group">
                <a href="javascript:void(0)" class="next-form btn btn-success pull-right">Save and Continue</a>
                <a href="javascript:void(0)" class="previous-form btn btn-success pull-right" style="margin:0 5px;">Back</a>
            </div>
        </fieldset>
        <!-- ====================================== Form 2 for Parents End ============================================= -->

        <!-- ====================================== Form 3 for Emergency Contacts Start ============================================= -->
    <fieldset id="formstep3">
            <h2>Emergency Contacts - Please list 2 that are NOT Parents</h2>
            <div class="form-group row">
                <div class="col-lg-3"><label for="noothercontacts" class="rightlabel">No Emergency Contacts Available Other Than Parents:</label></div>
                <div class="col-lg-3"><input type="checkbox" class="form-checkbox-control" id="noothercontacts" value="noothercontacts" name="noothercontacts"></div>
            </div>
            <div id="emergencycontactdiv">
                <div>
                    <div class="form-group row">
                        <div class="col-lg-3"><label class="rightlabel">Full Name*:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control require_fields" placeholder="Full Name" name="emergencyname[]" maxlength="20"></div>
                    </div>
                    <div class="form-group row">
                        <div class="col-lg-3"><label class="nomargin rightlabel">Relationship to Child*:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control require_fields" placeholder="Relationship to Child" name="emergencyrelationshiptochild[]" maxlength="20"></div>
                    </div>
                    <div class="form-group row">
                        <div class="col-lg-3"><label class="rightlabel">Address*:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control require_fields" placeholder="Address" name="emergencyaaddress[]" maxlength="200"></div>
                        <div class="col-lg-3 addressright"><input type="text" class="form-control require_fields " placeholder="City" name="emergencyacity[]" maxlength="50"></div>
                        <div class="col-lg-1 addressright"><input type="text" class="form-control require_fields state " placeholder="State" name="emergencyastate[]"></div>
                        <div class="col-lg-2 addressright"><input type="text" class="form-control require_fields zip " placeholder="Zipcode" name="emergencyazipcode[]"></div>
                    </div>
                    <div class="form-group row">
                        <div class="col-lg-3"><label class="nomargin rightlabel">Primary Phone Number*:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control require_fields phone_desh_pass" placeholder="XXX-XXX-XXXX" name="emergencyprimaryphonenumber[]" maxlength="10"></div>
                    </div>
                    <div class="form-group row">
                        <div class="col-lg-3"><label class="nomargin rightlabel">Alternative Phone Number:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control phone_desh_pass" placeholder="XXX-XXX-XXXX" name="emergencyalternativephonenumber[]" maxlength="10"></div>
                    </div>
                </div>

                <div style="height:50px;" class="row"></div>
                <div>
                    <div class="form-group row">
                        <div class="col-lg-3"><label class="rightlabel">Full Name*:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control require_fields" placeholder="Full Name" name="emergencyname[]" maxlength="20"></div>
                    </div>
                    <div class="form-group row">
                        <div class="col-lg-3"><label class="nomargin rightlabel">Relationship to Child*:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control require_fields" placeholder="Relationship to Child" name="emergencyrelationshiptochild[]" maxlength="20"></div>
                    </div>
                    <div class="form-group row">
                        <div class="col-lg-3"><label class="rightlabel">Address*:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control require_fields" placeholder="Address" name="emergencyaaddress[]" maxlength="200"></div>
                        <div class="col-lg-3"><input type="text" class="form-control require_fields" placeholder="City" name="emergencyacity[]" maxlength="50"></div>
                        <div class="col-lg-1"><input type="text" class="form-control require_fields state" placeholder="State" name="emergencyastate[]"></div>
                        <div class="col-lg-2"><input type="text" class="form-control require_fields zip" placeholder="Zipcode" name="emergencyazipcode[]"></div>
                    </div>
                    <div class="form-group row">
                        <div class="col-lg-3"><label class="nomargin rightlabel">Primary Phone Number*:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control require_fields phone_desh_pass" placeholder="XXX-XXX-XXXX" name="emergencyprimaryphonenumber[]" maxlength="10"></div>
                    </div>
                    <div class="form-group row">
                        <div class="col-lg-3"><label class="nomargin rightlabel">Alternative Phone Number:</label></div>
                        <div class="col-lg-3"><input type="text" class="form-control phone_desh_pass" placeholder="XXX-XXX-XXXX" name="emergencyalternativephonenumber[]" maxlength="10"></div>
                    </div>
                </div>

                <div style="height:50px;" class="row"></div>
            </div>


            <h2>Child Pickup Authorization</h2>
            <div class="form-group row" id="authorisedpersons">
                <div class="col-md-12 nopadding">
                    <div class="col-lg-3"><label for="authorisedperson">Authorized Person's Name*:</label></div>
                    <div class="col-lg-3">
                        <label for="authorisedperson">Relationship to Child:</label>
                    </div>
                </div>
                <div class="col-md-12 nopadding">
                    <div class="col-lg-3"><input type="text" class="form-control require_fields" placeholder="Authorized Person's Name" name="authorisedperson[]" maxlength="50"></div>
                    <div class="col-lg-3">
                        <select name="aprelationship[]" class="form-control drop">
                            <option value="Mother">Mother</option>
                            <option value="Father">Father</option>
                            <option value="Sister">Sister</option>
                            <option value="Stepmother">Stepmother</option>
                            <option value="Stepfather">Stepfather</option>
                            <option value="Brother">Brother</option>
                            <option value="Legal guardian">Legal Guardian</option>
                            <option value="Grandmother">Grandmother</option>
                            <option value="Grandfather">Grandfather</option>
                            <option value="Uncle">Uncle</option>
                            <option value="Aunt">Aunt</option>
                            <option value="Cousin">Cousin</option>
                            <option value="Other">Other</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="form-group row">
                <div class="center col-lg-12" style=""><button type="button" class="btn btn-primary" id="addadditionalauthorisedcontact">Add Another Authorized Pickup</button></div>
            </div>

            <h2>NOT Authorized For Pickup</h2>
            <div class="form-group row" id="notauthorisedpersons">
                <div class="col-md-12 nopadding">
                    <div class="col-lg-3"><label for="notauthorisedperson">NOT Authorized For Pickup:</label></div>
                    <div class="col-lg-3">
                        <label for="notauthorisedperson">Upload Court Documentation (if applicable):</label>
                        <div class="rightlabel file-format-note"><i>Only pdf, doc and docx file formats are allowed.</i></div>
                    </div>
                </div>
                <div class="col-md-12 nopadding">
                    <div class="col-lg-3"><input type="text" class="form-control" placeholder="Not Authorized Person's Name" name="notauthorisedperson[]" maxlength="50"></div>
                    <div class="col-lg-3"><input type="file" class="form-control document-form" id="notauthorisedpersonreason" name="notauthorisedpersonreason[]" multiple="multiple" onchange="return fileValidation('notauthorisedpersonreason')"></div>
                </div>
            </div>
            <div class="form-group row">
                <div class="center col-lg-12" style=""><button type="button" class="btn btn-primary" id="addadditionalnotauthorisedcontact">Add Another Unauthorized Pickup</button></div>
            </div>

            <div class="form-group">
                <button type="button" class="btn btn-success pull-right next-form">Done</button>
                <a href="javascript:void(0)" class="previous-form btn btn-success pull-right" style="margin:0 5px;">Back</a>&nbsp;&nbsp;
            </div>
        </fieldset>
   <!-- ====================================== Form 3 for Emergency Contacts Start ============================================= -->
                    <fieldset id="formstep4">
                <div class="form-group">
                    <h1>Congratulations!</h1>
                    <h3>Your Information Has Been Received</h3>
                    <p>To finish your application, you must sign some forms with your finger on a phone or tablet.<br>Please enter an email address that you can open on your phone. <br><br><input type="email" required="required" class="require_fields" name="confirmation_email">&nbsp;<button type="submit" value="addchild" onclick="return formsubmit();" name="submitform" id="submitform" class="btn btn-success next-form">Submit</button></p>
                </div>
            </fieldset>
            </form>
</div>


<!--- POPUP -->
<div id="signonmodal" class="modal fade" role="dialog" data-keyboard="false">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-body">
                <!-- Step 1 -->
                <div id="step1" class="popup_content">
                    <div>
                        <p> Have you previously registered a child with this childcare or already started an application?</p>
                    </div>
                    <div class="text_align_right ">
                        <button type="button" class="btn btn-info" onclick="signon_step('1a')">Yes</button>
                        <button type="button" class="btn btn-danger" data-dismiss="modal">No</button>
                    </div>
                </div>
                <!-- Step 1A -->
                <div id="step1a" class="popup_content">
                    <div>
                        <p>To save time would you like to prefill this application using information from your other child?</p>
                    </div>
                    <div class="text_align_right ">
                        <button type="button" class="btn btn-info" onclick="signon_step('2')">Yes</button>
                        <button type="button" class="btn btn-danger" data-dismiss="modal">No</button>
                    </div>
                </div>
                <!-- Step 2 -->
                <div id="step2" class="popup_content" style="display:none">
                    <div>
                        <p>Please provide the 10 DIGIT PRIMARY PHONE NUMBER on the account:</p>
                        <div class="text_align_center"><input type="text" id="pop_text_number" name="pop_text_number" class="phone_desh_pass" placeholder="000-000-0000" maxlength="10"></div>
                        <div class="text_align_center"><input type="text" id="pop_text_SSN" name="pop_text_SSN" placeholder="Last 4 of SSN of Registered Child" maxlength="4"></div>
                    </div>
                    <div class="text_align_right ">
                        <button type="button" class="btn btn-info" onclick="signon_step('2a3')">Submit</button>
                    </div>
                </div>
                <!-- Step 2a -->
                <div id="step2a" class="popup_content">
                    <div>
                        <p>No match was found.</p>
                    </div>
                    <div class="text_align_right ">
                        <button type="button" class="btn btn-info" onclick="signon_step('2')">Try Again</button>

                    </div>
                </div>
                <!-- Step 3 -->
                <div id="step3" class="popup_content">
                    <div>
                        <p>Select a child's information to use</p>
                        <div id="chlid_list">
                            <input type="radio">&nbsp;Ankit Chauhan
                        </div>
                    </div>
                    <div class="text_align_right ">
                        <button type="button" class="btn btn-info" onclick="signon_step('4')">Yes</button>
                    </div>
                </div>
                <!-- Step 4 -->
                <div id="step4" class="popup_content">
                    <div>
                        <p>The following information will be copied but still editable:</p>
                        <div>
                            <p>Last Name</p>
                            <p>Primary Address</p>
                            <p>Primary Phone</p>
                            <p>Home Phone</p>
                            <p>Family Members</p>
                            <p>Scheduled Attendance</p>
                            <p>Child's Primary Doctor Information</p>
                            <p>Child's Primary Dentist Information</p>
                            <p>Parent/Guardian Information</p>
                            <p>Emergency Contact Information</p>
                        </div>
                    </div>
                    <div class="text_align_right ">
                        <button type="button" class="btn btn-info" data-dismiss="modal">Ok</button>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<script type="text/javascript" src="https://daycarewebsitedesign.net/happy/wp-content/plugins/WP-Sign-Time/js/main20.js?ver=912226"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#signonmodal').modal('show');
        $("#dentist_details_na").change(function() {
            if (this.checked) {
                $(".dentist_details_wrapper :input").removeClass('require_fields');
                $(".dentist_details_wrapper").hide();
            } else {
                $(".dentist_details_wrapper :input").addClass('require_fields');
                $(".dentist_details_wrapper").show();
            }
        });
        $("#noothercontacts").change(function() {
            if (this.checked) {
                $("#emergencycontactdiv :input.form-control").removeClass('require_fields');
                $("#emergencycontactdiv").hide();
            } else {
                $("#emergencycontactdiv :input.form-control").addClass('require_fields');
                $("#emergencycontactdiv").show();
            }
        });


    });
</script>
<!--- POPUP -->

<style type="text/css">
    select[name='relationship[]'] {
        margin: 0 auto;
        width: 100% !important;
    }

    #signonmodal .popup_content {
        display: none;
    }

    #signonmodal #step1 {
        display: block;
    }

    #signonmodal {
        text-align: center;
        padding: 0 !important;
    }

    .text_align_right {
        text-align: right;
    }

    .text_align_center {
        text-align: center;
        margin-top: 10px;
    }

    #signonmodal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    #signonmodal .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    #childInformation fieldset:not(:first-of-type) {
        display: none;
    }

    .redborder {
        border: 3px solid #d54e21 !important;
    }

    #childInformation label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 7px;
        font-weight: 700;
        margin-top: 0;

    }

    .col-centered {
        float: none;
        margin: 0 auto;
        display: table !important;
    }

    #childInformation .rightlabel {
        text-align: right;
        width: 100%;
    }

    input#cpzipcode,
    select#status,
    input.form-control.zip {
        width: 60%;
    }

    .nopadding {
        padding: 0 !important;
        margin: 0 !important;
    }

    .nomargin {
        margin-top: -3px !important;
    }

    select.form-control.drop {
        width: -11px;
        width: 93px;
    }

    .col-lg-3.allergy {
        margin-left: 18px;
    }

    .col-lg-3.re {
        margin-left: 48px;
    }

    .col-lg-3.sev {
        margin-left: 0;
    }

    form#childInformation {
        margin-top: 25px;
    }

    .health_history .col-lg-1 {
        width: 20%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
    }

    .health_history .col-lg-2 {
        width: 30%;
    }


    .health_history .col-lg-3 input[type='text'] {
        max-width: 100% !important;
        width: 100% !important;
    }

    .Immunized {
        width: 50%;
    }

    input#convulsionsnotes,
    input#heartdiseasenotes,
    input#diabetesnotes,
    input#ashtmanotes,
    .form-group input.form-control {
        max-width: 100%;
    }

    .col-lg-1.remove_2_center {
        display: block;
        padding: 7.5px;
    }

    .nomargin_col_5 {
        display: block;
        padding: 7.5px;
    }

    .severty a.remove_1 {
        padding: 10px;
        display: inline-block;
    }

    input.form-control.input {
        width: 73%;
        display: inline-block;
    }

    .remove_3_lg_3 {
        white-space: nowrap;
    }

    .fullyimmunized-lg-1 {
        display: block;
        margin-top: -9px;
    }

    #authorisedpersons .col-md-12,
    #notauthorisedpersons .col-md-12 {
        margin-bottom: 15px !important;
    }


    .document-wrapper a {
        color: #000;
    }

    .document-wrapper {
        margin-top: 10px;
    }

    .document-wrapper button {
        float: right;
    }

    .document-form {
        border: none;
        box-shadow: none;
        margin-top: 6px;
    }

    .file-format-note i {
        font-size: 13px;
    }

    @media screen and (max-width: 1200px) and (min-width: 967px) {

        #childInformation .col-lg-3,
        #childInformation .col-lg-2,
        #childInformation .col-lg-6 {
            width: 25%;
            float: left;
        }

        .weedays .col-lg-2,
        .weedayshead .col-lg-2 {
            width: 20% !important;
        }

        .weedays .col-lg-3,
        .weedayshead .col-lg-3 {
            width: 40% !important;
        }

        .Allergies .col-lg-4,
        #allergiesdiv .col-lg-4 {
            width: 33% !important;
            float: left;
        }

        .Allergies .allergy,
        .Allergies .re,
        .Allergies .sev {
            text-align: center;
        }

        a.remove_1 {
            float: right;
        }

        .health_history .col-lg-2 {
            width: 30% !important;
        }

        .health_history .col-lg-3 {
            width: 50% !important;
        }

        .medicationdiv .col-lg-3,
        #medicationdiv .col-lg-3 {
            width: 25% !important;
        }

        .addressright .state {
            width: 50px !important;
        }

        .addressright .zip {
            width: 100px !important;
        }

        .addressright {
            width: 16% !important;
            float: left;
        }

        #familymembers .col-lg-2 {
            width: 50%;
        }
    }

    @media screen and (max-width: 967px) and (min-width: 767px) {

        #childInformation .col-lg-3,
        #childInformation .col-lg-2,
        #childInformation .col-lg-6,
        #childInformation .col-lg-1,
        #childInformation .col-lg-5,
        #childInformation .col-lg-4 {
            width: 50%;
            float: left;
        }

        .addressright {
            float: right !important;
            clear: both;
        }

        .addressright .state {
            width: 50px !important;
        }

        .addressright .zip {
            width: 150px !important;
        }

        .weedays .col-lg-2,
        .weedayshead .col-lg-2 {
            width: 20% !important;
        }

        .weedays .col-lg-3,
        .weedayshead .col-lg-3 {
            width: 40% !important;
        }

        .Allergies .allergy,
        .Allergies .re,
        .Allergies .sev {
            text-align: center;
        }

        .Allergies .col-lg-4,
        #allergiesdiv .col-lg-4 {
            width: 33% !important;
        }

        .health_history .col-lg-2 {
            width: 30% !important;
        }

        .health_history .col-lg-3 {
            width: 50% !important;
        }

        .medicationdiv .col-lg-3,
        #medicationdiv .col-lg-3 {
            width: 33% !important;
        }

        .Immunized {
            margin-top: -10px !important;
        }
    }

    @media (max-width:766px) {
        #childInformation .rightlabel {
            text-align: left;
        }

        .health_history .col-lg-1 {
            width: 100%;
        }
    }
</style>{"id":4520,"date":"2018-01-19T19:06:04","date_gmt":"2018-01-20T02:06:04","guid":{"rendered":"http:\/\/www.arvadapreschool.com\/?page_id=4520"},"modified":"2020-08-06T23:48:37","modified_gmt":"2020-08-07T05:48:37","slug":"enter-family-information","status":"publish","type":"page","link":"https:\/\/daycarewebsitedesign.net\/happy\/enter-family-information\/","title":{"rendered":"Enter Family Information"},"content":{"rendered":"\n<!--themify_builder_content-->\n<div id=\"themify_builder_content-4520\" data-postid=\"4520\" class=\"themify_builder_content themify_builder_content-4520 themify_builder tf_clear\">\n    <\/div>\n<!--\/themify_builder_content-->\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":64,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-4520","page","type-page","status-publish","hentry","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author",""],"acf":[],"_links":{"self":[{"href":"https:\/\/daycarewebsitedesign.net\/happy\/wp-json\/wp\/v2\/pages\/4520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/daycarewebsitedesign.net\/happy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/daycarewebsitedesign.net\/happy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/daycarewebsitedesign.net\/happy\/wp-json\/wp\/v2\/users\/64"}],"replies":[{"embeddable":true,"href":"https:\/\/daycarewebsitedesign.net\/happy\/wp-json\/wp\/v2\/comments?post=4520"}],"version-history":[{"count":2,"href":"https:\/\/daycarewebsitedesign.net\/happy\/wp-json\/wp\/v2\/pages\/4520\/revisions"}],"predecessor-version":[{"id":4522,"href":"https:\/\/daycarewebsitedesign.net\/happy\/wp-json\/wp\/v2\/pages\/4520\/revisions\/4522"}],"wp:attachment":[{"href":"https:\/\/daycarewebsitedesign.net\/happy\/wp-json\/wp\/v2\/media?parent=4520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}