<!DOCTYPE html>
<html lang="es">
  <head>
    <?php 

    include_once './php/head.php';
    require_once './editor/php/Noticia.php';
    require_once './editor/php/DetalleNoticia.php';
    $noticias = Noticia::all(' where fecha_publicacion is not null ORDER BY fecha_publicacion desc LIMIT 10');
    foreach ($noticias as $noticia) {
        $fechaArray = explode("-", $noticia->fecha_creacion);
        $noticia->ruta = $fechaArray[0] . "/" . $noticia->id;
    }
    $principal = $noticias[0];
    if(isset($_GET["id"])){
        $id = $_GET["id"];
        if(is_numeric($id)){
            $principal = Noticia::find($id);
            if($principal==null){
                $principal = $noticias[0];
            }else if($principal->fecha_publicacion==null){
                $principal = $noticias[0];
            }
        }
    }

    $detallePrincipal = DetalleNoticia::where("id_noticia", $principal->id);
    $detallePrincipal = $detallePrincipal[0];
    ?>
  </head>
  <body>
      <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.5";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<script>window.twttr = (function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0],
    t = window.twttr || {};
  if (d.getElementById(id)) return t;
  js = d.createElement(s);
  js.id = id;
  js.src = "https://platform.twitter.com/widgets.js";
  fjs.parentNode.insertBefore(js, fjs);
 
  t._e = [];
  t.ready = function(f) {
    t._e.push(f);
  };
 
  return t;
}(document, "script", "twitter-wjs"));</script>
      
      
      <?php include_once './php/header_menu.php';?>
      <section id="info">
          <div class="container">
              <div class="row">
                  <div class="col-xs-12">
                      Usted est&aacute; en Inicio / <span class="texto-color-corporativo">Noticias</span>
                  </div>
              </div>
          </div>
          
      </section>
      <section id="noticias-titulo">
          <div class="container">
              <div class="row">
                  <div class="col-xs-12 col-md-8">
                      <span class="texto-grande">Noticias </span><span class="texto-grande texto-color-corporativo">CFT Esane</span>
                  </div>
                  <div class="col-xs-12 col-md-4">
                      <span class="texto-grande">Archivo de </span><span class="texto-grande texto-color-corporativo">noticias</span>
                  </div>
              </div>
          </div>
      </section>
      <section id="noticias">
          <div class="container">
              <div class="row">
                  <div class="col-md-8 col-xs-12" id="noticiasPrincipal">
                      <div class="row">
                          <div class="col-md-10 col-xs-12 text-uppercase texto-grande text-justify" id="noticiaPrincipalTitulo">
                                <?php echo $principal->titulo ?>
                          </div>
                          <div class="col-xs-12 texto-color-corporativo noticia-fecha">
                              <?php echo $principal->fecha_publicacion ?>
                          </div>
                      </div>
                      <div class="row">
                          <div class="col-xs-12 text-justify" id="noticiaPrincipalCuerpo">
                              <?php echo $detallePrincipal->cuerpo ?>
                          </div>
                          <div class="col-xs-12 texto-color-corporativo" id="noticiasSocialTitulo">
                              Comparte esta noticia
                          </div>
                          <div class="col-xs-12 texto-color-corporativo" id="noticiasSocial">
                              <div class="row">
                                  <div class="col-xs-6 col-md-2">
                                    <div class="fb-like" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div>
                                </div>
                                <div class="col-xs-6 col-md-2">
                                    <a class="twitter-share-button"
                                 href="https://twitter.com/intent/tweet"
                                 data-text="<?php echo $principal->titulo ?> #esanedelnorte">
                              Tweet</a>
                                </div>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="col-md-4 col-xs-12" id="noticiasLista">
                      <?php

                      foreach ($noticias as $noticia) {
                          $fechaArray = explode("-", $noticia->fecha_creacion);
                          $noticia->ruta = $fechaArray[0] . "/" . $noticia->id;
                          ?>
                          <div class="itemNoticiaLista">
                            <div class="itemNoticiaDatos">
                                <div class="itemNoticiaTitulo text-uppercase"><a href="noticias.php?id=<?php echo $noticia->id ?>"><?php echo $noticia->titulo ?></a></div>
                                <div class="itemNoticiaFecha noticia-fecha">Leer m&aacute;s...<br/><?php echo $noticia->fecha_publicacion ?></div>
                            </div>
                            <div class="itemNoticiaFoto">
                                <img src="./news/<?php echo $noticia->ruta?>/principal.jpg">
                            </div>
                            <div class="clearfix"></div>
                        </div>   


                          <?php
                      }
                      ?>

                  </div>
                  
                  
              </div>


          </div>
      </section>
      

      <?php include_once './php/footer.php';?>
      
      

      <?php include_once './php/js_includes.php';?>
    <script src="editor/assets/js/moment.js"></script>
    <script src="editor/assets/js/moment-es.js"></script>
    <script>
        $(document).ready(function () {
            $("#noticiaPrincipalCuerpo img").each(function(){
                $(this).attr("src",$(this).attr("src").replace("../news","./news"));               
            });
            $(".noticia-fecha").each(function(){
                $(this).html(moment($(this).html(),"YYYY-MM-DD h:mm:ss").format("dddd, d [de] MMMM YYYY"));
            });
        });
    </script>

    

  </body>
</html>
