Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Manage Appointment - ZMABC</title> | |
| <link rel="stylesheet" href="styles/manage-appointment.css"> | |
| </head> | |
| <body> | |
| <main class="manage-main"> | |
| <div class="manage-border"> | |
| <h1>Manage Appointment</h1> | |
| <section class="manage-section"> | |
| <h2>Original Appointment Details</h2> | |
| <div class="manage-details-table"> | |
| <div class="manage-details-row"> | |
| <span class="manage-details-label">Date</span> | |
| <span class="manage-details-value">July 15, 2024</span> | |
| </div> | |
| <div class="manage-details-row"> | |
| <span class="manage-details-label">Time</span> | |
| <span class="manage-details-value">10:00 AM</span> | |
| </div> | |
| <div class="manage-details-row"> | |
| <span class="manage-details-label">Provider</span> | |
| <span class="manage-details-value">Dr. Emily Carter</span> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="manage-section"> | |
| <h2>Change Appointment</h2> | |
| <form class="manage-form"> | |
| <label for="new-date" class="manage-form-label">Select New Date</label> | |
| <input type="date" id="new-date" class="manage-form-input"> | |
| <label for="new-time" class="manage-form-label">Select New Time</label> | |
| <select id="new-time" class="manage-form-input"> | |
| <option>Select Time</option> | |
| <option>9:00 AM</option> | |
| <option>10:00 AM</option> | |
| <option>11:00 AM</option> | |
| <option>1:00 PM</option> | |
| <option>2:00 PM</option> | |
| <option>3:00 PM</option> | |
| </select> | |
| <div class="manage-actions"> | |
| <button type="button" class="manage-btn cancel">Cancel Appointment</button> | |
| <button type="submit" class="manage-btn reschedule">Reschedule Appointment</button> | |
| </div> | |
| </form> | |
| </section> | |
| </div> | |
| </main> | |
| </body> | |
| </html> |