source: views/client/appointment-confirmation.ejs@ 7517a3a

<%- include('../partials/header', { title: 'Appointment Confirmed' }) %>

<div>
  <h1>Appointment Confirmed!</h1>
  <p>Your unit viewing appointment has been successfully scheduled.</p>

  <div>
    <h2>Appointment Details</h2>
    <table>
      <tr>
        <th>Appointment ID:</th>
        <td><code><%= appointment.appointment_id %></code></td>
      </tr>
      <tr>
        <th>Property:</th>
        <td>Unit <%= appointment.unit_number %>, <%= appointment.building_name %></td>
      </tr>
      <tr>
        <th>Floor:</th>
        <td><%= appointment.floor_number %></td>
      </tr>
      <tr>
        <th>Date:</th>
        <td><%= new Date(appointment.date).toLocaleDateString('en-GB', { weekday: 'long', year: 'numeric', month:  'long', day: 'numeric' }) %></td>
      </tr>
      <tr>
        <th>Time: </th>
        <td><%= appointment.time_start.substring(0, 5) %> - <%= appointment.time_end.substring(0, 5) %></td>
      </tr>
    </table>
  </div>

  <div>
    <h2>Your Information</h2>
    <table>
      <tr>
        <th>Name:</th>
        <td><%= appointment.client_name %></td>
      </tr>
      <tr>
        <th>Email:</th>
        <td><%= appointment.client_email %></td>
      </tr>
      <tr>
        <th>Phone:</th>
        <td><%= appointment.client_phone %></td>
      </tr>
    </table>
  </div>

  <div>
    <h2>Agent Information</h2>
    <table>
      <tr>
        <th>Agent Name:</th>
        <td><%= appointment.agent_name %></td>
      </tr>
      <tr>
        <th>Agent Email:</th>
        <td><%= appointment.agent_email %></td>
      </tr>
    </table>
  </div>

  <div>
    <a href="/buildings">Browse More Properties</a>
    <a href="/">Go to Home</a>
  </div>
</div>