<div class="admin-header">
  <h1>Dashboard</h1>
  <a href="/admin/properties/new" class="btn btn-primary">+ New Property</a>
</div>

<div class="stats-grid">
  <div class="stat-card">
    <h3>New Inquiries</h3>
    <div class="value"><%= newInquiries %></div>
  </div>
  <div class="stat-card">
    <h3>Total Properties</h3>
    <div class="value"><%= totalProperties %></div>
  </div>
  <% statusCounts.forEach(function(row) { %>
    <div class="stat-card">
      <h3><%= row.status.charAt(0).toUpperCase() + row.status.slice(1) %> Inquiries</h3>
      <div class="value"><%= row.count %></div>
    </div>
  <% }); %>
</div>

<div style="background:var(--color-bg);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)">
  <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem">
    <h2 style="font-family:var(--font-heading);color:var(--color-primary-dark)">Recent Inquiries</h2>
    <a href="/admin/inquiries" class="btn btn-outline btn-sm">View All</a>
  </div>

  <% if (recentInquiries && recentInquiries.length > 0) { %>
    <table class="admin-table">
      <thead>
        <tr>
          <th>Name</th>
          <th>Subject</th>
          <th>Date</th>
          <th>Status</th>
        </tr>
      </thead>
      <tbody>
        <% recentInquiries.forEach(function(inquiry) { %>
          <tr>
            <td><a href="/admin/inquiries/<%= inquiry.id %>"><%= inquiry.name %></a></td>
            <td><%= inquiry.subject || 'General Enquiry' %></td>
            <td><%= formatDate(inquiry.created_at) %></td>
            <td><span class="status-badge status-<%= inquiry.status %>"><%= inquiry.status %></span></td>
          </tr>
        <% }); %>
      </tbody>
    </table>
  <% } else { %>
    <p style="color:var(--color-text-muted)">No inquiries yet.</p>
  <% } %>
</div>
