<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>เพิ่มประวัติการรักษา</title>
    <link rel="stylesheet" href="/css/treatmenthistory.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
</head>
<body>
    <div class="sidebar">
        <img alt="Smile Clinic Logo" src="/images/logo.png"/>
        <h2>Smile Clinic</h2>
        <ul class="menu">
            <li><i class="fas fa-calendar-alt"></i> ตารางทำงาน</li>
            <li><i class="fas fa-calendar-check"></i> นัดหมาย</li>
            <li class="active"><i class="fas fa-file-medical"></i> การรักษา</li>
        </ul>
    </div>

    <div class="content">
        <h1>เพิ่มประวัติการรักษา</h1>
        <form action="/dentist/addtreatmenthis" method="POST">
            <!-- hidden field for queuedetail_id -->
            <input type="hidden" name="queuedetail_id" value="<%= queuedetail_id %>"> 

            <!-- ดึงข้อมูลจาก queuedetail -->
            <label for="treatment_date">วันที่การรักษา:</label>
            <input type="text" id="treatment_date" name="treatment_date" value="<%= treatment_date %>" readonly><br><br>

            <label for="patient_name">ชื่อผู้ป่วย:</label>
            <input type="text" id="patient_name" name="patient_name" value="<%= patient_name %>" readonly><br><br>

            <label for="treatment_name">ประเภทการรักษา:</label>
            <input type="text" id="treatment_name" name="treatment_name" value="<%= treatment_name %>" readonly><br><br>

            <!-- ข้อมูลที่ผู้ใช้กรอก -->
            <label for="dentist_name">ชื่อแพทย์:</label>
            <input type="text" id="dentist_name" name="dentist_name" required><br><br>

            <label for="tm_details">รายละเอียดการรักษา:</label>
            <textarea id="tm_details" name="tm_details" required></textarea><br><br>

            <label for="followUpdate">นัดหมายครั้งถัดไป:</label>
            <input type="date" id="followUpdate" name="followUpdate"><br><br>

            <button type="button" class="btn btn-danger">ยกเลิก</button>
            <button type="submit" class="btn btn-success">ยืนยัน</button>
        </form>
    </div>
</body>
</html>
