<?php
/*
Template Name: Historias
*/

get_header(); ?>
<div class="wrapper-page">
    <h1 class="titulo-seccion text-center">Historias de éxito</h1>
    <div class="contenedor-cuadros">
        <?php
        // page-historias
        $args = array(
            'post_type'			=> 'historias',
            // 'posts_per_page'	=> 8,
            'orderby'			=> 'date',
            'order'				=> 'DESC',
        );
        $historias_blog = new WP_Query($args);
        

         if ( $historias_blog->have_posts() ) :
            while( $historias_blog->have_posts() ) : $historias_blog->the_post();

            //$imagen_conferencia = get_field('imagen_historias');
            //$descripcion = get_field('descripcion_historia');
            //$url_imagen = $imagen_conferencia['url']; 
            $descripcion = get_post_meta($post->ID, 'descripcion_historia')[0];
            ?>
                <a href="<?php the_permalink(); ?>">
                    <div class="contenedor-imagen-cuadro">
                        <div class="cuadro-info" style="background-image: url('<?= get_the_post_thumbnail_url() ?>')">
                            <div class="overlay-negro"></div>
                            <div class="cuadro-descripcion text-center">
                                <p class="cuadro-titulo"><?php the_title(); ?></p>
                                <p class="cuadro-resumen"><?php echo $descripcion; ?></p>
                                <div class="icono-mas"></div>
                            </div>
                        </div>
                    </div>
                </a>
            <?php endwhile;
        endif; ?>
    </div>
</div>

<div class="contenedor-frase-footer">
    <div class="texto-footer">
        <div class="container">
            <div class="col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1 text-center">
                <img class="icono-frase-footer" src="<?php echo get_template_directory_uri(); ?>/img/icono-paisaje.svg" alt="">
                <p class="frase-texto-part-1">"La aventura más grande</p>
                <p class="frase-texto-part-2">Está en tu propia historia".</p>
                <span class="autor-alexV">Alex Villarreal</span>
            </div>
        </div>
    </div>
</div>

<?php get_footer(); ?>