{% extends "::base.html.twig" %}

{% block title %}
    Data list
{% endblock %}

{% block main %}
    <div>
        <hr/>

        <form class="filter-form text-center filter-table" action="" method="post">
            <table class="text-center table table-bordered ">
                <tbody>
                <tr>
                    <td>Agency</td>
                    <td>Scale</td>
                    <td>CCS</td>
                    <td>Keywords</td>
                    <td>Date from</td>
                    <td>Date to</td>
                    <td>To Excel</td>
                    {% if is_granted('IS_AUTHENTICATED_FULLY') %}
                        <td>Trends</td>
                    {% endif %}
                </tr>
                <tr>
                    <td>
                        <select name="filter[resource][]" multiple>
                            {% for resource in resources %}
                                <option value="{{ resource.id }}" {% if resource.id in filterParams.resource %} selected {% endif %}>
                                    {{ resource.title }}
                                </option>
                            {% endfor %}
                        </select>
                    </td>
                    <td>
                        <select name="filter[scale][]" multiple>
                            {% for i in ['-',0,1,2,3,4,99,-99] %}
                                <option value="{{ i }}" {% if i in filterParams.scale %} selected {% endif %}>
                                    {{ i }}
                                </option>
                            {% endfor %}
                        </select>
                    </td>
                    <td>
                        <select name="filter[ccs][]" multiple>
                            {% for i in ['-',-2,-1,0,1,2,99,-99] %}
                                <option value="{{ i }}" {% if i in filterParams.ccs %} selected {% endif %}>
                                    {{ i }}
                                </option>
                            {% endfor %}
                        </select>
                    </td>
                    <td>
                        <select name="filter[keywords][]" multiple>
                            {% for keyword in keywords %}
                                <option value="{{ keyword.id }}" {% if keyword.id in filterParams.keywords %} selected {% endif %}>
                                    {{ keyword.title }}
                                </option>
                            {% endfor %}
                        </select>
                    </td>
                    <td>
                        <input type="date" name="filter[dateFrom]" {% if filterParams.dateFrom %} value="{{ filterParams.dateFrom | date("Y-m-d") }}" {% endif %} />
                    </td>
                    <td>
                        <input type="date" name="filter[dateTo]" {% if filterParams.dateTo %} value="{{ filterParams.dateTo | date("Y-m-d")  }}" {% endif %} />
                    </td>
                    <td>
                        <input type="checkbox" name="toExcel" value="1" />
                    </td>
                    {% if is_granted('IS_AUTHENTICATED_FULLY') %}
                    <td>
                        <input type="checkbox" name="trends" value="1" />
                    </td>
                    {% endif %}
                </tr>
                <tr>
                    <td colspan="8">
                        <input type="submit">
                        <input id="reset-form" type="button" value="Reset">
                    </td>
                </tr>
                </tbody>
            </table>
        </form>

        <hr/>

        <table class="text-center table table-bordered table-hover table-data fixed-head">
            <thead>
            <tr>
                <td><div class="w-1">ID</div></td>
                <td><div class="w-2">Date</div></td>
                <td><div class="w-3">Access Date</div></td>
                <td><div class="w-4">Title</div></td>
                <td><div class="w-5">Source Name</div></td>
                <td><div class="w-6">Link</div></td>
                <td><div class="w-8">CCS</div></td>
                <td><div class="w-9">Scale</div></td>
                <td><div class="w-11">Sum</div></td>
                {% for keyword in keywords %}
                    <td><div class="w-12">{{ keyword.title | slice(0, 5) }}</div></td>
                {% endfor %}
            </tr>
            </thead>
            <tbody>
            {% for data in pagination %}
                <tr data-processed="{{ data.processed }}">
                    <td><div class="w-1">{{ data.id }}</div></td>
                    <td><div class="w-2">{{ data.date | date('m/d/Y') }}</div></td>
                    <td><div class="w-3">{{ data.accessDate | date('m/d/Y') }}</div></td>
                    <td class="text-left">
                        <div class="w-4">
                            {{ data.title }}
                        </div>
                    </td>
                    <td>
                        <div class="w-5">{{ data.resource }}</div>
                    </td>
                    <td>
                        <div class="w-6">
                            <a href="{{ data.link }}" target="_blank">
                                Go to origin
                            </a>
                        </div>
                    </td>
                    <td>
                        <div class="w-8">
                            {{ data.ccs }}
                        </div>
                    </td>
                    <td>
                        <div class="w-9">
                            {{ data.scale }}
                        </div>
                    </td>
                    <td>
                        <div class="w-11">{{ data.sum }}</div>
                    </td>
                    {% for keyword in keywords %}
                        <td>
                            <div class="w-12">
                                {% if dataKeywords[data.id][keyword.id] is defined %}
                                    1
                                {% else %}
                                    0
                                {% endif %}
                            </div>
                        </td>
                    {% endfor %}
                </tr>
            {% endfor %}
            </tbody>
        </table>

        <div class="text-center">
            <nav class="navigation">
                {{ knp_pagination_render(pagination) }}
            </nav>
        </div>

        <hr>
    </div>
{% endblock %}

{% block toolbar %}
{% endblock %}

{% block script %}
    <script src="{{ asset('js/chart/list.js') }}"></script>
    <script type="text/javascript">
        new List();
    </script>
{% endblock %}