{% if videoProgram is defined %}
    {% for currentNewsIndex,program in mostViewedVideos %}
        {% if loop.index < 22 %}
                    
                      
        {% if app.request.get('_route') == "homepage" and currentNewsIndex % 6 == 0 %}
        {% set boxIndex = (currentNewsIndex / 6) %}
        {% if newsBoxes[boxIndex] is defined %}
        <div class="newsBoxWrapper">
            {{ newsBoxes[boxIndex]|raw }}
        </div>
        {% endif %}
        {% endif %}
        <div class="col-md-4 col-12 newsfeed-main " data-timestamp="{{ program.id }}">
            <a href="{{ program.videoUrl() }}">
            <div class="overflow">
                <div class="scale">
                    
                {% if program.youtube %}
                    <img src="https://i.ytimg.com/vi/{{ program.videoId }}/mqdefault.jpg">
                {% elseif program.dailymotion %}
                    <img src="https://www.dailymotion.com/thumbnail/video/{{ program.videoId }}">
                {% endif %}
                <span class="play-icon">
                        <i class="fas fa-play font-icon"></i>
                    </span>
                </div>
            </div>
          
                <div class="descr">{{ program.title }}</div>
        </a>
        </div>
     
        {% endif %} 
        {% if ads is defined  %}
            {% if loop.index is divisible by(6) %}
                {% set index = loop.index / 6 %}
                    <div class="d-md-block">
    <div class="adds-img ltr " >
        {{ ads is not null ? ads.printAd('desktop', 'relateVideos',index)|raw : '' }}
        
    </div>
    </div>
                {% endif %}
            {% endif %}
        {% endfor %}
    {% else %}
    {% for currentNewsIndex,program in mostViewedVideos %}
    {% if loop.index < 22 %}
                
                  
    {% if app.request.get('_route') == "homepage" and currentNewsIndex % 6 == 0 %}
    {% set boxIndex = (currentNewsIndex / 6) %}
    {% if newsBoxes[boxIndex] is defined %}
    <div class="newsBoxWrapper">
        {{ newsBoxes[boxIndex]|raw }}
    </div>
    {% endif %}
    {% endif %}
    <div class="col-md-4 col-12 newsfeed-main " data-timestamp="{{ program.id }}">
        <a href="{{ program.videoUrl() }}">
        <div class="overflow programsImg">
            <div class="scale">
            {% if program.youtube %}
                <img src="https://i.ytimg.com/vi/{{ program.videoId }}/mqdefault.jpg">
            {% elseif program.dailymotion %}
                <img src="https://www.dailymotion.com/thumbnail/video/{{ program.videoId }}">
            {% endif %}
                    <span class="play-icon">
                        <i class="fas fa-play font-icon"></i>
                    </span>
            </div>
        </div>
            <div class="descr">{{ program.title }}</div>
            
        </a>
    </div>
    {# {{loop.index}} #}
        {% if loop.index is divisible by(6) %}
            {% set index = loop.index / 6 %}
                <div class="d-md-block">
<div class="adds-img ltr " >
    {{ ads is not null ? ads.printAd('desktop', 'programsfeed',index)|raw : '' }}
    
</div>
</div>
<div class="d-md-none">
<div class="adds-img ltr " >
    {{ ads is not null ? ads.printAd('mobile', 'relateVideos',index)|raw : '' }}
    
</div>
</div>
        {% endif %}
    {% endif %} 
    
    {% endfor %}
{% endif %}

    {# {% endif %}  #}
    {# {% if loop.index == 31 %}
    {% if loop.index > 31 %}
                     
                  
    {% if app.request.get('_route') == "homepage" and currentNewsIndex % 6 == 0 %}
        {% set boxIndex = (currentNewsIndex / 6) %}
        {% if newsBoxes[boxIndex] is defined %}
        <div class="newsBoxWrapper">
            {{ newsBoxes[boxIndex]|raw }}
        </div>
        {% endif %}
        {% endif %}
        <div class="col-md-4 col-6 newsfeed-main ">
            <a href="{{ program.videoUrl() }}">
                {% if program.youtube %}
                    <img src="https://i.ytimg.com/vi/{{ program.videoId }}/mqdefault.jpg">
                {% elseif program.dailymotion %}
                    <img src="https://www.dailymotion.com/thumbnail/video/{{ program.videoId }}">
                {% endif %}
            </a>
            <div class="col-12">
                <div class="date">{{ program.createDate }}</div>
                <div class="descr">{{ program.title }}</div>
            </div>
        </div>
            {% endif %}    
        {% endif %} #}
    {# {% endfor %} #}