<?php get_header(); ?>

    <main role="main" class="l-flex">
        <section id="slider-main">

            <!-- Slider container => -->
            <?php slider_header(); ?>

        </section>
        <?php if (!empty(get_bloginfo('description'))): ?>
            <section id="descripcion-site">
                <p><?php echo esc_html(get_bloginfo('description')); ?></p>
            </section>
        <?php endif; ?>
        <div id="content-wrapper" class="l-container l-flex">
            <section id="posts" class="l-flex clase-home-img">

                <?php
                $menu_name = 'categories';
                $locations = get_nav_menu_locations();
                $menu = wp_get_nav_menu_object($locations[$menu_name]);
                $menuitems = wp_get_nav_menu_items($menu->term_id);
                foreach ($menuitems as $item) {
                    if ($item->object == "category" && $item->type == "taxonomy") {
                        $id_category = intval($item->object_id); // Get id_category del item menu
                        $meta_cat = get_category($id_category);
                        $category_image = "";
                        $subtitle_home = get_term_meta($id_category, 'category_subtitle_home', true);
                        $cat_desc = category_description($id_category);

                        $images = get_option('taxonomy_image_plugin'); // get the taxonomy images array
                        if (array_key_exists($id_category, $images)) { // check if category has an image
                            $category_image = wp_get_attachment_image_src($images[$id_category], 'full'); // if it does, echo that image
                        }

                        ?>

                        <article class="post cat-<?php echo $meta_cat->slug; ?>" id="post-<?php echo $id_category; ?>">
                            <figure class="post-img">
                                <a href="<?php echo esc_url($item->url); ?>">
                                    <img src="<?php echo esc_url($category_image[0]); ?>" alt="<?php echo $item->title; ?>" title="<?php echo $item->title; ?>">
                                </a>
                            </figure>
                            <div class="post-title">
                                <h2>
                                    <a href="<?php echo esc_url($item->url); ?>"><?php echo $item->title; ?></a>
                                </h2>
                                <p><?php echo $subtitle_home; ?></p>
                            </div>
                            <a href="<?php echo esc_url($item->url); ?>">
                                <div class="post-excerpt">
                                    <div class="excerpt-wrapper">

                                        <p><?php echo $cat_desc; ?></p>
                                        <span class="read-more"><i class="icon-read-more"></i><br/><?php esc_attr_e('Ver más', 'colombia'); ?></span>

                                    </div>
                                </div>
                            </a>
                        </article>

                        <?php
                    }
                }
                ?>
            </section>

            <?php get_sidebar('home'); ?>
        </div>
    </main>

<?php get_footer(); ?>