{% extends "components/base.html" %}

{% block title %}Notice{% endblock %}

{% block main_area %}
  <h2 class="fw-bold pt-3 pb-2 d-flex justify-content-between">
    공지사항

  </h2>
  <!-- 공지사항 목록 -->

  {% if notices %}
    <table class="table table-bordered table-hover">
      <thead class="table-dark">
        <tr>
          <th scope="col">글번호</th>
          <th scope="col">제목</th>
          <th scope="col">내용</th>
          <th scope="col">작성자</th>
          <th scope="col">작성일</th>
        </tr>
      </thead>
      <tbody>
        {% for record in notices %}
          <tr>
            <td>{{ record.pk }}</td>
            <td>
              <a href="{{ record.get_absolute_url }}">{{ record.title }}</a>
            </td>
            <td>
              <a href="{{ record.get_absolute_url }}">{{ record.contents|truncatechars:50 }}</a>
            </td>
            <td>{{ record.author }}</td>
            <td>{{ record.created_at|date:"Y-m-d H:i" }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  {% else %}
    <p class="text-muted">현재 공지사항이 없습니다.</p>
  {% endif %}
  {% if request.user.is_authenticated %}
    <!-- 버튼 컨테이너 -->
    <div class="d-flex justify-content-between align-items-center mb-3">
      <a href="{% url 'board_notice:create_notice' %}" class="btn btn-primary">Create Notice</a>
    </div>
  {% endif %}
{% endblock %}