<div class="page-actions">
  <a href="/member/agreements/new" class="btn btn-primary"><i class="bi bi-plus-circle-fill"></i> New Agreement</a>
</div>

<% if (stats) { %>
<div class="stats-row">
  <div class="stat-card"><div class="stat-icon" style="background:#f0fdf4;color:#10b981"><i class="bi bi-check-circle-fill"></i></div><div class="stat-body"><p class="stat-num"><%= stats.signed || 0 %></p><p class="stat-label">Signed</p></div></div>
  <div class="stat-card"><div class="stat-icon" style="background:#fff7ed;color:#f59e0b"><i class="bi bi-clock-fill"></i></div><div class="stat-body"><p class="stat-num"><%= stats.pending || 0 %></p><p class="stat-label">Awaiting Signature</p></div></div>
  <div class="stat-card"><div class="stat-icon" style="background:#fef2f2;color:#ef4444"><i class="bi bi-exclamation-triangle-fill"></i></div><div class="stat-body"><p class="stat-num"><%= stats.expiring || 0 %></p><p class="stat-label">Expiring Soon</p></div></div>
</div>
<% } %>

<div class="integration-note"><i class="bi bi-link-45deg"></i><div><strong>Agreements Platform:</strong> Documents sync with <a href="https://agreements.beezifi.com" target="_blank">agreements.beezifi.com</a> for advanced e-signature workflows and secure storage.</div></div>

<% if (agreements && agreements.length) { %>
<div class="agreements-list">
  <% agreements.forEach(a => { %>
  <a href="/member/agreements/<%= a.id %>" class="agreement-item">
    <div class="ai-icon ai-<%= a.agreement_type.toLowerCase() %>"><i class="bi bi-file-earmark-text-fill"></i></div>
    <div class="ai-body">
      <div class="ai-header">
        <h4><%= a.title %></h4>
        <span class="badge badge-<%= a.status === 'signed' ? 'success' : a.status === 'pending_signature' ? 'warning' : a.status === 'expired' ? 'danger' : 'secondary' %>"><%= a.status.replace('_', ' ') %></span>
      </div>
      <div class="ai-meta">
        <span><i class="bi bi-tag-fill"></i> <%= a.agreement_type %></span>
        <span><i class="bi bi-pen-fill"></i> <%= a.signed_count || 0 %>/<%= a.total_signers || 0 %> signed</span>
        <span><i class="bi bi-calendar3"></i> <%= moment(a.created_at).format('MMM D, YYYY') %></span>
        <% if (a.expires_at) { %><span class="<%= new Date(a.expires_at) < new Date() ? 'text-danger' : new Date(a.expires_at) < new Date(Date.now() + 30*24*60*60*1000) ? 'text-warning' : '' %>"><i class="bi bi-hourglass-split"></i> Expires <%= moment(a.expires_at).format('MMM D, YYYY') %></span><% } %>
      </div>
    </div>
    <i class="bi bi-chevron-right ai-arrow"></i>
  </a>
  <% }) %>
</div>
<% } else { %>
<div class="empty-state"><i class="bi bi-file-earmark-check"></i><h3>No agreements yet</h3><p>Create your first digital agreement — NDAs, service contracts, and more.</p><a href="/member/agreements/new" class="btn btn-primary">Create Agreement</a></div>
<% } %>

<% if (templates && templates.length) { %>
<div class="templates-section">
  <h3>Agreement Templates</h3>
  <div class="templates-grid">
    <% templates.forEach(t => { %>
    <a href="/member/agreements/new?template=<%= t.id %>" class="template-card"><i class="bi bi-file-earmark-text"></i><span><%= t.title %></span><span class="tc-type"><%= t.template_type %></span></a>
    <% }) %>
  </div>
</div>
<% } %>
