{% extends 'platform_admin/base.html' %}

{% load humanize %}



{% block title %}Dashboard{% endblock %}



{% block dash_content %}

<div class="dash-page-head" style="margin-bottom:18px;">
  {% include 'home/includes/back_to_site.html' with variant='dash' %}
</div>

<div class="welcome-banner">

  <div>

    <h2>{{ greeting }}, {{ request.user.first_name|default:request.user.username }}!</h2>

    <p>Platform overview for {% now "l, F j, Y" %} - monitor users, jobs, and site activity.</p>

  </div>

  <a href="{% url 'platform_admin:ats' %}" class="btn-post">

    <i class="fas fa-inbox"></i> ATS Pipeline

  </a>

</div>



{% if stats.pending_testimonials or stats.unread_messages %}

<div class="alert alert-warn" style="margin-bottom:22px;">

  <i class="fas fa-bell"></i>

  <span>

    {% if stats.pending_testimonials %}

    <strong>{{ stats.pending_testimonials }}</strong> testimonial{{ stats.pending_testimonials|pluralize }} awaiting review.

    <a href="{% url 'platform_admin:testimonials' %}?approved=0" style="margin-left:8px;font-weight:700;">Review now</a>

    {% endif %}

    {% if stats.pending_testimonials and stats.unread_messages %} · {% endif %}

    {% if stats.unread_messages %}

    <strong>{{ stats.unread_messages }}</strong> unread contact message{{ stats.unread_messages|pluralize }}.

    <a href="{% url 'platform_admin:messages' %}?read=0" style="margin-left:8px;font-weight:700;">Open inbox</a>

    {% endif %}

  </span>

</div>

{% endif %}



<div class="stats-grid stats-grid-6">

  {% for card in stat_cards %}

  <div class="stat-card">

    <div class="stat-icon"><i class="fas {{ card.icon }}"></i></div>

    <div class="stat-info">

      <div class="num">{{ card.value|intcomma }}</div>

      <div class="lbl">{{ card.label }}</div>

    </div>

  </div>

  {% endfor %}

</div>



<div class="summary-strip">

  {% for item in secondary_stats %}

  <div class="ss-card">
    {% if item.url_name %}
    <a href="{% url item.url_name %}" style="text-decoration:none;color:inherit;display:block;">
    {% endif %}
    <div class="ss-num">{{ item.value|intcomma }}</div>
    <div class="ss-lbl">{{ item.label }}</div>
    {% if item.url_name %}
    </a>
    {% endif %}
  </div>

  {% endfor %}

</div>



{% if cv_library_stats %}

<div class="panel" style="margin-bottom:22px;padding:22px 24px;">

  <div style="display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px;">
    <h3 style="margin:0;font-size:1.05rem;color:var(--primary);"><i class="fas fa-folder-open" style="color:var(--secondary);"></i> CV Library</h3>
    <div style="display:flex;gap:8px;">
      <a href="{% url 'platform_admin:cv_library' %}" class="btn btn-primary btn-sm">Browse CVs</a>
      <a href="{% url 'platform_admin:cv_categories' %}" class="btn btn-outline btn-sm">Manage categories</a>
    </div>
  </div>

  <div class="summary-strip" style="margin:0;">
    <div class="ss-card"><div class="ss-num">{{ cv_library_stats.total_current_cvs|intcomma }}</div><div class="ss-lbl">Current CVs</div></div>
    <div class="ss-card"><div class="ss-num">{{ cv_library_stats.total_versions|intcomma }}</div><div class="ss-lbl">All versions</div></div>
    <div class="ss-card"><div class="ss-num">{{ cv_library_stats.active_categories|intcomma }}</div><div class="ss-lbl">Categories</div></div>
    <div class="ss-card"><div class="ss-num">{{ cv_library_stats.downloads_this_month|intcomma }}</div><div class="ss-lbl">Downloads this month</div></div>
  </div>

  {% if cv_library_stats.top_categories %}
  <div style="margin-top:16px;font-size:0.85rem;color:var(--text-muted);">
    <strong style="color:var(--primary);">Top categories:</strong>
    {% for row in cv_library_stats.top_categories %}
      {{ row.category_name|default:row.category_slug }} ({{ row.count }}){% if not forloop.last %} · {% endif %}
    {% endfor %}
  </div>
  {% endif %}

</div>

{% endif %}



<div class="two-col">

  <div class="panel table-panel table-compact">

    <div class="panel-header">

      <h3><i class="fas fa-briefcase"></i> Recent Jobs</h3>

      <a href="{% url 'platform_admin:jobs' %}">View all</a>

    </div>

    <table class="data-table">

      <thead>

        <tr>

          <th>Job</th>

          <th>Company</th>

          <th>Status</th>

          <th>Posted</th>

        </tr>

      </thead>

      <tbody>

        {% for job in recent_jobs %}

        <tr>

          <td>

            <a href="{% url 'platform_admin:job_detail' slug=job.slug %}" class="candidate-name" style="text-decoration:none;display:block;">{{ job.title|truncatechars:32 }}</a>

          </td>

          <td>{{ job.company_name|truncatechars:22 }}</td>

          <td>

            {% if job.is_active %}

            <span class="badge-active">Active</span>

            {% else %}

            <span class="badge-suspended">Closed</span>

            {% endif %}

          </td>

          <td>{{ job.created_at|date:"M j, Y" }}</td>

        </tr>

        {% empty %}

        <tr><td colspan="4" style="text-align:center;color:var(--text-muted);padding:24px;">No jobs posted yet.</td></tr>

        {% endfor %}

      </tbody>

    </table>

  </div>



  <div class="panel table-panel table-compact">

    <div class="panel-header">

      <h3><i class="fas fa-envelope"></i> Recent Messages</h3>

      <a href="{% url 'platform_admin:messages' %}">View all</a>

    </div>

    <table class="data-table">

      <thead>

        <tr>

          <th>From</th>

          <th>Subject</th>

          <th>Status</th>

          <th>Date</th>

        </tr>

      </thead>

      <tbody>

        {% for msg in recent_messages %}

        <tr>

          <td>

            <div class="candidate-name">{{ msg.full_name|truncatechars:22 }}</div>

          </td>

          <td>{{ msg.get_subject_display|truncatechars:24 }}</td>

          <td>

            {% if msg.is_read %}

            <span class="badge-approved">Read</span>

            {% else %}

            <span class="badge-pending">New</span>

            {% endif %}

          </td>

          <td>{{ msg.created_at|date:"M j" }}</td>

        </tr>

        {% empty %}

        <tr><td colspan="4" style="text-align:center;color:var(--text-muted);padding:24px;">No messages yet.</td></tr>

        {% endfor %}

      </tbody>

    </table>

  </div>

</div>



<div class="panel table-panel table-compact">

  <div class="panel-header">

    <h3><i class="fas fa-user-plus"></i> Recent Registrations</h3>

    <a href="{% url 'platform_admin:users' %}">View all users</a>

  </div>

  <table class="data-table">

    <thead>

      <tr>

        <th>User</th>

        <th>Role</th>

        <th>Email</th>

        <th>Joined</th>

        <th></th>

      </tr>

    </thead>

    <tbody>

      {% for u in recent_users %}

      <tr>

        <td>

          <div class="candidate-row">

            <div class="candidate-ava">{{ u.username|slice:":2"|upper }}</div>

            <div>

              <div class="candidate-name">{{ u.get_full_name|default:u.username }}</div>

              <div class="candidate-role">@{{ u.username }}</div>

            </div>

          </div>

        </td>

        <td>

          {% if u.role == 'seeker' %}

          <span class="badge-seeker">Seeker</span>

          {% elif u.role == 'company' %}

          <span class="badge-company">Employer</span>

          {% elif u.role == 'admin' or u.is_superuser %}

          <span class="badge-admin">Admin</span>

          {% else %}

          <span class="badge-free">{{ u.get_role_display }}</span>

          {% endif %}

        </td>

        <td>{{ u.email|truncatechars:30 }}</td>

        <td>{{ u.date_joined|date:"M j, Y" }}</td>

        <td>

          <div class="row-act">

            <a href="{% url 'platform_admin:user_detail' pk=u.pk %}" class="ra-view" title="View user"><i class="fas fa-eye"></i></a>

          </div>

        </td>

      </tr>

      {% empty %}

      <tr><td colspan="5" style="text-align:center;color:var(--text-muted);padding:24px;">No users yet.</td></tr>

      {% endfor %}

    </tbody>

  </table>

</div>



<div class="panel" style="margin-top:22px;">

  <div class="panel-header">

    <h3><i class="fas fa-list-check"></i> Quick Actions</h3>

  </div>

  <div style="display:flex;flex-wrap:wrap;gap:10px;">

    <a href="{% url 'platform_admin:ats' %}" class="btn btn-primary btn-sm"><i class="fas fa-inbox"></i> ATS Pipeline</a>

    <a href="{% url 'platform_admin:users' %}" class="btn btn-outline btn-sm"><i class="fas fa-users"></i> View Users</a>

    <a href="{% url 'platform_admin:companies' %}" class="btn btn-outline btn-sm"><i class="fas fa-building"></i> Companies</a>

    <a href="{% url 'platform_admin:jobs' %}" class="btn btn-outline btn-sm"><i class="fas fa-briefcase"></i> Jobs</a>

    {% if stats.pending_testimonials %}

    <a href="{% url 'platform_admin:testimonials' %}?approved=0" class="btn btn-secondary btn-sm">

      <i class="fas fa-star"></i> Review Testimonials ({{ stats.pending_testimonials }})

    </a>

    {% endif %}

    <a href="{% url 'platform_admin:messages' %}" class="btn btn-outline btn-sm"><i class="fas fa-inbox"></i> Inbox</a>

    <a href="{% url 'jobs:list' %}" class="btn btn-outline btn-sm"><i class="fas fa-external-link-alt"></i> View Jobs Page</a>

  </div>

</div>

{% endblock %}