<?php
    include('../php/prensa.php');
    $catList = getList("categories");
    $userList =getList("users");
    $noticias =[];
    if (isset($_POST['category'])) {
        $category = $_POST['category'];
        if($category!=null ){
            // $noticias =get3NewsByCategory($category);
            $url = "https://prensa.quillacollo.gob.bo/wp-json/wp/v2/posts?"."&categories={$category}";
            $noticias =decode_api($url);
        }
    } 
    if (isset($_POST['author'])) {
        $author = $_POST['author'];
        if($author!=null ){
        $url = "https://prensa.quillacollo.gob.bo/wp-json/wp/v2/posts?"."&author={$author}";
            $noticias =decode_api($url);
        }
    }

    // $url = "https://prensa.quillacollo.gob.bo/wp-json/wp/v2/posts?categories=1";
    // $noticias = decode_api($url); 
    // $url = "https://prensa.quillacollo.gob.bo/wp-json/wp/v2/posts?categories=273";
    // $noticias = array_merge($noticias, decode_api($url));
?>


 <!-- <div class="section sections_style_4"> -->
            <div class="section_wrapper clearfix">
                <div class="items_group clearfix">
                    <div class="column one column_blog_slider">
                        <div class="blog_slider clearfix">
                            <div class="blog_slider_header">
                                <h4 class="title">Noticias</h4>
                                <a class="button button_js slider_prev" href="#"><span class="button_icon"><i class="icon-left-open-big"></i></span></a>
                                <a class="button button_js slider_next" href="#"><span class="button_icon"><i class="icon-right-open-big"></i></span></a>
                            </div>
                            <ul class="blog_slider_ul">                                
                            <?php 
                            foreach($noticias as $post):
                                $content = $post['content']['rendered'];
                                if (preg_match('/<img[^>]+src="([^"]+)"/', $content, $matches)) {
                                    $firstImageURL = $matches[1];
                                }      
                                $categories = [];
                                foreach ($catList as $cat) {
                                    if(!empty($post['categories'])){
                                    foreach ($post['categories'] as $catPost) {
                                        if ($cat['id'] == $catPost) {
                                            $categories[] = $cat;
                                            if($cat['id']==26 && empty($firstImageURL)){
                                            $firstImageURL="images/leyes.jpg";}
                                        }
                                    } }
                                }                     
                            ?>
                                <li class="post format-standard has-post-thumbnail">
                                    <div class="item_wrapper">
                                        <div class="image_frame scale-with-grid">
                                            <div class="image_wrapper">
                                                <img width="576" height="450" src="<?= $firstImageURL ?>" class="scale-with-grid wp-post-image" />
                                            </div>
                                        </div>
                                        <div class="date_label">
                                            <?= $categories[0]['name']?>
                                        </div>
                                        <div class="desc">
                                            <h5>
                                                <a href="<?= $post['link'] ?>"><?= $post['title']['rendered'] ?></a>
                                            </h5>
                                            <hr class="hr_color" />
                                            <a href="<?= $post['link'] ?>" class="button button_left button_js">
                                                <span class="button_icon"><i class="icon-layout"></i></span>
                                                <span class="button_label">Leer más</span>
                                            </a>
                                        </div>
                                    </div>
                                </li>
                            <?php endforeach?>
                            </ul>
                            <div class="slider_pagination"></div>
                        </div>
                    </div>
                    <div class="column one column_divider">
                        <div class="hr_wide">
                        <hr>
                        </div>
                    </div>
                </div>
            </div>
        <!-- </div> -->

      
	<script src="../js/jquery-migrate-3.4.0.min.js"></script>

    <script src="../js/mfn.menu.js"></script>
    <script src="../js/jquery.plugins.js"></script>
    <script src="../js/jquery.jplayer.min.js"></script>
    <script src="../js/animations/animations.js"></script>
    <script src="../js/scripts.js"></script>

    <script src="../plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
    <script src="../plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
    <script src="../plugins/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
    <script src="../plugins/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
    <script src="../plugins/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
    <script src="../plugins/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
    <script src="../plugins/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
    <script src="../plugins/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
    <script src="../plugins/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>

    <script src="../plugins/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>