{% extends 'main/base.html' %}
{% load static %}

{% block title %}Resources{% endblock %}


{% block content %}
<!-- Hero Section -->
<div class="container-fluid bg-danger text-white py-5">
    <div class="container">
        <h1 class="display-4">Resources</h1>
        <p class="lead">Access our organizational documents and publications</p>
    </div>
</div>

<!-- Policies Section -->
<section class="py-5">
    <div class="container">
        <h2 class="mb-4">Our Policies</h2>
        <div class="row g-4">
            <div class="col-md-6">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title">Organizational Policies</h5>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                Administrative Cost Allocation Policy
                                <a href="{% static 'docs/010 Administrative Cost Allocation Policy.pdf' %}" class="btn btn-sm btn-danger" download><i class="fas fa-download me-2"></i>Download</a>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                Internship Programme Policy
                                <a href="{% static 'docs/08 Internship Programme Policy.pdf' %}" class="btn btn-sm btn-danger" download><i class="fas fa-download me-2"></i>Download</a>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                Procurement Policy
                                <a href="{% static 'docs/03 Procurement Policy .pdf' %}" class="btn btn-sm btn-danger" download><i class="fas fa-download me-2"></i>Download</a>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                Occupational Health and Safety Policy
                                <a href="{% static 'docs/012 Ocupational Health and Safety Policy.pdf' %}" class="btn btn-sm btn-danger" download><i class="fas fa-download me-2"></i>Download</a>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                RefCom Board Charter
                                <a href="{% static 'docs/016 RefCom Board Charter.pdf' %}" class="btn btn-sm btn-danger" download><i class="fas fa-download me-2"></i>Download</a>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                Code of Conduct
                                <a href="{% static 'docs/05 Code of Conduct.pdf' %}" class="btn btn-sm btn-danger" download><i class="fas fa-download me-2"></i>Download</a>

                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title">Program Policies</h5>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                GEDSI Policy
                                <a href="{% static 'docs/07 GEDSI Policy.pdf' %}" class="btn btn-sm btn-danger" download><i class="fas fa-download me-2"></i>Download</a>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                Record Management and ICT Policy
                                <a href="{% static 'docs/013 Record Mgt and ICT Policy.pdf' %}" class="btn btn-sm btn-danger" download><i class="fas fa-download me-2"></i>Download</a>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                Asset Disposal Policy
                                <a href="{% static 'docs/015 Asset Disposal policy.pdf' %}" class="btn btn-sm btn-danger" download><i class="fas fa-download me-2"></i>Download</a>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                Anti-Corruption Policy
                                <a href="{% static 'docs/06 Anti corruption policy.pdf' %}" class="btn btn-sm btn-danger" download><i class="fas fa-download me-2"></i>Download</a>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                Internal Audit, Service Charter and Code of Ethics
                                <a href="{% static 'docs/011 Internal Audit, Service charter and code of ethics.pdf' %}" class="btn btn-sm btn-danger" download><i class="fas fa-download me-2"></i>Download</a>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                Fleet Manual
                                <a href="{% static 'docs/04 Fleet Manual_v01.pdf' %}" class="btn btn-sm btn-danger" download><i class="fas fa-download me-2"></i>Download</a>

                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Strategic Plan Section 
<section class="bg-light py-5">
    <div class="container">
        <h2 class="mb-4">Strategic Plan</h2>
        <div class="row">
            <div class="col-lg-8">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Strategic Plan 2024-2028</h5>
                        <p class="card-text">Our five-year strategic plan outlines our vision, mission, and strategic objectives for sustainable community development.</p>
                        <div class="mt-4">
                            <h6>Key Focus Areas:</h6>
                            <ul class="list-unstyled">
                                <li><i class="fas fa-check text-primary me-2"></i> Community Empowerment</li>
                                <li><i class="fas fa-check text-primary me-2"></i> Environmental Sustainability</li>
                                <li><i class="fas fa-check text-primary me-2"></i> Economic Development</li>
                                <li><i class="fas fa-check text-primary me-2"></i> Health and Education</li>
                            </ul>
                        </div>
                        <a href="{% static 'docs/02 Finance strategy.pdf' %}" class="btn btn-primary mt-3" download><i class="fas fa-download me-2"></i>Download Strategic Plan</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Annual Reports</h5>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                Annual Report 2023
                                <a href="#" class="btn btn-sm btn-primary"><i class="fas fa-download me-2"></i>Download</a>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                Annual Report 2022
                                <a href="#" class="btn btn-sm btn-primary"><i class="fas fa-download me-2"></i>Download</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
-->
{% endblock %}