<?php
    include(__DIR__ . '/../../app/prensa.php');

    function gamq_first_news_image(array $post): string
    {
        $imageUrl = wp_post_featured_image_url($post, false);
        if (!empty($imageUrl)) {
            return $imageUrl;
        }

        return '/assets/images/content/news/leyes.jpg';
    }

    $catList = getList("categories");
    $userList =getList("users");
    $noticias =[];
    if (isset($_POST['category'])) {
        $category = $_POST['category'];
        if($category!=null ){
            // $noticias =get3NewsByCategory($category);
            $url = wp_posts_url(['categories' => $category]);
            $noticias =decode_api($url);
        }
    } 
    if (isset($_POST['author'])) {
        $author = $_POST['author'];
        if($author!=null ){
        $url = wp_posts_url(['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):
                                $firstImageURL = gamq_first_news_image($post);
                                $categories = [];
                                foreach ($catList as $cat) {
                                    if(!empty($post['categories'])){
                                    foreach ($post['categories'] as $catPost) {
                                        if ($cat['id'] == $catPost) {
                                            $categories[] = $cat;
                                        }
                                    } }
                                }                     
                            ?>
                                <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="<?= htmlspecialchars($firstImageURL) ?>" class="scale-with-grid wp-post-image" loading="lazy" alt="<?= htmlspecialchars(strip_tags($post['title']['rendered'] ?? 'Noticia')) ?>" />
                                            </div>
                                        </div>
                                        <div class="date_label">
                                            <?= htmlspecialchars($categories[0]['name'] ?? 'Noticias') ?>
                                        </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="/assets/js/jquery-migrate-3.4.0.min.js"></script>

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

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

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