CV

<!DOCTYPE HTML>
<html>
<head>
    <title>CV Generator</title>
</head>
<body>
<script>
    var nextId = 0;
    function addLan() {
        nextId++;
        var nextLang = document.createElement("div");
        nextLang.setAttribute('id', 'inputLan');
        nextLang.innerHTML =
            "<input type=\"text\" name=\"progLan[]\" />" +
            "<select name=\"level\">" +
                "<option value=\"beginer\">Beginer</option>" +
                "<option value=\"senior\">Senior</option>" +
                "<option value=\"ninja\">Ninja</option>" +
            "</select>" +
            "<a href=\"javascript:removeLan(" + nextId + ")\">Remove language</a>";

        document.getElementById('parent').appendChild(nextLang);
    }
    function removeLan(id) {
        var inputLan = document.getElementById('inputLan');

        document.getElementById('parent').removeChild(inputLan);
    }
</script>

<fieldset style="width: 450px"><legend>Personal Information</legend>
    <br />
<form action="05_CVGenerator.php" method="post">
    <input type="text" name="fName" placeholder="First Name" />
    <br />
    <input type="text" name="lName" placeholder="Last Name" />
    <br />
    <input type="email" name="email" placeholder="Email" />
    <br />
    <input type="text" name="phone" placeholder="Phone Number" />
    <br />
    <label>Female</label>
    <input type="radio" name="gender" value="female" />
    <label>Male :</label>
    <input type="radio" name="gender" value="male" />
    <br />
    <label>Birth Date</label>
    <br />
    <input type="date" name="date"/>
    <br />
    <label>Nationality</label>
    <br />
    <select name="nati">
        <option value="Bulgarian">Bulgarian</option>
        <option value="Alien">Alien</option>
        <option value="Russian">Russian</option>
    </select>
    <br />
</fieldset>
<fieldset style="width: 450px"><legend>Last Work Position</legend>
    <br />
        <label>Company Name</label>
        <input type="text" name="cName" />
        <br />
        <label>From</label>
        <input type="date" name="fromD" />
        <br />
        <label>To</label>
        <input type="date"  name="toD"/>
        <br />
</fieldset>
<fieldset style="width: 450px"><legend>Computer Skills</legend>
    <label>Programmer languages</label>
    <div id="parent">
        <div id="inputLan">
            <input type="text" name="progLan[]" />
            <select name="level">
                <option value="beginer">Beginer</option>
                <option value="senior">Senior</option>
                <option value="ninja">Ninja</option>
            </select>
        </div>
    </div>
    <br />
    <a href="javascript:addLan()">Add language</a>
</fieldset>
    <input type="submit" value="GenerateCV" />
</form>


<table border="1">
<?php
if (isset($_POST['fName'])) {
    ?>
    <h1>CV</h1>
    <?php
    $fname = htmlentities($_POST['fName']);
    $lname = htmlentities($_POST['lName']);
    $email = htmlentities($_POST['email']);
    $phone = htmlentities($_POST['phone']);
    $sex = htmlentities($_POST['gender']);
    $birDate = $_POST['date'];
    $nationality = $_POST['nati'];
    $company = htmlentities($_POST['cName']);
    $frDate = $_POST['fromD'];
    $toDate = $_POST['toD'];
    $progLangu = $_POST['progLan'];
    $level = $_POST['level'];

    $personData = array("First Name" => $fname, "Last Name" => $lname, "Email" => $email , "Phone Number" => $phone ,
    "Gender" => $sex, "Birth Date" => $birDate, "Nationality" => $nationality);
    $companyData = array("Company Name" => $company, "From" => $frDate, "To" => $toDate);
    $compLan = array($progLangu);

    ?>
    <tr><td colspan="2"><strong>Personal Information</strong></td></tr>
    <?php
    foreach ($personData as $key => $value) {
        ?>
        <tr><td><?php echo "$key"; ?></td><td><?php echo "$value"; ?></td></tr>
        <?php
    }
    ?>
    <br />
    <tr><td colspan="2"><strong>Last Work Position</strong></td></tr>
    <?php
    foreach ($companyData as $key => $value) {
        ?>
        <tr><td><?php echo "$key"; ?></td><td><?php echo "$value"; ?></td></tr>
        <?php
    }
    ?>
    <br />
    <tr><td colspan="4"><strong>Computer Skills</strong></td></tr>
    <tr><td rowspan="2">Programming Languages</td><td>Language</td><td>Skill Level</td></tr>
    <?php
    foreach ($_POST['progLan'] as $value) {
        ?>
        <td><?php echo "$value"; ?></td>
        <?php
    }
    if (isset($_POST['progLan'])) {
        var_dump($_POST['progLan'][0]);
        var_dump($_POST['progLan'][1]);
        var_dump($_POST['progLan'][2]);
    }

}
?>
</table>
</body>
</html>