Kuis_PWeb

<!DOCTYPE html>
<html>
<head>
	<title>Konfirmasi Pembayaran</title>
	<style>.error {color: #FF0000;} </style>
	<link rel="stylesheet" type="text/css" href="bootstrap/dist/css/bootstrap.min.css">
</head>
<body>
	<?php
		// mendeklarasikan variabel dan mengatur nilai kosong
		$nameErr = $emailErr = $genderErr = $nocardErr = "";
		$title = $name = $email = $gender = $payment = $month = $year = $nocard = "";
		$error = false;

		if ($_SERVER["REQUEST_METHOD"] == "POST") {
 		if (empty($_POST["nocard"])) {
    		$error = true;
    		$nocardErr = "Nomor Kartu is required";
  		} else {
    		$nocard = test_input($_POST["nocard"]);
    		// mengecek jika nomor kartu hanya berisi angka
    		if (!preg_match("/^[-0-9]*$/",$nocard)) {
      			$error = true;
      			$nocardErr = "Only number allowed";
    		}
  		}

  		if (empty($_POST["name"])) {
    		$error = true;
    		$nameErr = "Name is required";
  		} else {
    		$name = test_input($_POST["name"]);
    		// mengecek jika nama hanya berisi huruf dan spasi
    		if (!preg_match("/^[a-zA-Z ]*$/",$name)) {
      			$error = true;
      			$nameErr = "Only letters and white space allowed";
    		}
  		}

 		if (empty($_POST["email"])) {
    		$error = true;
    		$emailErr = "Email is required";
  		} else {
    		$email = test_input($_POST["email"]);
    		// mengecek jika email sesuai format
    		if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
      			$error = true;
      			$emailErr = "Invalid email format";
    		}
  		}

  		if (empty($_POST["gender"])) {
    		$error = true;
    		$genderErr = "Gender is required";
  		} else {
      		$gender = test_input($_POST["gender"]);
    		}
  		}

  		if(!$error) {
 			if(isset($_POST['submit'])) {
    			$servername = "localhost";
    			$username = "root";
    			$password = "";
    			$dbname = "kuis_pweb_54414136";

    			// buka koneksi
    			$conn = new mysqli($servername, $username, $password, $dbname);

    			// cek koneksi
    			if ($conn->connect_error) {
    				die("Connection failed: " . $conn->connect_error);
    			}

    			// buat query mysql
    			$query = "INSERT INTO customer (title, name, email, gender, payment, month, year, nocard)
    			VALUES ('".$_POST["title"]."', '".$_POST["name"]."', '".$_POST["email"]."', '".$_POST["gender"]."', '".$_POST["payment"]."', '".$_POST["month"]."', '".$_POST["year"]."', '".$_POST["nocard"]."');";
    			// jalankan query
    			if(mysqli_query($conn, $query)) {
      				echo "<script type='text/javascript'>alert('Pembayaran Berhasil!');</script>";
    			}
    			$conn->close(); // tutup koneksi
    		}
  		}else {
  			echo "<script type='text/javascript'>alert('Pembayaran Gagal! Cek Kembali Datanya.');</script>";
  		}

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

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<div class="col-md-8 col-md-offset-2">
		<h2>Konfirmasi Pembayaran</h2>
		<p><span class="error">* required field.</span></p>

		<form class="form-group" method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
   			Title:
   			<select name="title">
    		<option value="Mr.">Mr.</option>
    		<option value="Mrs.">Mrs.</option>
    		<option value="Ms.">Ms.</option>
    		</select>
    		<span class="error">*</span>

  			<br><br>

  			Name:
  			<input type="text" name="name" maxlength="50" value="<?php echo $name;?>" placeholder="Your Name">
  			<span class="error">* <?php echo $nameErr;?></span>

  			<br><br>

  			E-mail:
  			<input type="text" name="email" maxlength="50" value="<?php echo $email;?>" placeholder="Your Email Address">
  			<span class="error">* <?php echo $emailErr;?></span>

  			<br><br>

  			Gender:
  			<input type="radio" name="gender" <?php if (isset($gender) && $gender=="female") echo "checked";?> value="female">Female
  			<input type="radio" name="gender" <?php if (isset($gender) && $gender=="male") echo "checked";?> value="male">Male
  			<span class="error">* <?php echo $genderErr;?></span>

  			<br><br>

  			Pembayaran:
  			<select name="payment">
          	<option value="Credit Card">Kartu Kredit</option>
          	<option value="Debit Card">Kartu Debit</option>
          	</select>
          	<span class="error">*</span>

  			<br><br>

  			Exp Date:
  			<select name="month">
    		<option value="01">Januari</option>
    		<option value="02">Februari</option>
    		<option value="03">Maret</option>
    		<option value="04">April</option>
    		<option value="05">Mei</option>
    		<option value="06">Juni</option>
   			<option value="07">Juli</option>
    		<option value="08">Agustus</option>
    		<option value="09">September</option>
    		<option value="10">Oktober</option>
    		<option value="11">November</option>
    		<option value="12">Desember</option>
    		</select>
    		<select name="year">
    		<option value="18">18</option>
    		<option value="19">19</option>
    		<option value="20">20</option>
    		<option value="21">21</option>
    		<option value="22">22</option>
    		</select>
    		<span class="error">*</span>

  			<br><br>

  			No. Kartu: <input type="text" class="creditCardText" name="nocard" maxlength="19" value="<?php echo $nocard;?>">
  			<span class="error">* <?php echo $nocardErr;?></span>

  			<br><br>

  			<input class="btn btn-success" type="submit" name="submit" value="Submit">

  			<!-- membuat fungsi menambahkan - (dash) ketika memasukkan nomor kartu -->
  			<script type="text/javascript">
    		$('.creditCardText').keyup(function() {
      		var foo = $(this).val().split("-").join(""); // remove hyphens
      		if (foo.length > 0) {
      			foo = foo.match(new RegExp('.{1,4}', 'g')).join("-");
      		}
      		$(this).val(foo);
      		});
  			</script>
		</form>
	</div>
</body>
</html>