{% extends "adminpanel/base.html" %}
{% block title %}Portfolio — admin{% endblock %}
{% block heading %}Portfolio{% endblock %}

{% block content %}
<div class="pane">
  <div class="toolbar">
    <div class="right"><a href="{% url 'admin_portfolio_new' %}" class="btn btn-sm btn-primary">Add project</a></div>
  </div>
  <div class="panel">
    <div class="panel-h"><h2>Portfolio projects</h2><span class="mono act">shown on /portfolio/</span></div>
    <div style="overflow:auto"><table>
      <tr><th>Project</th><th>Slug</th><th>Client</th><th>Category</th><th>Year</th><th>Featured</th><th>Published</th><th></th></tr>
      {% for p in projects %}
      <tr class="click">
        <td>{{ p.name }}</td><td class="mono">{{ p.slug }}</td><td>{{ p.client_name }}</td>
        <td>{{ p.category.name }}</td><td>{{ p.completed_on|date:"Y"|default:"—" }}</td>
        <td>{% if p.featured %}<span class="status s-online">Featured</span>{% else %}—{% endif %}</td>
        <td><span class="status {% if p.published %}s-online{% else %}s-draft{% endif %}">{% if p.published %}Live{% else %}Draft{% endif %}</span></td>
        <td style="white-space:nowrap">
          <a href="{% url 'admin_portfolio_edit' p.slug %}" class="btn btn-sm">Edit</a>
          {% if p.published %}<a href="{% url 'portfolio_detail' p.slug %}" class="btn btn-sm" target="_blank" rel="noopener">View</a>{% endif %}
        </td>
      </tr>
      {% empty %}<tr><td colspan="8" class="muted">No portfolio projects yet.</td></tr>{% endfor %}
    </table></div>
  </div>

  <div class="panel">
    <div class="panel-h"><h2>Categories</h2>
      <a href="{% url 'admin_category_new' %}" class="btn btn-sm act">Add category</a></div>
    <div style="overflow:auto"><table>
      <tr><th>Category</th><th>Slug</th><th>Projects</th><th></th></tr>
      {% for c in categories %}
      <tr><td>{{ c.name }}</td><td class="mono">{{ c.slug }}</td><td>{{ c.count }}</td>
        <td><a href="{% url 'admin_category_edit' c.pk %}" class="btn btn-sm">Edit</a></td></tr>
      {% empty %}<tr><td colspan="4" class="muted">No categories yet.</td></tr>{% endfor %}
    </table></div>
  </div>
</div>
{% endblock %}