{% extends "base.html" %}

{% block title %}My Projects{% endblock %}

{% block content %}
<section class="page-hero" aria-labelledby="dashboard-heading">
  <div class="container">
    <div class="page-hero-content page-hero-content--row">
      <div>
        <div class="section-badge">Client Portal</div>
        <h1 class="page-hero-title" id="dashboard-heading">My Projects</h1>
        <p class="page-hero-subtitle">Track briefs you've submitted to the Tecvico team.</p>
      </div>
      <a href="{% url 'projects:create' %}" class="btn-primary">New project brief</a>
    </div>
  </div>
</section>

<section class="section">
  <div class="container">
    {% if briefs %}
    <div class="portal-table-wrap glass-card fade-in">
      <table class="portal-table">
        <thead>
          <tr>
            <th>Title</th>
            <th>Category</th>
            <th>Status</th>
            <th>Budget</th>
            <th>Submitted</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          {% for brief in briefs %}
          <tr>
            <td>{{ brief.title }}</td>
            <td>{% if brief.category %}{{ brief.get_category_display }}{% else %}—{% endif %}</td>
            <td><span class="status-pill status-pill--{{ brief.status }}">{{ brief.get_status_display }}</span></td>
            <td>{% if brief.budget_range %}{{ brief.get_budget_range_display }}{% else %}—{% endif %}</td>
            <td>{{ brief.submitted_at|date:"M j, Y" }}</td>
            <td><a href="{% url 'projects:detail' pk=brief.pk %}" class="portal-link">View</a></td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>

    {% if page_obj.has_other_pages %}
    <div class="portal-pagination">
      {% if page_obj.has_previous %}
      <a href="?page={{ page_obj.previous_page_number }}" class="portal-link">Previous</a>
      {% endif %}
      <span>Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}</span>
      {% if page_obj.has_next %}
      <a href="?page={{ page_obj.next_page_number }}" class="portal-link">Next</a>
      {% endif %}
    </div>
    {% endif %}

    {% else %}
    <div class="glass-card portal-card portal-empty fade-in">
      <h2>No project briefs yet</h2>
      <p class="portal-intro">Describe what you need and our team will review your request.</p>
      <a href="{% url 'projects:create' %}" class="btn-primary">Submit your first brief</a>
    </div>
    {% endif %}
  </div>
</section>
{% endblock %}