Terminbuchung

<div id="booking-app">
  <h2>Termin buchen</h2>

  <label>Art des Termins:</label>
  <select id="appointmentType">
    <option value="Erstgespräch" data-duration="60">Erstgespräch (60 Min)</option>
    <option value="Zweitgespräch" data-duration="30">Zweitgespräch (30 Min)</option>
    <option value="Teilnahme Kurs" data-duration="90">Teilnahme Kurs (90 Min)</option>
  </select>

  <label>Datum:</label>
  <input type="date" id="appointmentDate">

  <label>Uhrzeit:</label>
  <input type="time" id="appointmentTime">

  <label>Vorname:</label>
  <input type="text" id="firstName">

  <label>Nachname:</label>
  <input type="text" id="lastName">

  <label>E-Mail:</label>
  <input type="email" id="email">

  <label>Telefonnummer:</label>
  <input type="tel" id="phone">

  <button onclick="bookAppointment()">Termin buchen</button>

  <h3>Meine Buchungen</h3>
  <div id="myBookings"></div>

  <hr>

  <h2>Admin Login</h2>
  <input type="password" id="adminPassword" placeholder="Passwort eingeben">
  <button onclick="adminLogin()">Login</button>

  <div id="adminPanel" style="display:none;">
    <h2>Admin Bereich</h2>

    <h3>Termine verwalten</h3>
    <div id="adminBookings"></div>

    <h3>Tage sperren (Urlaub)</h3>
    <input type="date" id="blockedDate">
    <button onclick="blockDate()">Tag sperren</button>

    <h4>Gesperrte Tage:</h4>
    <div id="blockedDatesList"></div>
  </div>
</div>