<title>AIC Health Ministries | TEMPLATE</title>


<?php
include "static/header.php";
?>


<style type="text/css">
      .section-header {
      text-align: center;
      margin: 40px auto 20px auto;
      font-family: 'Montserrat', sans-serif;
      font-size: 30px;
      font-weight: 400;
      text-transform: uppercase;
      color: #222;
    }

    .section-header-underline {
      border: 2px solid red;
      width: 6rem;
      margin: 0 auto;
      margin-bottom: 30px;
    }

    .filter-bar {
      margin-bottom: 1.5em;
      text-align: right;
    }

    .filter-bar button {
      background: #ddd;
      border: none;
      padding: 0.5em 1.2em;
      margin: 0 0.3em;
      border-radius: 5px;
      cursor: pointer;
    }

    .filter-bar button.active {
      background: #2cb34a;
      color: white;
      font-weight: bolder;
    }

    .accordion {
      margin-bottom: 1.2em;
      border: 1px solid #ddd;
      border-radius: 6px;
      overflow: hidden;
    }

    .accordion-button {
      background: #2cb34a;
      color: white;
      padding: 1em;
      font-size: 1.1em;
      text-align: left;
      border: none;
      width: 100%;
      cursor: pointer;
    }

    .accordion-content {
      display: none;
      background: #fafafa;
      padding: 1em;
      border-top: 1px solid #ddd;
    }

    .download-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.75em 0;
      border-bottom: 1px solid #eee;
    }

    .download-item:last-child {
      border-bottom: none;
    }

    .download-icon {
      font-size: 1.3em;
      margin-right: 0.8em;
    }

    .file-pdf { color: #c62828; }
    .file-docx { color: #1565c0; }
    .file-mp4 { color: #2e7d32; }

    .download-title {
      font-weight: bold;
      display: flex;
      align-items: center;
    }

    .download-meta {
      font-size: 0.85em;
      color: #777;
    }

    .download-link a {
      background: #ddd;
      color: white;
      text-decoration: none;
      padding: 0.4em 1em;
      border-radius: 5px;
      font-size: 1em;
    }

    .download-link a:hover {
      background: #2cb34a;
      font-weight: bolder;
    }

</style>


<main>

        <!--? Hero Start -->
        <div class="slider-area2">
            <div class="slider-height2 d-flex align-items-center">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="hero-cap hero-cap2 pt-70 text-center">
                                <h2 style="color: red; font-weight: bold;">Downloads...</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Hero End -->


        <!-- Work -->
        
        <section class="p-3 mb-3">
  
            <div class="container">

                <!-- Filter Buttons -->
                <div class="filter-bar">
                    <button class="filter-btn active" onclick="filterFiles('all')">All</button>
                    <button class="filter-btn" onclick="filterFiles('pdf')">PDF</button>
                    <button class="filter-btn" onclick="filterFiles('docx')">DOCX</button>
                    <button class="filter-btn" onclick="filterFiles('mp4')">Media</button>
                </div>

                <!-- Accordion: Procurement -->
                <div class="accordion">
                    <button class="accordion-button" onclick="toggleAccordion(this)" style="font-weight: bold;">📄 Procurement Documents</button>
                    <div class="accordion-content">
                        <div class="download-item file pdf">
                            <div>
                            <div class="download-title"><span class="download-icon file-pdf">📄</span> AICHM Conditions for Tendering</div>
                            <div class="download-meta">PDF • 2.1 MB</div>
                            </div>
                            <div class="download-link">
                            <a href="assets/docs/AICHM_ConditionsForTendering.pdf" download>Download</a>
                            </div>
                        </div>
                        <div class="download-item file pdf">
                            <div>
                            <div class="download-title"><span class="download-icon file-pdf">📄</span> AICHM Code of Ethics for Procurement</div>
                            <div class="download-meta">PDF • 950 KB</div>
                            </div>
                            <div class="download-link">
                            <a href="assets/docs/AICHM_CodeOfEthicsForProcurement.pdf" download>Download</a>
                            </div>
                        </div>
                         <div class="download-item file pdf">
                            <div>
                            <div class="download-title"><span class="download-icon file-pdf">📄</span> AICHM Supplier Code of Ethics</div>
                            <div class="download-meta">PDF • 250 KB</div>
                            </div>
                            <div class="download-link">
                            <a href="assets/docs/AICHM_SupplierCodeOfEthics.pdf" download>Download</a>
                            </div>
                        </div>
                         <div class="download-item file pdf">
                            <div>
                            <div class="download-title"><span class="download-icon file-pdf">📄</span> AICHM Declaration of Non Conflict of Interest</div>
                            <div class="download-meta">PDF • 5 MB</div>
                            </div>
                            <div class="download-link">
                            <a href="assets/docs/AICHM_DeclarationOfNonConflictOfInterest.pdf" download>Download</a>
                            </div>
                        </div>
                         <div class="download-item file pdf">
                            <div>
                            <div class="download-title"><span class="download-icon file-pdf">📄</span> AICHM Declaration for All Supliers</div>
                            <div class="download-meta">PDF • 750 KB</div>
                            </div>
                            <div class="download-link">
                            <a href="assets/docs/AICHM_DeclarationForAllSuppliers.pdf" download>Download</a>
                            </div>
                        </div>
                         <div class="download-item file pdf">
                            <div>
                            <div class="download-title"><span class="download-icon file-pdf">📄</span> AICHM Purchase Order Standards Terms and Conditions (Revised)</div>
                            <div class="download-meta">PDF • 9.1 MB</div>
                            </div>
                            <div class="download-link">
                            <a href="assets/docs/AICHM_PurchaseOrderStandardTermsAndConditions_Revised.pdf" download>Download</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Accordion: Impact Stories -->
                <div class="accordion">
                    <button class="accordion-button" onclick="toggleAccordion(this)" style="font-weight: bold;">📝 Impact Stories</button>
                    <div class="accordion-content">
                        <div class="download-item file pdf">
                            <div>
                            <div class="download-title"><span class="download-icon file-pdf">📝</span> Stella Kabura Journey to Sight Restoration</div>
                            <div class="download-meta">PDF • 820 KB</div>
                            </div>
                            <div class="download-link">
                            <a href="assets/docs/StellaKaburaJourneytoSightRestoration.pdf" download>Download</a>
                            </div>
                        </div>
                        <div class="download-item file pdf">
                            <div>
                            <div class="download-title"><span class="download-icon file-pdf">📝</span> Tumaini</div>
                            <div class="download-meta">PDF • 300 KB</div>
                            </div>
                            <div class="download-link">
                            <a href="assets/docs/tumaini.pdf" download>Download</a>
                            </div>
                        </div>
                        <div class="download-item file pdf">
                            <div>
                            <div class="download-title"><span class="download-icon file-pdf">📝</span> John and Hellen's Journey with Vision Impact Program</div>
                            <div class="download-meta">PDF • 300 KB</div>
                            </div>
                            <div class="download-link">
                            <a href="assets/docs/AClearerFutureHellenandJohn.pdf" download>Download</a>
                            </div>
                        </div>
                        <div class="download-item file pdf">
                            <div>
                            <div class="download-title"><span class="download-icon file-pdf">📝</span> From A Dimming Start To A Hopeful Brightening Tomorrow</div>
                            <div class="download-meta">PDF • 300 KB</div>
                            </div>
                            <div class="download-link">
                            <a href="assets/docs/FromADimmingStartToAHopefulBrighteningTomorrow.pdf" download>Download</a>
                            </div>
                        </div>
                        <div class="download-item file pdf">
                            <div>
                            <div class="download-title"><span class="download-icon file-pdf">📝</span> Referral Cards as an Innovative and Practical Solution to Complement the Peek System</div>
                            <div class="download-meta">PDF • 300 KB</div>
                            </div>
                            <div class="download-link">
                            <a href="assets/docs/UseofReferralCards.pdf" download>Download</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Accordion: Media -->
                <div class="accordion">
                    <button class="accordion-button" onclick="toggleAccordion(this)">🎥 Media</button>
                    <div class="accordion-content">
                    <div class="download-item file mp4">
                        <div>
                        <div class="download-title"><span class="download-icon file-mp4">🎞️</span> Project Overview Video</div>
                        <div class="download-meta">MP4 • 30 MB</div>
                        </div>
                        <div class="download-link">
                        <a href="/downloads/overview.mp4" download>Download</a>
                        </div>
                    </div>
                    </div>
                </div>


            </div>
    

        </section>
    
        <!-- Work End       -->



</main>








    <script>
        function toggleAccordion(button) {
            const content = button.nextElementSibling;
            const allContents = document.querySelectorAll('.accordion-content');
            allContents.forEach(p => {
            if (p !== content) p.style.display = "none";
            });
            content.style.display = content.style.display === "block" ? "none" : "block";
        }

        function filterFiles(type) {
            const allItems = document.querySelectorAll(".download-item");
            const buttons = document.querySelectorAll(".filter-btn");

            buttons.forEach(btn => btn.classList.remove("active"));
            document.querySelector(`.filter-btn[onclick="filterFiles('${type}')"]`).classList.add("active");

            allItems.forEach(item => {
            const isMatch = type === 'all' || item.classList.contains(type);
            item.style.display = isMatch ? "flex" : "none";
            });
        }
    </script>


<?php
include "static/footer.php";
?>




<!-- Scroll Up -->
<div id="back-top" >
    <a title="Go to Top" href="#"> <i class="fas fa-level-up-alt"></i></a>
</div>