<?php
/*
Template Name: Home
*/

get_header(); 

$slider = [];
$slider[0] = [
    'imagen_slider' => '45',
    'frase_imagen' => 'Transformación es subir paso a paso por nosotros mismos',
    'posicion_texto_imagen' => 'pos-izquierda',
    'texto_boton' => 'FILOSOFÍA SIN ATAJOS A LA CUMBRE',
    'url_boton' => '/cumbre/'
];
$slider[1] = [
    'imagen_slider' => '43',
    'frase_imagen' => 'Nuevas posibilidades emergen de nuevas creencias',
    'posicion_texto_imagen' => '',
    'texto_boton' => 'CONFERENCIAS QUE TE INTERESARÁN',
    'url_boton' => '/conferencias/'
];
$slider[2] = [
    'imagen_slider' => '44',
    'frase_imagen' => 'Emocionarnos juntos es el inicio de todo proyecto exitoso',
    'posicion_texto_imagen' => 'pos-izquierda',
    'texto_boton' => 'HISTORIAS DE ÉXITO',
    'url_boton' => '/historias/'
];
?>


<div class="hero-alexV" >
    <div id="slider-alex" class="owl-carousel owl-theme">
        <?php if ( have_posts() ) :
            while( have_posts() ) : the_post();
                /*
                if( have_rows('slider_home') ):
                $contador = 0;
                    while ( have_rows('slider_home') ) : the_row();
                    $imagen_arreglo = get_sub_field('imagen_slider');
                    $url_imagen = $imagen_arreglo['url'];
                    $frase_imagen = get_sub_field('frase_imagen');
                    $pos = get_sub_field('posicion_texto_imagen');
                    $clase_pos = '';
                    $texto_btn = get_sub_field('texto_boton');
                    $url_btn = get_sub_field('url_boton');
                    // var_dump();
                    if($pos == 'Izquierda') :
                        $clase_pos = 'pos-izquierda';
                    elseif($pos == 'Derecha') :
                        $clase_pos = 'pos-derecha';
                    elseif($pos == 'Centrado'):
                        $clase_pos = '';
                    endif; ?>
                    <?php if ($contador == 1) : ?>
                        <div class="item" style="background-position: 48% 78%; background-image: url('<?php echo $url_imagen; ?>');">
                            <div class="overlay-hero-home"></div>
                            <div class="info-detalle-hero <?php echo $clase_pos; ?>">
                                <div class="info-hero-home"><?php echo $frase_imagen; ?></div>
                                <a class="btn-simple" href="<?php echo $url_btn; ?>"><?php echo $texto_btn; ?></a>
                            </div>
                        </div>
                    <?php else: ?>

                        <div class="item" style="background-image: url('<?php echo $url_imagen; ?>');">
                            <div class="overlay-hero-home"></div>
                            <div class="info-detalle-hero <?php echo $clase_pos; ?>">
                                <div class="info-hero-home"><?php echo $frase_imagen; ?></div>
                                <a class="btn-simple" href="<?php echo $url_btn; ?>"><?php echo $texto_btn; ?></a>
                            </div>
                        </div>
                    <?php endif;
                        $contador ++;
                    endwhile;
                    <?php endif;
                */
                if( !empty($slider)) :
                    $count = 0;
                    foreach ($slider as $item) : 
                        $url_imagen = wp_get_attachment_image_url($item['imagen_slider'],'full');
                        //echo $url_image;
                        $count == 1 ? $position = 'background-position: 48% 78%;' : $position = '';
                        ?>
                        <div class="item" style="<?= $position ?> background-image: url('<?php echo $url_imagen; ?>');">
                            <div class="overlay-hero-home"></div>
                            <div class="info-detalle-hero <?=  $item['posicion_texto_imagen'] ?>">
                                <div class="info-hero-home"><?= $item['frase_imagen'] ?></div>
                                <a class="btn-simple" href="<?= $item['url_boton']; ?>"><?= $item['texto_boton'] ?></a>
                            </div>
                        </div>
                    <?php 
                    $count ++;
                    endforeach;
                else : ?>
                    <div class="item" style="background-image: url('<?= get_the_post_thumbnail_url() ?>');">
                        <div class="overlay-hero-home"></div>
                        <div class="info-detalle-hero pos-izquierda">
                            <div class="info-hero-home">Transformación es subir paso a paso por nosotros mismos</div>
                            <a class="btn-simple" href="/cumbre/">FILOSOFÍA SIN ATAJOS A LA CUMBRE</a>
                        </div>
                    </div>
                <?php endif;
            endwhile;
        endif; ?>
    </div>
    <a href="#bio-home" class="flecha-hero"></a>
</div>
<div id="bio-home" class="contenedor-bio-home">
    <?php

     ?>
    <div class="container text-center">
        <!-- <div class="texto-bio-home">
            De emprendedor a papá.<br>
            De la Huasteca al Everest.<br>
            De tenerlo todo a disfrutar cada detalle.<br>
        </div> -->
        <!-- <div class="home-video-container"></div> -->
        <div class="contenedor-facts">
            <h1 class="titulo-seccion-home">Quick facts</h1>
        </div>
        <div class="row contenedor-cifras">
            <div class="col-md-4 col-sm-4">
                <h1>1ER</h1>
                <p>Regiomontano que escaló <br> el Monte Everest</p>
            </div>
            <div class="col-md-4 col-sm-4">
                <h1>+20</h1>
                <p>Expediciones en<br>5 continentes</p>
            </div>
            <div class="col-md-4 col-sm-4">
                <h1>+600</h1>
                <p>Conferencias</p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 text-center contenedor-btn">
                <a href="<?php echo home_url('bio'); ?>" class="btn-gradiante">Ir a bio</a>
            </div>
        </div>
    </div>
</div>
<div class="contenedor-testimoniales-home">
    <div class="container text-center test-img">
        <h1 class="titulo-seccion-home">testimoniales</h1>
    </div>
    <div class="contenedor-cuadros-home">
        <div class="cuadro-home">
            <div class="overlay-1"></div>
            <div class="contenedor-info-cuadro">
                <div class="info-cuadro-home letra-italica">
                    "La conferencia de Alex armonizó perfectamente con nuestra estrategia".
                </div>
                <div class="autor-contenedor">
                    <div class="img-contenedor">
                        <img src="<?php echo get_template_directory_uri(); ?>/img/marco-canavati-axera.png">
                    </div>

                    <div class="autor-info">
                        <h4 class="autor-nombre">Marco A Canavati</h4>
                        <p class="autor-bio">CEO Grupo Axera</p>
                    </div>
                </div>
            </div>

        </div>
        <div class="cuadro-home">
            <div class="overlay-2"></div>
            <div class="contenedor-info-cuadro">
                <div class="info-cuadro-home letra-mascara">
                    <h1>"Una experiencia trascendente para todos".</h1>
                </div>
                <div class="autor-contenedor">
                    <div class="img-contenedor">
                        <img src="<?php echo get_template_directory_uri(); ?>/img/jorge-quiroga.png">
                    </div>

                    <div class="autor-info">
                        <h4 class="autor-nombre">Jorge Quiroga</h4>
                        <p class="autor-bio">Director de RH en 7-Eleven</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="cuadro-home">
            <div class="overlay-3"></div>
            <div class="contenedor-info-cuadro">
                <div class="info-cuadro-home letra-italica">
                    "Alex  te conecta a los 'riscos' más importantes de la vida y te invita a actuar".
                </div>
                <div class="autor-contenedor">
                    <div class="img-contenedor">
                        <img src="<?php echo get_template_directory_uri(); ?>/img/javier-prieto.png">
                    </div>

                    <div class="autor-info">
                        <h4 class="autor-nombre">Javier Prieto de la Fuente</h4>
                        <p class="autor-bio">Fundador SELIDER</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="cuadro-home">
            <div class="overlay-4"></div>
            <div class="contenedor-info-cuadro">
                <div class="info-cuadro-home letra-italica">
                    "Alex es un vendaval de energía y pasión. Sus historias nos inspiran a alcanzar nuestros más anhelados logros y nos conecta como seres humanos".
                </div>
                <div class="autor-contenedor">
                    <div class="img-contenedor">
                        <img src="<?php echo get_template_directory_uri(); ?>/img/manuel-aldrete.png">
                    </div>

                    <div class="autor-info">
                        <h4 class="autor-nombre">Manuel Aldrete</h4>
                        <p class="autor-bio">Recursos Humano Whirlpool MX</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="cuadro-home">
            <div class="overlay-5"></div>
            <div class="contenedor-info-cuadro">
                <div class="info-cuadro-home letra-italica">
                    "Nos convence sobre lo importante y lo sencillo. Te refresca y energiza para vivir intensamente".
                </div>
                <div class="autor-contenedor">
                    <div class="img-contenedor">
                        <img src="<?php echo get_template_directory_uri(); ?>/img/jorge-Fares-otero-femsa.png">
                    </div>

                    <div class="autor-info">
                        <h4 class="autor-nombre">Jorge Fares Otero</h4>
                        <p class="autor-bio">Femsa Comercio</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="cuadro-home">
            <div class="overlay-6"></div>
            <div class="contenedor-info-cuadro">
                <div class="info-cuadro-home letra-italica">
                    "Alex nos facilita el camino para reflexionar profundamente sobre nuestros objetivos profesionales y personales".
                </div>
                <div class="autor-contenedor">
                    <div class="img-contenedor">
                        <img src="<?php echo get_template_directory_uri(); ?>/img/rodrigo-rincon.png">
                    </div>

                    <div class="autor-info">
                        <h4 class="autor-nombre">Rodrigo Rincón</h4>
                        <p class="autor-bio">CEO Alamo Capital</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="contenedor-frase-footer">
    <div class="texto-footer">
        <div class="container">
            <div class="col-md-12 col-sm-12 text-center">
                <img class="icono-frase-footer" src="<?php echo get_template_directory_uri(); ?>/img/icono-corazon.svg" alt="">
                <p class="frase-texto-part-1" style="margin-bottom: 10px;">"Las mejores historias se cuentan</p>
                <p class="frase-texto-part-2">con el corazón".</p>
                <span class="autor-alexV">Alex Villarreal</span>
            </div>
        </div>
    </div>
</div>

<?php get_footer(); ?>