{% extends 'blog/base_entradas.html' %}
{% load staticfiles %}

{% block additional_css %}
    {{ block.super }}
    <link rel="stylesheet" href="{% static 'css/style_charlas.css' %}"/>
    <link rel="stylesheet"
          href="{% static 'js/fancybox/jquery.fancybox.css' %}"/>

{% endblock additional_css %}


{% block content %}
    {% include 'ads/banner_portada.html' %}

    <section class="video-charla">
        <figure class="video-main">
            <figcaption>
                <h3>{{ entry.title }}</h3>
                <h2>
                    {% for author in entry.authors.published %}
                        {% if not forloop.first %}
                            ,
                        {% endif %}
                        <a href="{{ author.get_absolute_url }}">{{ author | upper }}</a>
                    {% endfor %}
                </h2>
                <a href="{{ entry.video }}"
                   class="fancybox-media">
                    <span class="dale-play">Dale al Play</span>
                    <span class="icon-play"></span>
                </a>
            </figcaption>
            <img src="{{ entry.main_image }}" alt="">
        </figure>
    </section>
    <div class="resumen">
        <h4>{{ entry.title }}</h4>
        {{ entry.content|safe }}
    </div>
    <div class="share-charlas">
        <ul>
            <li><a href="https://twitter.com/Principia_io"
                   class="icon twitter icon-footer" target="_blank"><span>Twitter</span></a>
            </li>
            <li>
                <a href="https://www.facebook.com/pages/Principia-magazine/248035578739195"
                   class="icon facebook icon-footer" target="_blank"><span>Facebook</span></a>
            </li>

        </ul>
    </div>

    {% include 'ads/banner_portada2.html' %}

    {% with page_url=entry.get_absolute_url comments=entry.comments %}
        {% include "comments/comments.html" %}
    {% endwith %}









{% endblock content %}

{% block scripts_footer %}
    {{ block.super }}
    <script src="{% static 'js/fancybox/jquery.fancybox.js' %}"></script>
    <script src="{% static 'js/fancybox/jquery.fancybox.pack.js' %}"></script>
    <script src="{% static 'js/fancybox/helpers/jquery.fancybox-media.js' %}"></script>
    <script>
        $(document).ready(function () {
            $('.fancybox-media')
                    .attr('rel', 'media-gallery')
                    .fancybox({
                        openEffect: 'none',
                        closeEffect: 'none',
                        prevEffect: 'none',
                        nextEffect: 'none',
                        arrows: true,
                        helpers: {
                            media: {},
                            buttons: {},
                            title: {
                                type: 'inside',
                                position: 'top'
                            }
                        }
                    });
        });
    </script>
{% endblock scripts_footer %}