<?php
    include('php/prensa.php');
    $catList = getList("categories");
    $tagList = getListC("tags"); 
    $url = "https://prensa.quillacollo.gob.bo/wp-json/wp/v2/posts?per_page=4";             
    if (isset($_POST['category'])) {
        $category = $_POST['category'];
        if($category!=null ){
            if ((string)$category == $category) {
                foreach($catList as $cat){
                    if($cat['slug'] == $category){
                        $category=$cat['id'];
                    }
                }
            } 
            if ((integer)$category == $category) {
                $url = $url."&categories={$category}";
            }
        }
    }     
    if (isset($_POST['author'])) {
        $author = $_POST['author'];
        if($author!=null ){
            $url = $url."&author={$author}";
        }
    }

    $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="news.html?category=Secretaria de Desarrollo Humano">Desarrollo Humano</a>
                                </li>
                                <li  class="cat-item cat-item-8 ">
                                    <a href="news.html?category=Secretaria de Desarrollo Productivo"><span>Secretaria de desarrollo productivo</span></a>
                                </li>
                                <li  class="cat-item cat-item-9">
                                    <a href="news.html?category=Secretaria de Planificacion"><span>Secretaria de Planificacion</span></a>
                                </li>
                                <li  class="cat-item cat-item-9">
                                    <a href="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="news.html?category=Secretaria Salud y Deportes"><span>Secretaria Salud y Deportes</span></a>
                                </li>
                                <li  class="cat-item cat-item-9">
                                    <a href="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){
                            $content = $post['content']['rendered'];
                            if (preg_match('/<img[^>]+src="([^"]+)"/', $content, $matches)) {
                                $firstImageURL = $matches[1];// echo $firstImageURL;
                            }
                            if(!empty($category)){
                                 $categories = [];//null;
                                foreach ($catList as $category) {
                                    foreach ($post['categories'] as $catPost) {
                                    if ($category['id'] == $catPost) {
                                        $categories[] = $category;
                                    }
                                    }
                                }
                            }
                    ?>

                        <li class="post">
                            <a href="blog-single-content-builder.html">
                                <div class="photo">
                                    <?php if(!empty($firstImageURL)){?>
                                        <img width="80" height="80" src="<?= $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 = "https://prensa.quillacollo.gob.bo/wp-json/wp/v2/posts?per_page=1&categories=2";
                    $post = decode_api($urlA); 

                        $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="content/press/images/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++){?>
                    <a href='<?= $tagList[$i]['link']?>' class='tag-link-20' title='3 topics'><?= $tagList[$i]['name']?></a>
                <?php }?>
            </div>
        </aside>
    </div>
</div>