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

{% block body %}
    <div id="mainpage">
    <!-- Top Section -->
    <section class="top-section  container-xl" >{{ include('default/section_top.html.twig') }}</section>
    <div class="adds-img ltr d-md-none">
        {{ ads is not null ? ads.printAd('mobile', 'newsfeed',1)|raw : '' }}
    </div>

     <!-- Latest News-->
     <section  class="news-section common-section  container-xl" >{{ include('elements/templates/newsHorizontal.html.twig') }}
        <a href="/news" class="latestButton caption">آخر الأخبار</a>
     </section>
     <div class="adds-img ltr banner" >
        <div class="d-md-block">
        {{ ads is not null ? ads.printAd('desktop', 'newsfeed',3)|raw : '' }}
        </div>
        <div class="d-md-none">
            {{ ads is not null ? ads.printAd('mobile', 'newsfeed_small',4)|raw : '' }}
        </div>
    </div>

    <!-- Celebrities Section -->
    <div class="celebrities_section container-lg">{{ include('default/section_celebrities.html.twig') }}</div>
    

   

    <div class="adds-img ltr d-md-none">
        {{ ads is not null ? ads.printAd('mobile', 'newsfeed_small',6)|raw : '' }}
    </div>

    <!-- Sports Section -->
    <section class="sport-section common-section ltr" >{{ render(controller('App\\Controller\\NewsController::getWidgetSport')) }}</section>

    <!-- HTML !-->
    <div class="adds-img ltr" >
        <div class="d-md-block">
        {{ ads is not null ? ads.printAd('desktop', 'newsfeed',4)|raw : '' }}
        </div>
        <div class="d-md-none">
            {{ ads is not null ? ads.printAd('mobile', 'newsfeed',4)|raw : '' }}
        </div>
    </div>

    <!-- Program Section -->
    <div class="programs_section" align="center">{{ render(controller('App\\Controller\\EProgramsController::programs')) }}</div>

    <div class="adds-img ltr">
        <div class="d-md-block">
        {{ ads is not null ? ads.printAd('desktop', 'newsfeed',5)|raw : '' }}
        </div>
        <div class="d-md-none">
            {{ ads is not null ? ads.printAd('mobile', 'newsfeed',3)|raw : '' }}
        </div>
    </div>

    <!--Videos-section-->
    <section class="videos-section container-xl" >{{ include('default/section_videos.html.twig') }}</section>
    </div>
{% endblock %}