<?php
/**
 * Created by PhpStorm.
 * User: wilder18
 * Date: 17/03/19
 * Time: 16:13
 */

// define variables and set to empty values
$nameErr = $emailErr = $telErr = $commentErr = $subjectErr = "";
$name = $email = $tel = $comment = $subject = "";
$errors= 0;

if ($_SERVER["REQUEST_METHOD"] == "POST") {
  if (empty($_POST["name"])) {
    $nameErr = "Name is required";
    $errors+= 1;

  } else {
    $name = test_input($_POST["name"]);
    // check if name only contains letters and whitespace
    if (!preg_match("/^[a-zA-Z ]*$/",$name)) {
      $nameErr = "Only letters and white space allowed";
    }
  }

  if (empty($_POST["email"])) {
    $emailErr = "Email is required";
    $errors+= 1;

  } else {
    $email = test_input($_POST["email"]);
    // check if e-mail address is well-formed
    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
      $emailErr = "Invalid email format";
    }
  }

  if (empty($_POST["tel"])) {
        $telErr = "Telephone number is required";
        $errors+= 1;

  } else {
        $tel = test_input($_POST["tel"]);
  }

  if (empty($_POST["comment"])) {
    $commentErr = "Comment is required";
    $errors+= 1;

  } else {
    $comment = test_input($_POST["comment"]);
  }

  if (empty($_POST["subject"])) {
    $subjectErr = "Subject is required";
    $errors+= 1;

  } else {
    $subject = test_input($_POST["subject"]);
  }
    if ($errors ==0){
        echo "<h2> Message bien envoyé !</h2>";
    }
}

function test_input($data) {
  $data = trim($data);
  $data = stripslashes($data);
  $data = htmlspecialchars($data);
  return $data;
}
?>

<style>
    .error {color: #FF0000;}
</style>

<form  action=""  method="post">
    <div>
        <label  for="nom">Nom :</label>
        <input  type="text"  id="nom"  name="name">
        <span class="error">* <?= $nameErr;?></span>
    </div>

    <div>
        <label  for="courriel">Courriel :</label>
        <input  type="email"  id="courriel"  name="email">
        <span class="error">* <?= $emailErr;?></span>
    </div>

    <div>
        <label for="telephone">Telephone: </label>
        <input type="tel" id="telephone" name="tel">
        <span class="error">* <?= $telErr;?></span>
    </div>

    <div>
        <label for="subject_form"> Sujet: </label>
        <select id="subject_form" name="subject">
            <option value="subject1">subject1</option>
            <option value="subject2">subject2</option>
            <option value="subject3">subject3</option>
            <option value="subject4">subject4</option>
        </select>
        <span class="error">* <?= $subjectErr;?></span>
    </div>

    <div>
        <label  for="comment">Message :</label>
        <textarea  id="comment"  name="comment"></textarea>
        <span class="error">* <?= $commentErr;?></span>
    </div>

    <div  class="button">
        <button  type="submit">Envoyer votre message</button>
    </div>
</form>