2VfchD - Online PHP Interpreter & Debugging Tool

<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ระบบการขอใช้รถ</title>
<link href="https://c...content-available-to-author-only...r.net/npm/fullcalendar@6.1.8/index.global.min.css" rel="stylesheet">
<script src="https://c...content-available-to-author-only...r.net/npm/fullcalendar@6.1.8/index.global.min.js"></script>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
background-color: #f9f9f9;
position: relative;
}
h1, h2 {
color: #2c3e50;
}
form {
margin-bottom: 20px;
padding: 15px;
border: 1px solid #bdc3c7;
border-radius: 5px;
max-width: 600px;
background-color: white;
position: relative;
z-index: 2;
}
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
input, select, button {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #bdc3c7;
border-radius: 4px;
font-size: 14px;
}
button {
background-color: #27ae60;
color: white;
border: none;
cursor: pointer;
}
button:hover {
background-color: #2ecc71;
}
#calendar {
margin-top: 20px;
z-index: 2;
background-color: white;
border: 1px solid #bdc3c7;
border-radius: 5px;
padding: 10px;
}
#message {
font-weight: bold;
margin-top: 10px;
}
/* ลายน้า */
body::before {
content: "แผนกหม้อปั่น-บรรจุ";
font-size: 50px;
color: rgba(0, 0, 0, 0.1);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
z-index: 1;
pointer-events: none;
}
/* Responsive Design */
@media (max-width: 768px) {
form {
padding: 10px;
max-width: 100%;
}
input, select, button {
font-size: 12px;
}
#calendar {
padding: 5px;
}
}
</style>
</head>
<body>
<h1>ระบบการขอใช้รถ</h1>
<!-- ฟอร์มจองรถ -->
<h2>จองรถ</h2>
<form id="bookingForm">
<label for="employee_name">ชื่อผู้ขอ:</label>
<input type="text" id="employee_name" name="employee_name" required>
<label for="department">แผนก:</label>
<input type="text" id="department" name="department" value="หม้อปั่น-บรรจุ" readonly>
<label for="phone">เบอร์โทร:</label>
<input type="text" id="phone" name="phone" required pattern="^0[689]\d{8}$" title="กรุณากรอกเบอร์โทร 10 หลัก">
<label for="vehicle_type">ประเภทของรถ:</label>
<select id="vehicle_type" name="vehicle_type">
<option value="forklift">รถโฟล์คลิฟท์</option>
<option value="electric_tricycle">รถสามล้อไฟฟ้า</option>
</select>