Bot_telegram / webapp /index.html
nssuwan186's picture
Initial upload of Hotel OS Bot project
cf064e5 verified
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hotel OS</title>
<link rel="stylesheet" href="style.css">
<script src="https://telegram.org/js/telegram-web-app.js"></script>
</head>
<body>
<h1>🏨 Hotel OS</h1>
<section>
<h2>📄 ส่งสลิปชำระเงิน</h2>
<form id="slip-form">
<label>Booking ID: <input type="text" name="booking_id" required /></label>
<label>Reference: <input type="text" name="reference" /></label>
<label>รูปสลิป: <input type="file" accept="image/*" name="slip_image" required /></label>
<button type="submit">ส่งสลิป</button>
</form>
</section>
<hr>
<section>
<h2>💰 บันทึกค่าใช้จ่าย</h2>
<form id="expense-form">
<label>จำนวนเงิน: <input type="number" step="0.01" name="amount" required /></label>
<label>หมวดหมู่: <input type="text" name="category" placeholder="เช่น ทำความสะอาด" /></label>
<label>หมายเหตุ: <input type="text" name="note" /></label>
<button type="submit">บันทึก</button>
</form>
</section>
<script src="app.js"></script>
</body>
</html>