<?php
        include('../../app/prensa.php');
        $url = wp_posts_url(['per_page' => 2]);
        if (!empty($category)) {
            $url = wp_posts_url(['per_page' => 2, 'categories' => $category]);
        }
        if(!empty($author)){
            $url = wp_posts_url(['per_page' => 2, 'author' => $author]);
        }
        $catList = getList("categories");
        $userList =getList("users");
        $noticias = decode_api($url);
    ?>
        <footer id="Footer" class="clearfix">
            <div class="widgets_wrapper">
                <div class="container">
                    <div class=" one-third column">
                        <aside id="text-8" class="widget widget_text">
                            <div class="textwidget">
                                <img src="/assets/images/brand/Logos GAMQ whiteText.png" width="180" height="auto" title="GAMQ" alt="Gobierno Autonomo Municipal de Quillacollo">
                                <h4>Acerca de Nosotros</h4>
                                <p>
                                Direccion: Plaza 06 de Agosto Acera Este <br>
                                Telefonos:(591) + 4 + 4362771-72-73 <br>
                                email: municipiodequillacollo@gmail.com
                                </p>
                                <a href="https://www.facebook.com/people/Gobierno-Aut%C3%B3nomo-Municipal-de-Quillacollo/100069003586474/" class="icon_bar icon_bar_facebook icon_bar_small">
                                    <span class="t"><i class="icon-facebook "></i></span>
                                    <span class="b"><i class="icon-facebook"></i></span></a>
                                <a href="https://quillacollo.gob.bo/" class="icon_bar icon_bar_google icon_bar_small">
                                    <span class="t"><i class="icon-gplus"></i></span>
                                    <span class="b"><i class="icon-gplus"></i></span></a>
                                <a href="https://www.youtube.com/@alcaldiaquillacollo6225" class="icon_bar icon_bar_youtube icon_bar_small">
                                    <span class="t"><i class="icon-play"></i></span>
                                    <span class="b"><i class="icon-play"></i></span></a>
                            </div>
                        </aside>
                    </div>
                    <div class="one-third column">
                        <aside class="widget widget_mfn_recent_posts">
                            <h4>Mapa de Quillacollo  </h4>
                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d84208.16386594198!2d-66.33908756997607!3d-17.339826766930575!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x93e30b7bf247bc8b%3A0xbb3549689b244b2d!2sQuillacollo!5e0!3m2!1ses-419!2sbo!4v1693588554870!5m2!1ses-419!2sbo"
                            width="330" height="230" style="border-radius: 5%; " allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </aside>
                    </div>
                    <div class="one-third column">
                        <!-- Recent posts -->
                        <aside class="widget widget_mfn_recent_posts">
                            <h4>Ultimas Noticias</h4>
                            <div class="Recent_posts">
                                <ul>
                                    <?php
                                    foreach ($noticias as $post):
                                        $firstImageURL = wp_post_featured_image_url($post, false);
                                        $categories = [];
                                        foreach ($catList as $cat) {
                                            foreach ($post['categories'] as $catPost) {
                                                if ($cat['id'] == $catPost) {
                                                    $categories[] = $cat;
                                                }
                                            }
                                        }
                                    ?>
                                    <li class="post format-image has-post-thumbnail  category-mobile category-photography tag-design tag-html5">
                                        <a href="<?= $post['link']?>">
                                            <div class="photo">
                                                <?php if(!empty($firstImageURL)):?>
                                                <img width="80" height="80" src="<?= htmlspecialchars($firstImageURL) ?>" alt="<?= htmlspecialchars(strip_tags($post['title']['rendered'] ?? 'Noticia')) ?>">
                                                <?php endif?>
                                            </div>
                                            <div class="desc">
                                                <h6><?= $post['title']['rendered'] ?></h6>
                                                <span class="date"><i class="icon-clock"></i>
                                                    <?php echo date("d-m-Y", strtotime($post['date_gmt']));?>
                                                </span>
                                                <!-- {{-- @if (!empty($categories)) --}} -->
                                                <?php foreach($categories as $cat):?>
                                                    <a href="<?= $cat['link']?>" rel="category tag"><?= $cat['name']?></a>
                                                <?php endforeach?>
                                                <!-- {{-- @endif --}} -->
                                            </div>
                                        </a>
                                    </li>
                                    <?php endforeach?>
                                </ul>
                            </div>
                        </aside>
                    </div>
                </div>
            </div>
            
            <div class="footer_copy">
                <div class="container">
                    <div class="column one">
                        <a id="back_to_top" href="#" class="button button_left button_js"> <span class="button_icon"> <i class="icon-up-open-big"></i> </span> </a>
                        <div class="copyright">
                            &copy; 2023 Jefatura de Tecnologia de Informacion - Gobierno Autonomo Municipal de Quillacollo. Todos los derechos reservados.
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <div id="global-chatbot-widget"></div>
        <script>
            (function() {
                if (document.getElementById('chatbot-container')) {
                    if (typeof initializeChatbot === 'function') {
                        initializeChatbot();
                    }
                    return;
                }

                var chatbotMount = document.getElementById('global-chatbot-widget');
                if (!chatbotMount || typeof jQuery === 'undefined') {
                    return;
                }

                jQuery(chatbotMount).load('/modules/e-gamq/chatbot.html', function(response, status, xhr) {
                    if (status === 'error') {
                        console.error('Error loading /modules/e-gamq/chatbot.html:', xhr.status, xhr.statusText);
                        return;
                    }

                    chatbotMount.querySelectorAll('#chatbot-toggle img, .chatbot-avatar img').forEach(function(chatbotIcon) {
                        chatbotIcon.src = '/assets/images/brand/avatars/chatbot.png';
                    });

                    jQuery.getScript('/modules/e-gamq/chatbot.js')
                        .done(function() {
                            if (typeof initializeChatbot === 'function') {
                                initializeChatbot();
                            }
                        })
                        .fail(function(jqxhr, settings, exception) {
                            console.error('Error loading /modules/e-gamq/chatbot.js:', exception);
                        });
                });
            })();
        </script>