<?php
include "metas.php";
// $baseURL = "//localhost/web_streetart/";
$baseURL = "//lab.rtve.es/streetart/trazos-urbanos/";

function normaliza ($cadena){
    $originales = 'ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõöøùúûýýþÿŔŕ';
    $modificadas = 'aaaaaaaceeeeiiiidnoooooouuuuybsaaaaaaaceeeeiiiidnoooooouuuyybyRr';
    $cadena = utf8_decode($cadena);
    $cadena = strtr($cadena, utf8_decode($originales), $modificadas);
    $cadena = strtolower($cadena);
    $cadena = str_replace('+','', $cadena);
    $cadena = str_replace(' ','', $cadena);
    return utf8_encode($cadena);
}


//Obtenemos JSON de artistas y lo retocamos para accederlo más fácilmente
$fileLink = urlencode("https://docs.google.com/spreadsheets/d/1ty5yXLkKrDfyuNCuAbQ2YcbmDAqvGBr9dqMMOK7i8NY/pub?gid=880410767&single=true&output=csv");
$artists = file_get_contents("http://lab.rtve.es/streetart/api/getCSV/?doc=".$fileLink );
$artists = json_decode($artists);


$artistasActivos = 0;
foreach ($artists as $key=>$artist)
{
    //Se incluye un nuevo campo Selected para incluir ahí la clase que habilita el hover
    $artist->Selected = ($artist->Publicado == 'si') ? 'selected' : '';

    //Contamos el número de artistas activos
    if($artist->Selected == 'selected'){
        $artistasActivos++;
    }

    //Se trata el nombre para tener algo más estándar como índice del array
    $nombre = normaliza($artist->NOMBRE);
    
    $artists[ $nombre ] = $artist;
    unset($artists[$key]);
}


//ENRUTAMIENTO
if (isset($_REQUEST['artista'])) {
    $nombreArtista = str_replace("-", "", $_REQUEST['artista']);
    if (isset($artists[$nombreArtista])) {
        $artista = $artists[$nombreArtista];
    }
} elseif (isset($_REQUEST['creditos'])){
    $creditos = 1;
} elseif (isset($_REQUEST['politica'])){
    $politica = 1;
}elseif (isset($_REQUEST['download'])){
    $download = 1;
}


//METADATA
if (!(isset($artista))) {
    $metaTitle = $meta['main']['title'];
    $metaDescription = $meta['main']['description'];
    $metaKeywords = $meta['main']['keywords'];
    $metaCanonical = $baseURL;
} else {
    $metaTitle = $meta[$nombreArtista]['title'];
    $metaDescription = $meta[$nombreArtista]['description'];
    $metaKeywords = $meta[$nombreArtista]['keywords'];
    $metaCanonical = $baseURL.'artistas/'.$nombreArtista;
}

?>

<!DOCTYPE html>
<html lang="es">
   <head>
      <meta charset="UTF-8">
      <title><?php echo $metaTitle ?></title>
      <meta name="viewport" content="width=device-width, user-scalable=no">
      <meta name="description" content="<?php echo $metaDescription ?>">
      <meta name="keywords" content="<?php echo $metaKeywords ?>">
      <meta name="author" content="Lab RTVE.es">

      <link rel="canonical" href="<?php echo $metaCanonical;?>" />

      <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
      <link rel="stylesheet" href="<?php echo $baseURL ?>css/screen.css">

      <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
       <script>
           var artistas = <?php echo json_encode($artists); ?>;
       </script>
      <script src="<?php echo $baseURL ?>js/init.js"></script>
      <script type="text/javascript" src="//www.rtve.es/js/mushrooms/rtve_mushroom.js" ></script>
   </head>
   <body>
         <main>
            <nav>
                <a target="_blank" href="http://www.rtve.es/lab/">
                     <img src="<?php echo $baseURL ?>css/bg/rtvelab.png">
                </a>
                <span> Trazos urbanos<span class="titleHead2">, Street Art en Madrid</span></span>
                <div class="social-lockup">

                    <a class="social-fbook" style="display: block;" href="http://www.facebook.com/sharer.php?u=http://rtve.es/lab/" title="comparte el proyecto en Facebook" target="_blank">
                       <i class=" fa fa-facebook"></i>
                    </a>
                    <a class="social-twitter" title="comparte el proyecto en twitter" target="_blank" style="display: block;" href="https://twitter.com/intent/tweet?button_hashtag=lab_rtvees&amp;via=lab_rtvees&amp;text=Repasa los últimos proyectos del Laboratorio de RTVE.es http://rtve.es/lab/" data-lang="es" data-related="lab_rtvees" data-url="http://rtve.es/lab/" via="lab_rtvees">
                       <i class=" fa fa-twitter"></i>
                    </a>

                    <a class="credits" style="<?php echo (isset($creditos)) ? 'color:#00FFB0' : '' ?>" href="<?php echo $baseURL ?>creditos/">CREDITOS</a>
                </div>
            </nav>
            <header class="main-header">
               <header><img src="<?php echo $baseURL ?>css/bg/logo.png"></header>
               <article>
                  <a href="http://www.rtve.es/rtve/20150713/trazos-urbanos-primer-microdocumental-sobre-street-art-madrid-del-lab-rtve/1178122.shtml" target="_blank">'Trazos Urbanos'</a> es el primer microdocumental sobre streetart en Madrid del <a href="http://www.rtve.es/lab/" target="_blank">Lab de RTVE</a>. El proyecto está pensado para ser consumido a través de Instagram, donde encontrarás el testimonio de los artistas y su obra. A partir de septiembre, además podrás navegar distintas rutas a través de nuestra app para iOS y Android. 
               </article>
               <footer>
                  <span>
                      Navégalo ahora.
                      <a class="ins" href="https://instagram.com/lab_rtve/" target="_blank">
                      <i class="fa-instagram fa "></i>
                      </a>
                      <!--a class="www" href="http://lab.rtve.es/" target="_blank"><i>www</i></a-->
                  </span>

                   <div style="clear: both"><br></div>
                   
               </footer>
            </header>

            <section>
               <article>
                  <ul id="ul0" style="background: rgba(0, 0, 0, 0.6);">
                     <li id="Rosh333" class="width2" style="background-image:url(<?php if($artists[ "rosh333" ]->Selected){ echo $baseURL."img/rosh.jpg"; }else{ echo $baseURL."img/roshbn.jpg"; } ?>)">
                        <a href="<?php echo $baseURL ?>artistas/rosh-333/" name="Rosh 333" class="hover nobordertop noborderleft <?php echo $artists[ "rosh333" ]->Selected ?>">
                           <footer>#Rosh</footer>
                           <i class="fa fa-search"></i>
                        </a >
                     </li>
                     <li id="PorFavor" class="width2" style="background-image:url(<?php if($artists[ "porfavor" ]->Selected){ echo $baseURL."img/porfavor.jpg"; }else{ echo $baseURL."img/porfavorbn.jpg"; } ?>)">
                        <a href="<?php echo $baseURL ?>artistas/porfavor/" name="PorFavor" class="hover nobordertop noborderleft <?php echo $artists[ "porfavor" ]->Selected ?>">
                           <footer>#PorFavor</footer>
                           <i class="fa fa-search"></i>
                        </a >
                     </li>
                     <li id="JoniPunto" class="" style="background-image:url(<?php if($artists[ "jonipunto" ]->Selected){ echo $baseURL."img/jonipunto.jpg"; }else{ echo $baseURL."img/jonipuntobn.jpg"; } ?>)">
                        <a  href="<?php echo $baseURL ?>artistas/jonipunto/" name="JoniPunto" class="hover noborderleft <?php echo $artists[ "jonipunto" ]->Selected ?>">
                           <footer>#JoniPunto</footer>
                           <i class="fa fa-search"></i>
                        </a>
                     </li>
                     <li id="Suso33" class="width3" style="background-image:url(<?php if($artists[ "suso33" ]->Selected){ echo $baseURL."img/suso.jpg"; }else{ echo $baseURL."img/susobn.jpg"; } ?>)">
                        <a  href="<?php echo $baseURL ?>artistas/suso-33/" name="Suso 33" class="hover noborderleft noborderbottom <?php echo $artists[ "suso33" ]->Selected ?>">
                           <footer>#Suso 33</footer>
                           <i class="fa fa-search"></i>
                        </a>
                     </li>
                     <li id="NuriaMora" class="width4" style="background-image:url( <?php if($artists[ "nuriamora" ]->Selected){ echo $baseURL."img/nuriamora.jpg"; }else{ echo $baseURL."img/nuriamorabn.jpg"; } ?>)">
                        <a href="<?php echo $baseURL ?>artistas/nuria-mora/" name="Nuria Mora" class="hover  noborderbottom <?php echo $artists[ "nuriamora" ]->Selected ?>">
                           <footer>#Nuria Mora</footer>
                           <i class="fa fa-search"></i>
                        </a >
                     </li>
                  </ul>
               </article>
               <article>
                  <ul id="ul1" style="background: rgba(0, 0, 0, 0.6);">
                     <li id="Ruina" class="height3" style="background-image:url(<?php if($artists[ "ruina" ]->Selected){ echo $baseURL."img/ruina.jpg"; }else{ echo $baseURL."img/ruinabn.jpg"; } ?>)">
                        <a href="<?php echo $baseURL ?>artistas/ruina/" name="Ruina" class="hover nobordertop noborderright <?php echo $artists[ "ruina" ]->Selected ?>">
                           <footer>#Ruina</footer>
                           <i class="fa fa-search"></i>
                        </a >
                     </li>
                     <li id="ZeCarrionJimenaAragones" class="width3 height2" style="background-image:url(<?php if($artists[ "zecarrionjimenaaragones" ]->Selected){ echo $baseURL."img/jimena.jpg"; }else{ echo $baseURL."img/jimenabn.jpg"; } ?>)">
                        <a href="<?php echo $baseURL ?>artistas/ze-carrion-jimena-aragones/" name="Zé Carrión + Jimena Aragonés" class="hover <?php echo $artists[ "zecarrionjimenaaragones" ]->Selected ?>">
                           <footer>#Zé Carrión + #Jimena Aragonés</footer>
                           <i class="fa fa-search"></i>
                        </a >
                     </li>
                     <li id="MadridStreetArtProject" class="width4 height2" style="background-image:url(<?php if($artists[ "madridstreetartproject" ]->Selected){ echo $baseURL."img/madridstreetartproject.jpg"; }else{ echo $baseURL."img/madridstreetartprojectbn.jpg"; } ?>)">
                        <a href="<?php echo $baseURL ?>artistas/madrid-street-art-project/" name="Madrid Street Art Project" class="hover noborderright <?php echo $artists[ "madridstreetartproject" ]->Selected ?>">
                           <footer>#Madrid Street Art Project</footer>
                           <i class="fa fa-search"></i>
                        </a>
                     </li>
                     <li id="BoaMistura" class="height2" style="background-image:url(<?php if($artists[ "boamistura" ]->Selected){ echo $baseURL."img/boamistura.jpg"; }else{ echo $baseURL."img/boamisturabn.jpg"; } ?>)">
                        <a href="<?php echo $baseURL ?>artistas/boamistura/" name="BoaMistura" class="hover noborderright noborderbottom <?php echo $artists[ "boamistura" ]->Selected ?>">
                           <footer>#BoaMistura</footer>
                           <i class="fa fa-search"></i>
                        </a >
                     </li>
                  </ul>
               </article>
            </section>
         </main>
       <div class="modal" style="<?php echo (isset($artista) || isset($creditos) || isset($politica)) ? 'display:block' : '' ?>">

           <?php
             if (isset($artista)) {
                 include 'partials/artist.php';
             } elseif (isset($creditos)) {
                 include 'partials/creditos.php';
             }
           ?>

       </div>
   </body>
</html>
