{% import "helpers.html.twig" as helpers %}

{% extends '@Admin/base.html.twig' %}

{% block title %}
    {{ '_NEWS_TITLE_'|trans({},'admin') }}
{% endblock %}

{% block body %}
    <div class="formWrapper searchForm row">
        {{ form_start(form) }}
        {#    {% for group in form.children %}
            {% if group.children %}
            <div class="col-lg-4">
                <div class="panel panel-default">
                    <div class="panel-heading">{{ form_label(group) }}</div>
                    <div class="panel-body">
                        {{ form_widget(group) }}
                    </div>
                </div>
            </div>
            {% endif %}
        {% endfor %}#}
        <div id="iframeloading" style= "display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;">
            <img src="images/AnimatedProgressBar.gif" alt="loading" style="top: 50%; position: relative; left: 50%;"  />
        </div>
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading">{{ '_SEARCH_KEYWORDS_'|trans }}</div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-lg-4">
                            {{ form_row(form.keywords) }}
                        </div>
                        {% for field in ['exactMatch','titleOnly','evergreen'] %}
                            {% if (attribute(form, field) is defined) %}
                                <div class="col-lg-1">
                                    {{ form_row(attribute(form, field)) }}
                                </div>
                            {% endif %}
                        {% endfor %}
                    </div>
                    <div class="row">
                        {#      <div class="col-lg-4">
                            <div class="form-group">
                                {{ form_label(form.category) }}
                                <div class="form-control">
                                {{ form_widget(form.category) }}
                                </div>
                            </div>
                        </div>#}
                        {% for field in ['category', 'type','status'] %}
                            {% if (attribute(form, field) is defined) %}
                                <div class="col-lg-4">
                                    {{ form_row(attribute(form, field)) }}
                                </div>
                            {% endif %}
                        {% endfor %}

                    </div>
                    <div class="row">
                        {% for field in [ 'creator', 'author','source'] %}
                            {% if (attribute(form, field) is defined) %}
                                <div class="col-lg-4">
                                    {{ form_row(attribute(form, field)) }}
                                </div>
                            {% endif %}
                        {% endfor %}
                    </div>
                    <div class="row">
                        {#   <div class="col-lg-4">
                            <div class="form-inline">
                                {{ form_row(form.from) }}
                                {{ form_row(form.to) }}
                            </div>
                        </div>#}
                        <div class="col-lg-4">
                            <div class="input-group">
                                {{ form_widget(form.from) }}
                                {{ form_label(form.to,'',{"label_attr":{"class":"input-group-addon"}}) }}
                                {{ form_widget(form.to) }}
                            </div>
                        </div>
                        {#            {% for field in ['from','to'] %}
                            {% if (attribute(form, field) is defined) %}
                                <div class="col-lg-2">
                                    {{ form_row(attribute(form, field)) }}
                                </div>
                            {% endif %}
                        {% endfor %}#}
                        {% for field in ['newsCount','save'] %}
                            {% if (attribute(form, field) is defined) %}
                                <div class="col-lg-4">
                                    {{ form_row(attribute(form, field)) }}
                                </div>
                            {% endif %}
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
        {#        <div class="numberOfNews" style="float: left;">
            {{ form_row(form.newsCount) }}
        </div>#}
        {{ form_end(form) }}
    </div>
    <div class="table-responsive">
        <table id="mytable" class="table table-bordred table-striped">
            <thead>
            <tr>
                <th>Id</th>
                <th>{{ '_DATE_'|trans({},'admin') }}</th>
                <th>{{ '_TITLE_'|trans({},'admin') }}</th>
                <th>{{ 'WORD_COUNT'|trans({},'admin') }}</th>
                <th>{{ '_CATEGORY_'|trans({},'admin') }}</th>
                <th>{{ '_PRIORITY_'|trans({},'admin') }}</th>
                <th>{{ '_AUTHOR_'|trans({},'admin') }}</th>
                {#<th>المعدل</th>#}
                <th>{{ '_STATUS_'|trans({},'admin') }}</th>
                <th>Evergreen</th>
                {% if is_granted('ROLE_SUPER_MODERATOR') or is_granted('ROLE_ADMIN') or is_granted('ROLE_SUPER_ADMIN') %}
                    <th>Hits</th>
                {% endif %}
                <th>{{ 'NEWSLETTER'|trans({},'admin') }}</th>
                <th>{{ 'NOTIFICATION'|trans({},'admin') }}</th>
                <th>{{ '_EDIT_'|trans({},'admin') }}</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            {% for newsData in newsArray %}
                {% set news = newsData[0] %}
                <tr>
                    <td>{{ news.id }}</td>
                    <td>{{ news.getTime() }}</td>
                    <td><a target="_blank" href="{{ news.getUrl(production_url) }}">{{ news.title|raw }}</a></td>
                    <td class="{{ news.getWordCountColor() }} align-center">{{ news.getWordCount() }}</td>
                    <td>{{ news.getCategoryName() }}</td>
                    <td>{{ news.showPriority() }}</td>
                    <td>{{ newsData['user'] }}</td>
                    {#<td>{{ newsData['updator'] }}</td>#}
                    <td class="align-center">
                        <span class="flag flag-{{ news.displayStatus() }}" title="{{ news.displayStatus() }}"></span>
                    </td>
                    <td class="align-center">
                        {% if news.evergreen %}
                            <span class="glyphicon glyphicon-ok"></span>
                        {% endif %}
                    </td>
                    {% if is_granted('ROLE_SUPER_MODERATOR') or is_granted('ROLE_ADMIN') or is_granted('ROLE_SUPER_ADMIN') %}
                        <td class="align-center">
                            <span>{{ news.hits }}</span>
                        </td>
                    {% endif %}
                    <td class="align-center">
                        <a title="Send Newsletter" class="sendNewsletter btn btn-default btn-xs" href="newsletter/{{ news.id }}" class="btn btn-default btn-xs">
                            <i class="glyphicon glyphicon-envelope"></i>
                        </a>
                    </td>
                    <td class="align-center">
                        {% if news.notification %}
                            <span class="glyphicon glyphicon-ok"></span>
                        {% else %}
                            <a href="news/sendNotification/{{ news.id }}" class="btn btn-default btn-xs">
                                <span class="glyphicon glyphicon-bell"></span>
                            </a>
                        {% endif %}
                    </td>
                    <td><a class="btn btn-primary btn-xs" data-title="Edit" href="{{ url('admin') }}/news/edit/{{ news.id }}" ><span class="glyphicon glyphicon-pencil"></span></a></td>
                    <td><a class="btn btn-default btn-xs" data-title="Edit" href="{{ url('admin') }}/news/history/{{ news.id }}" >التعديلات</a></td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
    <nav aria-label="Page navigation" class="text-center">
        {{ knp_pagination_render(newsArray) }}
    </nav>
{% endblock %}