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

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

{% block title %}
    {{ screenName }}
{% endblock %}

{% block body %}
    <div class="formWrapper form-inline row">
        <form method="get">
            <div class="col-lg-12">
                <div class="panel panel-default">
                    <div class="panel-heading">البحث عن الكلمات</div>
                    <div class="panel-body">
                        <div class="row">

                                <div class="form-group"><label class="control-label" for="creator">المصدر</label>
                                    <select id="publication" name="publication" class="form-control">
                                        {% for publication in publications %}
                                            <option value="">الكل</option>
                                            <option value="{{ publication.source }}">{{ publication.source }}</option>
                                        {% endfor %}
                                    </select>
                                </div>

                                <div class="form-group"><label class="control-label" for="author">الكلمات</label> <input type="text" id="title" name="title" class="form-control">  </div>

                                <div class="form-group"><button type="submit" id="save" name="save" class="btn-primary btn-block btn">ابحث</button></div>
                            
                         {#   <div class="col-lg-4">
                                <div class="form-group"><label class="control-label" for="source">المصدر</label> <input type="text" id="source" name="source" class="form-control" wtx-context="AAA9BEF9-1911-4796-8BFF-5A25FF25537A">  </div>
                            </div>#}
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div class="table-responsive">
        <table id="mytable" class="table table-bordred table-striped">
            <thead>
            <tr>
                <th>{{ '_DATE_'|trans }}</th>
                <th>{{ '_SOURCE_'|trans }}</th>
                <th>{{ '_SOURCE_TYPE_'|trans }}</th>
                <th>{{ '_TITLE_'|trans }}</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            {% for news in newsArray %}
                <tr>
                    <td>{{ news.publishDate }}</td>
                    <td>{{ news.publicationName }}</td>
                    <td>Twitter</td>
                    <td>
                        {% if not news.url is empty %}
                            <a style="color: red" href="{{ news.url }}">{{ news.title }}</a>
                        {% else %}
                            {{ news.title }}
                        {% endif %}
                    </td>
                    <td>
                        <a class="btn btn-default btn-xs showBody" data-title="Show News Body" href="{{ url('admin') }}/news/new/1?aggregatorNews={{ news.id }}" ><span class="glyphicon glyphicon-list"></span></a>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
    <nav aria-label="Page navigation" class="text-center">
    <ul class="pagination justify-content-center">
    {{ pagination|raw }}
    </ul>
    </nav>
    <div class="modal fade" id="newsBodyModal" role="dialog">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-body"></div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ '_CLOSE_'|trans }}</button>
                    {#                    <button type="submit" class="btn btn-primary add-images" id="picture_save" name="picture[save]" >{{ '_UPDATE_'|trans({},'admin') }}</button>#}
                </div>
            </div>
        </div>
    </div>
{% endblock %}