Liontix
/
Scheduler-Backend


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Attending Appointment</title>
    <link rel="stylesheet" href="../stylesheets/schedule.css">
    <script src="../javascripts/schedule.js" async></script>
</head>
<body>
<div class="container">
    <h1>Attending an appointment</h1>
    <h3 id="title"></h3>
    <h4 id="place"></h4>
    <p id="description"></p>

    <div>
        <div class="input-group">
            <label for="email">Email</label>
            <input type="email" id="email" name="email" placeholder="johndoe@example.com" required>
        </div>
        <div class="input-group">
            <label for="firstname">First Name</label>
            <input type="text" id="firstname" name="firstname" placeholder="John" required>
        </div>
        <div class="input-group">
            <label for="lastname">Last Name</label>
            <input type="text" id="lastname" name="lastname" placeholder="Doe" required>
        </div>
        <!-- Preset Due Date -->
        <div class="input-group">
            <label for="due-date">Due Date</label>
            <input type="text" id="due-date" name="dueDate" readonly>
        </div>
        <!-- Preset Appointment Date -->
        <div class="input-group">
            <label for="appointment-date">Appointment Date</label>
            <input type="text" id="appointment-date" name="appointmentDate" readonly>
        </div>
        <!-- Preset Time Span -->
        <div class="input-group">
            <label for="time-span">Time Span</label>
            <input type="text" id="time-span" name="timeSpan" value="10:00 AM to 12:00 PM" readonly>
        </div>
        <button type="submit" id="attend-btn" class="btn-submit">Attend</button>
        <p id="appointment-error"></p>
        <p id="appointment-success"></p>
    </div>
</div>
</body>
</html>