?php
/**
 * The template for specific pages
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package AGRA
 */

get_header();
?>

 <header class="page-header">
        <div class="page-bg">
            <img src="https://agra.kihingu.com/wp-content/themes/agra//assets/img/publications.jpg"/>
            <div class="page-bg-cover"></div>
        </div>
        <div class="page-bg-content">
            <div class="container text-center">
                <div class="row justify-content-center">
                    <div class="col-md-10">
                        <p class="wow fadeInUp">
                            Knowledge Hub | Resource Centre
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </header>

<section class="page-section p-0" id="about-vision">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12 p-0">

                    <!--Waves Container-->
                    <div style="    margin-top: -15vh;position: relative;z-index: 12;">
                        <svg class="waves" preserveAspectRatio="none" shape-rendering="auto"
                             viewBox="0 24 150 28" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                            <defs>
                                <path d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"
                                      id="gentle-wave"/>
                            </defs>
                            <g class="parallax">
                                <use fill="rgba(228,229,23,0.7" x="48" xlink:href="#gentle-wave" y="0"/>
                                <use fill="rgba(255,255,255,0.5)" x="48" xlink:href="#gentle-wave" y="3"/>
                                <use fill="rgba(255,255,255,0.3)" x="48" xlink:href="#gentle-wave" y="5"/>
                                <use fill="#fff" x="48" xlink:href="#gentle-wave" y="7"/>
                            </g>
                        </svg>
                    </div>
                    <!--Waves end-->
                </div>
            </div>
        </div>
    </section>
    
<section class="pt-3 pb-1">
    
    <div class="filter-container">
        <div class="f-holder">
            <div class="filtertitle">
                <i class="fa-solid fa-filter"></i>
                Filter By:
            </div>
            <!-- Sort By Dropdown -->
            <div class="dropdown-container">
                <label for="orders">Resource Type:</label>
                <select id="sort" class="filter-dropdown">
                    <option value="Document">Documents</option>
                    <option value="Video">Videos</option>
                    <option value="Image">Images</option>
                    <option value="Audio">Audio</option>
                    <option value="Link">Link</option>
                </select>
            </div>
        </div>
        <div class="f-holder">
            <!-- Search Box -->
            <div class="search-box">
                <input type="text" placeholder="Search by keyword, author, tag">
                <span class="search-icon">🔍</span>
            </div>
        
            <!-- Sort By Dropdown -->
            <div class="dropdown-container">
                <label for="orders">Sort By:</label>
                <select id="order" class="filter-dropdown">
                    <option value="">Default</option>
                    <option value="publicationDate">Date</option>
                </select>
            </div>
            
                        <!-- Sort By Dropdown -->
            <div class="dropdown-container">
                <label for="orderoption">Order:</label>
                <select id="orderoption" class="filter-dropdown">
                    <option value="asc">ASC</option>
                    <option value="desc">DESC</option>
                </select>
            </div>
        
            <!-- Per Page Dropdown -->
            <div class="dropdown-container">
                <label for="orders">Listings:</label>
                <select id="perPage" class="filter-dropdown">
                    <option value="0">10 Per Page</option>
                    <option value="10">20 Per Page</option>
                    <option value="20">30 Per Page</option>
                </select>
            </div>
        </div>
    </div>
</section>


<div id="documents-container"></div>
<div id="pagination"></div>
    
    
<script>
document.addEventListener('DOMContentLoaded', function () {
    let currentPage = 1;
    let itemsPerPage = 10;
    let totalResults = 0;
    let allDocuments = [];
    
    // Selectors for filtering
    const searchInput = document.querySelector('.search-box input');
    const searchIcon = document.querySelector('.search-icon');
    const resourceTypeDropdown = document.getElementById('sort'); // Resource Type
    const perPageDropdown = document.getElementById('perPage');
    
    const searchText = searchInput.value.trim();
    const resourceType = resourceTypeDropdown.value;
    const perPage = parseInt(perPageDropdown.value) || 10;
    
    

    function fetchDocuments() {
        const searchText = searchInput.value.trim();
        const resourceType = resourceTypeDropdown.value;
        const perPage = parseInt(perPageDropdown.value) || 10;
        
        console.log("Fetching documents with startRow:", startRow, "Sort Field:", orderField, "Order By:", orderBy);
    
        fetch('https://agra.kihingu.com/wp-content/themes/agra/fetch-documents.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify({
                "searchText": searchText,
                "resourceType": resourceType,
                "sort": { "field": orderField, "orderBy": orderBy},
                "startRow": startRow
            })
        })
        .then(response => response.text()) // Fetch response as text first
        .then(text => {
            // console.log("Raw API Response:", text); // Log the raw response
            return JSON.parse(text); // Parse JSON manually
        })
        .then(data => {
            console.log("Parsed API Response:", data); // Debugging
            if (!data) {
                throw new Error("Invalid API response: 'result' field is missing.");
            }
            allDocuments = data.result;
            totalResults = allDocuments.length;
            // renderPagination();
            displayDocuments();
        })
        .catch(error => console.error('Error fetching documents:', error));
    }


    function displayDocuments() {
        const container = document.getElementById('documents-container');
        container.innerHTML = '';

        const flexWrapper = document.createElement('div');
        flexWrapper.classList.add('doc-contain');

        const start = (currentPage - 1) * itemsPerPage;
        const end = start + itemsPerPage;
        const paginatedDocs = allDocuments.slice(start, end);

        paginatedDocs.forEach(doc => {
            const docElement = document.createElement('div');
            docElement.classList.add('document-item');
            docElement.innerHTML = `
                <div class="doc-card">
                    <div class="doc-img">
                        <img src="${doc.thumbnailUrl}" alt="${doc.title}" class="doc-thumbnail" onerror="this.onerror=null; this.src='https://agra.org/wp-content/uploads/2025/01/aasr-french.png';">
                    </div>
                    <div class="doc-content">
                        <p><strong>  Document</strong> |📅️ ${new Date(doc.publicationDate).toLocaleDateString()}</p>
                        <h3><a href="${doc.fileUrl}" target="_blank">${doc.title}</a></h3>
                        <p><strong>Author</strong></p>
                        <hr class="hline m-0">
                        <p class="authr">${doc.author || 'Unknown'}</p>
                    </div>
                </div>
            `;
            flexWrapper.appendChild(docElement);
        });
        container.appendChild(flexWrapper);
    }

    function renderPagination() {
        const paginationContainer = document.getElementById('pagination');
        paginationContainer.innerHTML = '';
        const totalPages = Math.ceil(totalResults / itemsPerPage);

        for (let i = 1; i <= totalPages; i++) {
            const pageButton = document.createElement('button');
            pageButton.innerText = i;
            pageButton.classList.add('page-button');
            if (i === currentPage) pageButton.classList.add('active');
            pageButton.addEventListener('click', () => {
                currentPage = i;
                displayDocuments();
                updatePaginationActiveState();
            });
            paginationContainer.appendChild(pageButton);
        }
    }

    function updatePaginationActiveState() {
        document.querySelectorAll('.page-button').forEach(button => {
            button.classList.remove('active');
        });
        document.querySelector(`.page-button:nth-child(${currentPage})`).classList.add('active');
    }

    // 🔍 **Trigger search on clicking the search icon**
    searchIcon.addEventListener('click', () => {
        const searchText = searchInput.value.trim();
        currentPage = 1; // Reset to first page
        fetchDocuments(searchText);
    });

    // 🔎 **Trigger search on pressing Enter**
    searchInput.addEventListener('keypress', (event) => {
        if (event.key === 'Enter') {
            const searchText = searchInput.value.trim();
            currentPage = 1; // Reset to first page
            fetchDocuments(searchText);
        }
    });
    
    // Handle per page change
    document.getElementById('perPage').addEventListener('change', function () {
        console.log("Dropdown changed. Selected value:", this.value);
        
        startRow = parseInt(this.value); // Set startRow to selected value
        console.log("Updated startRow:", startRow);
        
        currentPage = 1; // Reset to first page
        fetchDocuments();
    });
    
    // Handle Sort by
    document.getElementById('order').addEventListener('change', function () {
    const selectedOrder = this.value;
    console.log("Sort dropdown changed. Selected field:", selectedOrder);

    orderField = selectedOrder || ""; // Set field to selected value or empty if default

    fetchDocuments();
    });
    
    document.getElementById('orderoption').addEventListener('change', function () {
        orderBy = this.value; // Set orderBy to selected value
        console.log("Order dropdown changed. Selected orderBy:", orderBy);
    
        fetchDocuments();
    });
    
    // Initialize startRow with the first dropdown value
    let startRow = parseInt(document.getElementById('perPage').value);
    
    // Initialize sorting variables
    let orderField = document.getElementById('order').value || "";
    let orderBy = document.getElementById('orderoption').value || "asc"; // Default order

    



    fetchDocuments();
});
    </script>
    
    
    <!-- Updated CSS for inline-flex layout -->





<!-- Footer-->
<footer class="footer">
    <div class="container-fluid">
        <div class="row">
            
                <div class="col-md-3">
                    <img alt="" class="w-75 img-fluid"
                        src="https://agra.kihingu.com/wp-content/themes/agra/assets/img/footer-logo.png">
                    <div class="socials mt-4 ps-3 pb-2">
                        <a aria-label="X (formerly Twitter)" class="text-green text-decoration-none mx-2"
                            href="https://x.com/AGRA_Africa">
                            <span class="fa-stack" style="vertical-align: top;">
                                <i class="fa-regular fa-circle fa-stack-2x"></i>
                                <svg class="fa-stack-1x" style="width: 0.875em; height: 0.875em;"
                                    xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                                    <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" />
                                </svg>
                            </span>
                        </a>
                        <a aria-label="Facebook" class="text-green text-decoration-none mx-2"
                            href="https://web.facebook.com/AGRAAlliance">
                            <span class="fa-stack" style="vertical-align: top;">
                                <i class="fa-regular fa-circle fa-stack-2x"></i>
                                <i class="fab fa-facebook-f fa-stack-1x"></i>
                            </span>
                        </a>
                        <a aria-label="LinkedIn" class="text-green text-decoration-none mx-2"
                            href="https://ke.linkedin.com/company/agraalliance">
                            <span class="fa-stack" style="vertical-align: top;">
                                <i class="fa-regular fa-circle fa-stack-2x"></i>
                                <i class="fab fa-linkedin-in fa-stack-1x"></i>
                            </span>
                        </a>
                        <a aria-label="Youtube" class="text-green text-decoration-none mx-2"
                            href="https://www.youtube.com/channel/UCw0VwkfDfyC0tmLfZB3y21A">
                            <span class="fa-stack" style="vertical-align: top;">
                                <i class="fa-regular fa-circle fa-stack-2x"></i>
                                <i class="fab fa-youtube fa-stack-1x"></i>
                            </span>
                        </a>
                        <a aria-label="TikTok" class="text-green text-decoration-none mx-2"
                            href="https://www.tiktok.com/@agra_africa">
                            <span class="fa-stack" style="vertical-align: top;">
                                <i class="fa-regular fa-circle fa-stack-2x"></i>
                                <i class="fab fa-tiktok fa-stack-1x"></i>
                            </span>
                        </a>
                        <a aria-label="WhatsApp" class="text-green text-decoration-none mx-2"
                            href="https://wa.me/254703033000">
                            <span class="fa-stack" style="vertical-align: top;">
                                <i class="fa-regular fa-circle fa-stack-2x"></i>
                                <i class="fab fa-whatsapp fa-stack-1x"></i>
                            </span>
                        </a>
                    </div>
                </div>

                <div class="col-md-9">
                                        <div class="ps-2">
                        <div class="row sitemap-layout">
                            <div class="col-12 col-md-3 mb-4">
                                <div class="footer-menu">
                                    <p style="display:block;color:#07743f;font-weight:700;font-size:15px;margin-bottom:8px;border-bottom:2px solid #72bf44;padding-bottom:5px;">Who We Are</p>
                                    <ul class="list-unstyled">
                                                                                    <li><a href="https://agra.kihingu.com/who-we-are/about-us/">About Us</a></li>
                                                                                    <li><a href="https://agra.kihingu.com/who-we-are/our-people/">Our People</a></li>
                                                                                    <li><a href="https://agra.kihingu.com/our-partners/">Our Partners</a></li>
                                                                                    <li><a href="https://agra.kihingu.com/policies/">Policies</a></li>
                                                                            </ul>
                                </div>
                            </div>
                            <div class="col-12 col-md-3 mb-4">
                                <div class="footer-menu">
                                    <p style="display:block;color:#07743f;font-weight:700;font-size:15px;margin-bottom:8px;border-bottom:2px solid #72bf44;padding-bottom:5px;">Opportunities</p>
                                    <ul class="list-unstyled">
                                                                                    <li><a href="https://agra.kihingu.com/opportunities/procurement-notices/">Procurement Notices</a></li>
                                                                                    <li><a href="https://agra.kihingu.com/opportunities/vacancies/">Vacancies</a></li>
                                                                                    <li><a href="https://agra.kihingu.com/opportunities/concept-notes/">Requests for Concept Notes</a></li>
                                                                            </ul>
                                </div>
                            </div>
                            <div class="col-12 col-md-3 mb-4">
                                <div class="footer-menu">
                                    <p style="display:block;color:#07743f;font-weight:700;font-size:15px;margin-bottom:8px;border-bottom:2px solid #72bf44;padding-bottom:5px;">Other Resources</p>
                                    <ul class="list-unstyled">
                                                                                    <li><a href="https://agra.kihingu.com/esg/">ESG</a></li>
                                                                                    <li><a href="https://agra.kihingu.com/faqs/">FAQs</a></li>
                                                                            </ul>
                                </div>
                            </div>
                            <div class="col-12 col-md-3 mb-4">
                                <div class="footer-menu">
                                    <p style="display:block;color:#07743f;font-weight:700;font-size:15px;margin-bottom:8px;border-bottom:2px solid #72bf44;padding-bottom:5px;">Contact Us</p>
                                    <div class="contact-block">
                                        <div class="text-dark-green custom-address"
                                            style="margin-bottom: 20px; line-height: 1.6;">
                                            West End Towers, 4th Floor,<br>
                                            Muthangari Drive, Off Waiyaki Way,<br>
                                            Nairobi, Kenya
                                        </div>
                                        <div class="contact-links" style="font-family: 'Poppins', sans-serif;">
                                            <p style="margin: 5px 0;"><strong>Email:</strong> <a href="mailto:info@agra.org"
                                                    style="color: #0C743F; text-decoration: none;">info@agra.org</a></p>
                                            <p style="margin: 5px 0;"><strong>Phone:</strong> <a href="tel:+254703033000"
                                                    style="color: #0C743F; text-decoration: none;">+254 703 033 000</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                    </div>
    </div>

    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12 px-2">
                <div class="py-3 mt-2 ps-2 pl-2 footer-copyright text-bold text-dark-green">
                    Copyright &copy; 2026, AGRA. All Rights Reserved.
                </div>
            </div>
        </div>
    </div>
</footer>
</div><!-- #page -->

<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/agra/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script id="ckyBannerTemplate" type="text/template"><div class="cky-overlay cky-hide"></div><div class="cky-btn-revisit-wrapper cky-revisit-hide" data-cky-tag="revisit-consent" data-tooltip="Cookie Settings" style="background-color:#0056a7"> <button class="cky-btn-revisit" aria-label="Cookie Settings"> <img src="https://agra.kihingu.com/wp-content/plugins/cookie-law-info/lite/frontend/images/revisit.svg" alt="Revisit consent button"> </button></div><div class="cky-consent-container cky-hide" tabindex="0"> <div class="cky-consent-bar" data-cky-tag="notice" style="background-color:#121212;border-color:#2a2a2a">  <div class="cky-notice"> <p class="cky-title" role="heading" aria-level="2" data-cky-tag="title" style="color:#d0d0d0"></p><div class="cky-notice-group"> <div class="cky-notice-des" data-cky-tag="description" style="color:#d0d0d0"> <p>We use cookies to enhance your browsing experience, serve personalized ads or content, and analyze our traffic. By clicking "Accept All", you consent to our use of cookies.</p> </div><div class="cky-notice-btn-wrapper" data-cky-tag="notice-buttons"> <button class="cky-btn cky-btn-customize" aria-label="Customize" aria-haspopup="true" aria-controls="ckyPreferenceCenter" data-cky-tag="settings-button" style="color:#d0d0d0;background-color:transparent;border-color:#d0d0d0">Customize</button> <button class="cky-btn cky-btn-reject" aria-label="Reject All" data-cky-tag="reject-button" style="color:#d0d0d0;background-color:transparent;border-color:#d0d0d0">Reject All</button> <button class="cky-btn cky-btn-accept" aria-label="Accept All" data-cky-tag="accept-button" style="color:#d0d0d0;background-color:#07743f;border-color:#07743f">Accept All</button>  </div></div></div></div></div><div class="cky-modal" tabindex="0"> <div class="cky-preference-center" id="ckyPreferenceCenter" data-cky-tag="detail" style="color:#d0d0d0;background-color:#121212;border-color:#2A2A2A"> <div class="cky-preference-header"> <span class="cky-preference-title" role="heading" aria-level="2" data-cky-tag="detail-title" style="color:#d0d0d0">Customize Consent Preferences</span> <button class="cky-btn-close" aria-label="Close" data-cky-tag="detail-close"> <img src="https://agra.kihingu.com/wp-content/plugins/cookie-law-info/lite/frontend/images/close.svg" alt=""> </button> </div><div class="cky-preference-body-wrapper"> <div class="cky-preference-content-wrapper" data-cky-tag="detail-description" style="color:#d0d0d0"> <p>We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.</p><p>The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. </p><p>We also use third-party cookies that help us analyze how you use this website, store your preferences, and provide the content and advertisements that are relevant to you. These cookies will only be stored in your browser with your prior consent.</p><p>You can choose to enable or disable some or all of these cookies but disabling some of them may affect your browsing experience.</p> </div><div class="cky-accordion-wrapper" data-cky-tag="detail-categories"> <div class="cky-accordion" id="ckyDetailCategorynecessary"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Necessary" data-cky-tag="detail-category-title" style="color:#d0d0d0">Necessary</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchnecessary"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryfunctional"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Functional" data-cky-tag="detail-category-title" style="color:#d0d0d0">Functional</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchfunctional"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryanalytics"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Analytics" data-cky-tag="detail-category-title" style="color:#d0d0d0">Analytics</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchanalytics"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryperformance"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Performance" data-cky-tag="detail-category-title" style="color:#d0d0d0">Performance</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchperformance"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryadvertisement"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Advertisement" data-cky-tag="detail-category-title" style="color:#d0d0d0">Advertisement</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchadvertisement"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div> </div></div><div class="cky-footer-wrapper"> <span class="cky-footer-shadow"></span> <div class="cky-prefrence-btn-wrapper" data-cky-tag="detail-buttons"> <button class="cky-btn cky-btn-reject" aria-label="Reject All" data-cky-tag="detail-reject-button" style="color:#d0d0d0;background-color:transparent;border-color:#d0d0d0"> Reject All </button> <button class="cky-btn cky-btn-preferences" aria-label="Save My Preferences" data-cky-tag="detail-save-button" style="color:#d0d0d0;background-color:transparent;border-color:#d0d0d0"> Save My Preferences </button> <button class="cky-btn cky-btn-accept" aria-label="Accept All" data-cky-tag="detail-accept-button" style="color:#d0d0d0;background-color:#07743f;border-color:#07743f"> Accept All </button> </div></div></div></div></script>
</body>
</html>