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

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

{% block body %}

    <div class="row" style="max-width: 1375px ;">
        <div class="col-md-2 bg-secondary"></div>
        <div class="col-md-8 bg-light" style="height: 620px;">
            <form action="" method="POST"  style="margin: 50px 30%;">
                <div style="display: flex;flex-direction: row;">
                    <button type="submit" class="btn btn-dark">ارسال</button>
                    <input dir="rtl" type="text" class="form-control" placeholder="بماذا تفكر؟" name="q">
                </div>
            </form>
            <div style="height: 500px;overflow-y: scroll;">
                <ul dir="ltr">
                {% if results is defined %}
                    {% if results|length > 0 %}
                        {% for data in results %}
                            <li>
                                <p> <b>TITLE:</b> {{ data._source.content }} </p>
                                <p> <b>abstract:</b> {{ data._source.abstract_english }} </p>
                                <p> <b>authors:</b> {{ data._source.authors }} </p>
                                <hr>
                            </li>
                        {% endfor %}
                    {% else %}
                        <li>
                            <p> <b>{{ 'لايوجد نتائج' }}</b>  </p>
                        </li>
                    {% endif %}    
                {% endif %}
                </ul>
            </div> 
        </div>
        <div class="col-md-2 bg-secondary"></div>
    </div>

{% endblock %}