source: views/client/floor-units.ejs@ 7517a3a

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

<h1><%= building.name %> - Floor <%= floor.floor_number %></h1>

<div class="list">
  <% if (units && units.length > 0) { %>
    <% units.forEach(unit => { %>
      <div class="list-item">
        <% if (unit.image) { %>
          <div class="unit-image">
            <img src="/uploads/<%= unit.image %>" alt="Unit <%= unit.unit_number %>" onerror="this.src='/images/placeholder.jpg'">
          </div>
        <% } %>
        
        <div class="unit-info">
          <h3>Unit <%= unit.unit_number %></h3>
          
          <div>
            <p><strong>Rooms:</strong> <%= unit.room_number %></p>
            <p><strong>Area:</strong> <%= unit.floor_area %> m²</p>
            <p><strong>Price:</strong> €<%= unit.price.toLocaleString() %></p>
            <p><strong>Status:</strong> 
              <span class="status status-<%= unit.status.toLowerCase() %>">
                <%= unit.status %>
              </span>
            </p>
          </div>
          
          <a href="/units/<%= unit.unit_id %>" class="btn">View Details</a>
        </div>
      </div>
    <% }); %>
  <% } else { %>
    <p>No units available on this floor.</p>
  <% } %>
</div>

<a href="/buildings/<%= building.building_id %>" class="btn btn-secondary">← Back</a>