source: views/client/building-detail.ejs

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

<h1><%= building.name %></h1>

<div>
  <h2>Building Information</h2>
  <table>
    <tr>
      <th>Address: </th>
      <td><%= building.address %></td>
    </tr>
    <% if (building.description) { %>
    <tr>
      <th>Description:</th>
      <td><%= building.description %></td>
    </tr>
    <% } %>
    <% if (building.architect) { %>
    <tr>
      <th>Architect: </th>
      <td><%= building.architect %></td>
    </tr>
    <% } %>
  </table>
</div>

<h2>Floors</h2>
<p>Select a floor to view available units: </p>

<div class="list">
  <% if (floors && floors.length > 0) { %>
    <% floors.forEach(floor => { %>
      <div class="list-item">
        <h3>Floor <%= floor.floor_number %></h3>
        <% if (floor.layout_image) { %>
          <p>Layout:  <%= floor.layout_image %></p>
        <% } %>
        <a href="/floors/<%= floor.floor_id %>/units" class="btn">View Units</a>
      </div>
    <% }); %>
  <% } else { %>
    <p>No floors available. </p>
  <% } %>
</div>

<a href="/buildings" class="btn btn-secondary">← Back</a>