{% extends "@blog/frontend/base.html.twig" %}

{% set title = item.title_en ? item.title_en : item.title %}
{% set description = item.description_en ? item.description_en | striptags | truncate(100,true) : item.description | striptags | truncate(100,true) %}

{% block twoOne %}      

    <section class="mainbar">
        <article class="blogEntry">
            <h1>{{ item.title_en ? item.title_en : item.title }}</h1>
            <p class="author">
                Publicado por {{ item.username }}
                <time datetime="{{ item.date_publish }}">{{ dateFormat(item.date_publish) }}</time>
            </p>            

            <section class="description">
                {{ item.description_en ? item.description_en | raw : item.description | raw }}
            </section>                       

        </article>
        <ul class="postInfo">
            <li>
                <p>¿Te ha gustado?</p>
            </li>
            <li>            
                {{ render("widgets","like","widgetLike",{'parent':'blog','id':item.id}) }}
            </li>
            <li>
                &nbsp;
            </li>
            <li>
                <p><a href="#comentar">Comentar</a></p>
            </li>
        </ul>            
            
        {{ render("widgets","relationShip","widgetRelationShipGrid",{'parent':'blog','parent_id':item.id}) }}
            
        {%  if  (item.allow_comments and item.allow_guests_comments and SESSION.userData.signed is empty) or
                (item.allow_comments and SESSION.userData.signed) %}
            {{ render("comment","frontend","renderComments",{'permalink': url('blog-entry',{'slug':item.slug}), 'parent': 'blog' ,'parent_id': item.id }) }}
        {% endif %}             
            
    </section>        

{% endblock twoOne %}

{% block twoTwo %}

    <article class="sidebar">
        <h3 class="head">Etiquetas y Categorías</h3>
        {{ render("widgets","tags","widgetTags",{'parent':'blog','parent_id':item.id}) }}
        {{ render("category","frontend","widgetCategoryPost",{'parent':'blog','parent_id':item.id}) }}  
    </article>
        
    <article class="sidebar">
        <h3 class="head">Compartir en redes sociales</h3>    

        <ul class="share">
            {# facebook #}
            <li>
                <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/all.js#xfbml=1";
                  fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));</script>                    

                <div class="fb-like" data-href="{{ SITE_URL }}{{ url('blog-entry',{'lang':SESSION.lang,'section':section,'slug':item.slug}) }}" data-width="100" data-colorscheme="light" data-layout="box_count" data-action="like" data-show-faces="false" data-send="false"></div>                        
            </li>
            {# twitter #}
            <li>                                
                <a href="https://twitter.com/share" class="twitter-share-button" data-lang="es" data-url="{{ SITE_URL }}{{ url('producto','company:' ~ data.company.slug ~ ',product:' ~ data.product.slug) }}" data-count="vertical">Comparte en Twitter</a>
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
            </li>
            {# linkedin #}
            <li>
                <script src="//platform.linkedin.com/in.js" type="text/javascript">
                 lang: es_ES
                </script>
                <script type="IN/Share" data-url="israelnoguera.com" data-counter="top"></script>                
            </li>
        </ul>
    </article>

    {{ parent }}

{% endblock twoTwo %}