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

    {% block body %}
            <div class="pageAll">
        <div class="container akhbar-top">
            <div class="right">
              
                
                {% if chiledCartegories is not defined %}
                    <ul class="top-element">
                        <li><a href="/news" class="subtext">آخر الأخبار</a></li>
                    </ul>
                {% else %}
                    {% if chiledCartegories is empty and category.parentId == 0 %}
                        <ul class="top-element">
                            <li><a href="{{ category.getUrl() }}" class="subtext">{{ category.getName() }}</a></li>
                        </ul>
                    {% else %}
                        {% if category is defined %}
                            {% if not categories is empty %}
                                <ul>
                                {% for cat in categories %}
                                {% if category.parentId == cat.id %}
                                    
                                        <li><a href="{{ cat.getUrl() }}" class="subtext" >{{ cat.getName() }}</a></li>
                                    
                                {% endif %}
                            {% endfor %}
                            </ul>
                                {% if category.parentId == 0 %}
                                    <ul>
                                        <li><a href="{{ category.getUrl() }}" class="subtext">{{ category.getName() }}</a></li>
                                    </ul>
                                {% endif %}
                                <ul class="top-element">
                                {% for categore in categories %}
                                    
                                        {% for childCategory in categore.childs %}
                                            {% if childCategory.parentId == category.id %}
                                                <li><a href="{{ childCategory.getUrl() }}" class="sub">{{ childCategory.getName() }}</a></li>
                                            {% elseif childCategory.parentId == category.parentId %}
                                                <li><a href="{{ childCategory.getUrl() }}" class="sub {% if childCategory.getId() == category.id %}selected{% endif %}">{{ childCategory.getName() }}</a></li>
                                            {% endif %}
                                            
                                        {% endfor %}
                                    
                                {% endfor %}
                                </ul>
                            {% endif %}
                        {% elseif categories is defined %}
                            <ul class="top-element">
                                {% for categorie in categories %}
                                    <li><a href="{{ categorie.getUrl() }}" >{{ categorie.getName() }}</a></li>
                                {% endfor %}
                            </ul>
                        {% endif %}
                    {% endif %}
                {% endif %}
            </div>
        </div>
            <div class="akhbar-media ltr" >
                <div class="container-xl">
                    <div class="row top_news">
                        <div class="col-xl-3 col-lg-4 ads-newsCategories block-1" >
                            <div id="leftcolumnn" >
                                <div class="small-ads" style="padding-bottom: 0 ;">
                                    {{ ads is not null ? ads.printAd('desktop', 'left_top')|raw : '' }}
                                </div>
                                {{ render(controller('App\\Controller\\CategoryController::randomCategory', {'id': random(['74','38','67','10','75','72','71'])})) }}
                                <div class="small-ads" style="width: 56%;padding-bottom:10px">
                                    {{ ads is not null ? ads.printAd('desktop', 'left_column_middle')|raw : '' }}
                                </div>
                              

                               <div class="row" >
                                   <div class="box-inline" style="display: inline-flex;direction: rtl;">
                                       <div class="box-2 mostread" id="boxmost">
                                           <span class="txt-right mo">{{ '_MOST_READ_'|trans }}</span>
                                       </div>
                                       <div class="box-3" id="boxun">
                                           <span class="txt-right un">{{ '_UNREAD_NEWS_'|trans }}</span>
                                       </div>
                                   </div>
                                   <!-- Most Read -->
                                   {{ render(controller('App\\Controller\\NewsController::mostRead')) }}
                                   <!-- Unread News -->
                                   {{ render(controller('App\\Controller\\DefaultController::unreadNews')) }}
                               </div>
                               <div class="small-ads" style="width: 56%;padding-top:20px">
                                    {{ ads is not null ? ads.printAd('desktop', 'left_bottom')|raw : '' }}
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-9 col-lg-8">
                            <div class="row top_news" id="rightcolumnn">{% include "elements/loadmore.html.twig" %}</div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
    {% endblock %}