<!-- Project built for Project Administrator position. This is a form/app idea for technicians to use in the field for setting ETAs, checking into site, sending updates onsite, checking out of site, ordering parts, or sending in closing notes. 
 -->

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link href="https://fonts.googleapis.com/css?family=Roboto|Merriweather" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="tech.css">
</head>
<body>
<h3>Technician Form</h3>
<div class="form">
	<form action="\action_page.php" target="_self" method="POST">
	<div>Name:
	<input type="text" name="name" required></div><br>
	<div>SR/IM:
	<input type="text" name="incident" required></div><br>

	<div>
		<label>Update Type:</label>
		<select name="update" required>
			<option value="ETA">Setting ETA</option>
			<option value="Check-in">Check-in</option>
			<option value="Check-out">Check-out</option>
			<option value="Part Update">Part Update</option>
			<option value="Closing">Closing</option>
		</select>
	</div><br>

	<div>
		<label>For ETA:</label>
		<input type="datetime-local" name="etatime">
	</div>
	<br>

	<div>
		<label>For Parts:</label><br>
		<textarea name="message" rows="10" cols="30"></textarea>
	</div>
	<br>

	<div>
    <label id="checkio"><b>For Check In/Out:</b></label>
		<div>Check In:
		<input type="time" name="in"></div>
		<br>
		<div>Check Out:
		<input type="time" name="out"></div>
		<br>
		<div>Update: <br>
		<textarea name="message" rows="10" cols="30"></textarea></div>
	</div>
	<br><br>

	<input type="submit" name="submit">
</form>
</div>

</body>
</html>
body {
  max-width: 500px;
  margin: auto;
}

.form {
	font-family: Roboto;
	margin-right: 1px;
}

#checkio {
	text-transform: uppercase;
}

h3 {
  font-family: Merriweather;
  font-size: 2.0em;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.