{% extends '::baseSiteNota.html.twig' %}
{% block body %}
    <div class="main_content container">
        <div class="posts_sidebar layout_right_sidebar clearfix"><!-- Start posts sidebar -->
            <div class="inner_single col-md-8"> <!-- Start inner single -->
                <div class="row">
                    {% if nota %}
                        <article class="hz_post"><!-- Start article -->
                            <div class="video_post post_wrapper">
                                <div class="hz_thumb_post">
                                    <div class="embed-responsive embed-responsive-16by9">
                                        <figure class="latest-img"><img src="{{ asset(nota.imagen.path) }}" alt="" class="latest-cover"></figure>
                                    </div>
                                </div>
                                <div class="hz_top_post">
                                    <div class="hz_title_and_meta">
                                        <div class="hz_title"><h3>{{ nota.titulo }}</h3></div>
                                        <div class="hz_content">
                                            <pre class="bajadaPre">{{ nota.bajada }}</pre>
                                        </div>
                                        {{ nota.autor }} - {{ nota.fecha[:10] }}
                                    </div>
                                </div>
                                {#  REDES SOCIALES   #}
                                <div class="hz_bottom_post">
                                    <div class="hz_icon_shere">
                                        {# FACEBOOK #}
                                        <div class="fb-share-button"
                                             data-href="http://www.llibres.com.ar/nota/{{ nota.id }}/{{ nota.titulo |replace({' ':'-'}) }}"
                                             data-layout="button"
                                             data-mobile-iframe="true">
                                            <a class="fb-xfbml-parse-ignore"
                                               target="_blank"
                                               href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.llibres.com.ar%2Fnota%2F{{ nota.id }}%2F{{ nota.titulo |replace({' ':'-'}) }}&amp;src=sdkpreparse">
                                                Compartir
                                            </a>
                                        </div>
                                        {# FACEBOOK #}
                                        {# TWITTER #}
                                        <div class="twitter">
                                            <a href="https://twitter.com/share" class="twitter-share-button" data-via="LlibresAr">
                                                Tweet
                                            </a> <script>!function(d,s,id){
                                                    var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
                                                    if(!d.getElementById(id)){
                                                        js=d.createElement(s);
                                                        js.id=id;js.src=p+'://platform.twitter.com/widgets.js';
                                                        fjs.parentNode.insertBefore(js,fjs);
                                                    }}(document, 'script', 'twitter-wjs');
                                            </script>
                                        </div>
                                        {# TWITTER #}
                                    </div>
                                </div>
                                {#  REDES SOCIALES  #}

                                <div class="hz_main_post_content">
                                    <div class="hz_content">
                                        <pre class="textoPre">{{ nota.primerParrafo }}</pre>
                                    </div>
                                    {% if nota.parrafoAmarillo %}
                                        <div class="hamzh-alert yellow"  >
                                            {{ nota.parrafoAmarillo }}
                                        </div>
                                    {% endif %}
                                    {% if nota.youtubeLink %}
                                        <div class="hz_thumb_post" style="margin-bottom:3em;">
                                            <div class="embed-responsive embed-responsive-16by9">
                                                <figure class="latest-img">
                                                    <iframe width="420" height="345" src="https://www.youtube.com/embed/{{ nota.youtubeLink }}"></iframe>
                                                </figure>
                                            </div>
                                        </div>
                                    {% endif %}
                                    {% if nota.segundoParrafo %}
                                        <div class="hz_content">
                                            <pre class="textoPre">{{ nota.segundoParrafo }}</pre>
                                        </div>
                                    {% endif %}
                                    {% if nota.parrafoVerde %}
                                    <div class="hamzh-alert green">
                                        {{ nota.parrafoVerde }}
                                    </div>
                                    {% endif %}
                                    {% if nota.tercerParrafo %}
                                    <div class="hz_content">
                                        <pre class="textoPre">{{ nota.tercerParrafo }}</pre>
                                    </div>
                                    {% endif %}
                                    <div class="widget  widget_tag_cloud"><!-- Start widget tag cloud -->
                                        <div class="tagcloud">
                                            {% if nota.tag1 %}
                                                    <a>{{ nota.tag1 }}</a>
                                            {% endif %}
                                            {% if nota.tag2 %}
                                                    <a>{{ nota.tag2 }}</a>
                                            {% endif %}
                                            {% if nota.tag3 %}
                                                    <a>{{ nota.tag3 }}</a>
                                            {% endif %}
                                            {% if nota.tag4 %}
                                                    <a>{{ nota.tag4 }}</a>
                                            {% endif %}
                                            {% if nota.tag5 %}
                                                    <a>{{ nota.tag5 }}</a>
                                            {% endif %}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </article><!-- End article -->
                    {% endif %}
                </div>
            </div><!--End Posts Areaa -->
            {% include '::columnaDerecha.html.twig' %}
        </div><!-- End posts sidebar -->
    </div><!-- End main content -->
    </div><!-- End row -->
    </div><!-- End all_content -->
{% endblock %}