{% extends 'base.html.twig' %}

{% block body %}
        {% if pageType is defined and pageType == "news" %}
            <div class="page-container" data-url="{% if newsUrl is defined %}{{ newsUrl }}{% endif %}" >
                <div class="ad-bar first">
                  {{ ads.printAd('desktop', 'window_top')|raw }}
                </div>
            <div class="categoryName" >
                {{ news.getBreadCrumb()|raw }}
            </div>
        {% endif %}
    <div class="boxescontainer" >
        {% block topcontainer %}{% endblock %}
        <div class="rightbottomcontainer">
            <div id="centercategoriescontainer" class="center">
                {% if rightcontainer is defined %}
                    {{ rightcontainer|raw }}
                {% else %}
                    {{ include('elements/newsfeedbox.html.twig') }}
                {% endif %}
            </div>
        </div>
    </div>
    <div class="leftoutercontainer col-left-outer" data-limit="6" data-index="0" >
    <div id="leftcategoriescontainer" class="col-left-inner left leftColumn fixedOnScroll">
        {% if pageType is defined and pageType == "news" %}
        <div class="unique-leftcolumn newsLeftColumn fixedOnScroll">
            {% endif %}
            <div class="leftcolumn-loader hide">
                <img src="{{ asset('build/images/loading.gif') }}" alt="loading">
            </div>
            {% if leftcontainer is defined %}
                {{ leftcontainer|raw }}
            {% else %}
                {{ render(controller('App\\Controller\\BaseController::leftColumn',
                    {'pageType': pageType,'preview': true})) }}
            {% endif %}
        </div>
    </div>
    {% if pageType is defined and pageType == "news" %}
        </div></div>
    {% endif %}
    <style>
        .box287{
            top:23px;
        }
    </style>
{% endblock %}

{% block javascripts %}
    {% if pageType is defined and pageType == "news" %}
    {% if not app.request.get('fb') is defined or not app.request.get('fb') %}
        <script type="text/javascript">
            if(isMobile) {
                //If is mobile add the Id of Jubna on mobile
                var containerId = "3bda2324a5872f0636399af1780f749f";
                var s = document.createElement("script");
                s.type = "text/javascript";
                s.setAttribute("data-cfasyn", "false");
                s.async = true;
                s.src = "https://app.jubnaadserve.com/api/widget/" + containerId;
                console.log(s);
                document.getElementById("jubna" + containerId).appendChild(s);
            }
        </script>
    {% endif %}
    {% endif %}
{% endblock %}