{% extends 'school_management_main/base.html' %}
{% load static %}
{% load custom_tags %}


{% block content %}
    <div class="container my-5">
        <!-- section headmaster -->
        <div class="card shadow mt-5">
            <div class="card-header text-center fw-bold fs-1 sms-bg-primary sms-text-icon mb-5">
                {{ header }}
            </div>
            <div class="row mb-5 container mx-auto p-4 gy-4 rounded">

                {% for notice in notices %}
                    <div class="col-3 d-flex flex-row justify-content-center p-3 sms-notice-date-div">
                        <div class="text-center d-flex flex-column justify-content-center align-items-center w-25">
                            <span class="fw-bold fs-5 sms-notice-date">{{ notice.updated_at.day }}</span>
                            <span class="fw-bold fs-5 sms-notice-date">{{ notice.updated_at.month|month_name }}</span>
                        </div>
                    </div>
                    <div class="col-6 d-flex flex-row justify-content-start align-items-center sms-notice-text-div">
                        <span class="fs-5 sms-notice-text">{{ notice.name }}</span>
                    </div>
                    <div class="col-3 d-flex flex-row justify-content-center align-items-center sms-notice-download-div">
                        <span class="fs-5 sms-notice-text"><a href="{{ notice.file.url }}" class="nav-link" download><i class="bi bi-download"></i></a></span>
                    </div>
                {% endfor %}
            </div>
        </div>
        
    </div>
{% endblock content %}