{% extends 'base.html' %}
{% block title %}My Announcements — CampusTalent{% endblock %}
{% block content %}
<div class="page-content">
<div class="container-sm">
  <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem">
    <h1 style="font-size:1.75rem">My Announcements</h1>
    <a href="{% url 'notices:create' %}" class="btn btn-primary btn-sm">+ New</a>
  </div>
  {% for ann in announcements %}
  <div class="card" style="margin-bottom:1rem">
    <div style="display:flex;align-items:flex-start;justify-content:space-between;gap:1rem">
      <div>
        <div style="display:flex;gap:0.5rem;margin-bottom:0.5rem">
          <span class="badge badge-gray">{{ ann.get_category_display }}</span>
          <span class="badge badge-{% if ann.status == 'approved' %}success{% elif ann.status == 'rejected' %}danger{% else %}warning{% endif %}">{{ ann.get_status_display }}</span>
        </div>
        <h3 style="font-size:1rem;margin-bottom:0.375rem">{{ ann.title }}</h3>
        <p style="font-size:0.82rem;color:var(--text-muted)">{{ ann.created_at|date:"M d, Y" }}</p>
        {% if ann.status == 'rejected' and ann.rejection_reason %}
        <p style="font-size:0.82rem;color:var(--danger);margin-top:0.5rem">Rejection reason: {{ ann.rejection_reason }}</p>
        {% endif %}
      </div>
      {% if ann.status == 'approved' %}
      <a href="{{ ann.get_absolute_url }}" class="btn btn-ghost btn-sm">View</a>
      {% endif %}
    </div>
  </div>
  {% empty %}
  <div class="empty-state">
    <div class="empty-state-icon">📣</div>
    <p class="empty-state-text">You haven't posted any announcements yet.</p>
    <a href="{% url 'notices:create' %}" class="btn btn-primary">Post an Announcement</a>
  </div>
  {% endfor %}
</div>
</div>
{% endblock %}