{% 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 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'] %}
                            {% 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>{{ '_STATUS_'|trans({},'admin') }}</th>
                <th>{{ '_SEND_AS_BREAKING_'|trans({},'admin') }}</th>
                <th>{{ 'NEWSLETTER'|trans({},'admin') }}</th>
                <th>{{ 'NOTIFICATION'|trans({},'admin') }}</th>
                <th>{{ '_EDIT_'|trans({},'admin') }}</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('https://www.elnashra.com/',false) }}">{{ 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 class="align-center">
                        <span class="flag flag-{{ news.displayStatus() }}" title="{{ news.displayStatus() }}"></span>
                    </td>
                    <td class="align-center">
                        {% if news.sendAsBreadking() %}
                        <a class="btn btn-default btn-xs" title="Send this news to users with only 'Breaking News' notification level" href="news/sendNotificationAsBreakingNews/{{ news.id }}">
                            <span class="glyphicon glyphicon-phone"></span>
                        </a>
                        {% endif %}
                    </td>
                    <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>
                        {% if news.isModified %}
                        <a class="btn btn-default btn-xs" data-title="Edit" href="{{ url('admin') }}/news/history/{{ news.id }}" >التعديلات</a>
                        {% endif %}
                    </td></td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
    <nav aria-label="Page navigation" class="text-center">
        {{ knp_pagination_render(newsArray) }}
    </nav>
{% endblock %}