<?php
    include(__DIR__ . '/../app/prensa.php');
    $catList = getList("categories");
    $tagList = getListC("tags"); 
    $queryParams = ['per_page' => 4];
    if (isset($_POST['category'])) {
        $category = $_POST['category'];
        if ($category !== null) {
            $categoryId = find_wp_category_id($category, $catList);
            if ($categoryId !== null) {
                $queryParams['categories'] = $categoryId;
            }
        }
    }

    if (isset($_POST['author'])) {
        $author = $_POST['author'];
        if ($author !== null) {
            $queryParams['author'] = $author;
        }
    }

    $url = wp_posts_url($queryParams);
    $noticias = decode_api($url);           
?>

<div class="sidebar sidebar-1 four columns">
        <div class="widget-area clearfix">
            <!-- Search form-->
            <aside class="widget widget_search">
                <h3>Buscar</h3>
                <form method="get" action="https://prensa.quillacollo.gob.bo/">
                    <input type="text" class="field" name="s" placeholder="coloca tu texto" />
                    <input type="submit" class="submit" value="Search" />
                </form>
                <!-- <div class="td-drop-down-search"> -->
                    <!-- <form method="get" class="td-search-form" action="https://prensa.quillacollo.gob.bo/">
                        <div class="td-search-close">
                            <a href="#"><i class="td-icon-close-mobile"></i></a>
                        </div>
                        <div role="search" class="td-search-input">
                            <span>Buscar</span>
                            <input id="td-header-search-mob" type="text" value="" name="s" autocomplete="off">
                        </div>
                    </form>
                    <div id="td-aj-search-mob" class="td-ajax-search-flex"></div> -->
                <!-- </div> -->
            </aside>
            <!-- Text Area -->
            <aside class="widget widget_text">
                <h3 class='tile'> GAMQ</h3>
                <div class="textwidget">
                    La atención a nuestros ciudadanos será prioridad,  El trabajo coordinado y consensuado, nos permitirá la búsqueda de soluciones viables velando los intereses de la institucionalidad y la ciudadanía
                </div>
            </aside>
            <aside class="widget widget_text">
                <h3>ENCUENTRANOS EN:</h3>
                <div class="textwidget">
                                <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>
            <!-- Categories Area -->
                        <aside class="widget widget_categories">
                            <h3>CATEGORIAS</h3>
                            <ul>
                                <li class="cat-item cat-item-2">
                                    <a href="/pages/news.html?category=Secretaria de Desarrollo Humano">Desarrollo Humano</a>
                                </li>
                                <li  class="cat-item cat-item-8 ">
                                    <a href="/pages/news.html?category=Secretaria de Desarrollo Productivo"><span>Secretaria de desarrollo productivo</span></a>
                                </li>
                                <li  class="cat-item cat-item-9">
                                    <a href="/pages/news.html?category=Secretaria de Planificacion"><span>Secretaria de Planificacion</span></a>
                                </li>
                                <li  class="cat-item cat-item-9">
                                    <a href="/pages/news.html?category=Secretaria Municipal de Administracion y Finanzas"><span>Secretaria Municipal de Administracion y Finanzas</span></a>
                                </li>
                                <li  class="cat-item cat-item-9">
                                    <a href="/pages/news.html?category=Secretaria Salud y Deportes"><span>Secretaria Salud y Deportes</span></a>
                                </li>
                                <li  class="cat-item cat-item-9">
                                    <a href="/pages/news.html?category=Secretaria Tecnica"><span>Secretaria Tecnica</span></a>
                                </li>
                            </ul>
                        </aside>
            <!-- Text Area -->
            <aside id="text-6" class="widget widget_text">
                <h3>Teléfonos de contacto</h3>
                <div class="textwidget">
                    <li class="cat-item cat-item-61">
                        Telefonos:(591) + 4 + 4362771-72-73
                    </li>
                    <li class="cat-item cat-item-61">
                        email: admin@quillacollo.gob.bo
                    </li>
                </div>
                <br>
                <h3>Dirección de oficinas</h3>
                <div class="textwidget">
                    Plaza 06 de Agosto Acera Este
                </div>
                    <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>
            <!-- Recent posts -->
            <aside class="widget widget_mfn_recent_posts">
                <h3>Ultimos posts</h3>
                <div class="Recent_posts">
                    <ul>
                    <?php
                    foreach ($noticias as $post) {
                        $firstImageURL = wp_post_featured_image_url($post, false); 
                        
                        $categories = [];
                        if (!empty($category)) {
                            foreach ($catList as $categoryItem) {
                                foreach ($post['categories'] as $catPost) {
                                    if ($categoryItem['id'] == $catPost) {
                                        $categories[] = $categoryItem;
                                    }
                                }
                            }
                        }
                    ?>
                        <li class="post">
                            <a href="blog-single-content-builder.html">
                                <div class="photo">
                                    <?php if(!empty($firstImageURL)){?>
                                        <img width="80" height="80" src="<?= htmlspecialchars($firstImageURL) ?>" class="scale-with-grid wp-post-image" /><span class="c">-</span>
                                    <?php }?>
                                </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>
                                </div>
                            </a>
                        </li>
                    <?php } ?>
                    </ul>
                </div>
            </aside>
            
                    <?php 
                    $urlA = wp_posts_url(['per_page' => 1, 'categories' => 2]);
                    $post = decode_api($urlA); 
                    if($post){
                        $content = $post[0]['content']['rendered'];
                        if (preg_match('/<a[^>]+href="([^"]+)"/', $content, $matches)) {
                            $firstImageURL = $matches[1];
                        }     
                    }                      
                    ?>
                        <aside class="widget widget_text">
                            <h3>REGULARIZACION TECNICA</h3>
                            <div class="textwidget">
                                <div style="line-height: 0;">
                                    <a href="<?= $post[0]['link'] ?>">
                                        <!-- <img src="/modules/unidades/assets/press/assets/images/ads/250x250.gif"> -->
                                    <!-- <img src="<?= $firstImageURL ?>" /> -->
                                    </a>
                                </div>
                            </div>
                        </aside>
                        <!-- Text Area -->
                        <!-- <aside class="widget widget_text">
                            <div class="textwidget">
                                <div style="border: 3px solid #ff0000; padding: 30px 20px 15px; text-align: center;">
                                    <h3 style="margin-bottom: 25px;">SIGN UP FOR
										<br>
										NEWSLETTER</h3>
                                    <p style="margin-bottom: 25px;">
                                        Aenean ligula nibh, mole stie id viverra a, dapibus ante lobortis
                                    </p>
                                    <a class="button button_theme button_js" href="#"><span class="button_label">Subscribe</span></a>
                                </div>
                            </div>
                        </aside> -->
            <!--Tag Cloud -->
            <aside class="widget widget_tag_cloud">
                <h3>Tags</h3>
                <div class="tagcloud">
                <?php for($i=0 ; $i<8;$i++){
                    if($tagList){
                ?>
                    <a href='<?= $tagList[$i]['link']?>' class='tag-link-20' title='3 topics'><?= $tagList[$i]['name']?></a>
                <?php } }?>
            </div>
        </aside>
    </div>
</div>