{# {{results , prompt , can_update}} #}
{% trans_default_domain "AISearch" %}

<div class="container">
    <div style="display:flex;flex-wrap: wrap-reverse;">
        <div style="display:flex; flex-direction:column;">
            <div id="_study_title">
                <h3 style="flex-grow:1">
                    {{prompt.title}}
                </h3>
            </div>
            <div> <i class="fa fa-pencil" aria-hidden="true" style="color: #ff8600"></i> <b>{{'study.author' | trans}}:</b> {{prompt.createdBy.firstname}} {{prompt.createdBy.lastname}}</div>
        </div>
        {% if can_update and prompt.status == prompt.getStatusComplete %}
            <a id="title_update_btn" style="margin-inline-start:auto" data-href="{{path('reference_study_change_title' , {request_id:prompt.requestId} )}}">
                <span style="margin:5px;" class="btn btn-success" data-toggle="tooltip">
                    {{'study.update.title' | trans}}
                </span>
            </a>
            {% if not prompt.public %}
                <a id="public_update_btn"  href="{{path('reference_study_share' , {request_id:prompt.requestId} )}}">
                    <span style="margin:5px;" class="btn btn-success" data-toggle="tooltip">
                        {{'study.update.share' | trans}}
                    </span>
                </a>
            {% endif %}
        {% endif %}
    </div>
    <hr> 
    <div>

        {% if can_update and prompt.status == prompt.getStatusComplete %}
            <a id="study_update_btn" style="margin-inline-start:auto" data-href="{{path('reference_study_change_content' , {request_id:prompt.requestId} )}}">
                <span style="margin:5px;" class="btn btn-success" data-toggle="tooltip">
                    {{'study.update.study' | trans}}
                </span>
            </a>
            <a id="content_delete" data-href="{{path('reference_study_delete' , {request_id:prompt.requestId} )}}">
                <span style=" margin:5px;" class="btn btn-warning" data-toggle="tooltip">
                    {{'study.delete' | trans}}
                </span>
            </a>
        {% endif %}

        <div id="study_brief" data-status="{{prompt.status}}">
            {% if prompt.status == "PENDDING" %}
                <div class="status-div alert-warning h4">
                    {{"study.status.pendding" | trans}}
                    <span style="margin-inline-start: 5px;">
                        <i class="fa fa-pause-circle" aria-hidden="true"></i>
                    </span>
                </div>
            {% elseif prompt.status == "PROCESSING" %}
                <div id="processing_div" class="status-div alert-warning h4">
                    <div style="display:flex;align-items:center;">
                        {{"study.status.processing" | trans}}
                        <div id="loader" style="text-align: center;vertical-align: middle">
                            <div class="loadingio-spinner-dual-ring-fbofjcjq6x4"><div class="ldio-unzl005xvm">
                            <div></div><div><div>
                            </div></div></div></div>
                        </div>
                    </div>

                </div>
            {% elseif prompt.status == "ERROR" %}
                <div class="status-div h4 alert-danger">
                    {{"study.status.error" | trans}}
                </div>
            {% else %}
                <div class="study-container">
                    <div id="research_responses" class="study-text">
                        {% for result in prompt.aiResponses %}
                            <div id="{{result.researchSlug}}" class="research-response">
                                {{result.response}}
                            </div>
                            <hr>
                        {% endfor %}
                    </div>
                    
                    {# keywords #}
                    {% set tags = prompt.keywords %}
                    {% set tagSlug = [] %}
                    {% for tag in tags %}
                        {% if tag.slug is defined %}
                            {% set tagSlug = tagSlug|merge([tag.slug]) %}
                        {% endif %}
                    {% endfor %}
                    {% set break= false %}
                    {% set len= tags|length %}
                    {% if len > 0 %}
                        <div class="keywords">
                                {% set threshold=5 %}
                                {% for i in range(0,len-1)  %}
                                    {% if tagSlug!="" %}
                                        {% if i <= threshold %}
                                        <span class="research-keyword">
                                            <a href="{{ path('shamra_academia_filter', {'tags': tags[i]|trans }) }}">{{ tags[i] }}</a>
                                        </span>
                                        {% elseif i > threshold %}
                                            {% set break=true %}
                                            <span class="extra-content research-keyword r-hidden">
                                                <a href="{{ path('shamra_academia_filter', {'tags': tags[i]|trans }) }}">{{ tags[i] }}</a>
                                            </span>
                                        {% endif %}
                                    {% else %}
                                            {% set threshold=threshold+1 %}
                                    {% endif %}

                                {% endfor %}
                                {% if break %}
                                    <span class="keyword k-show-more">
                                        <a href="#">&nbsp;{{ 'المزيد..' }}<i class="fa fa-angle-double-left"></i></a>
                                    </span>
                                {% endif %}
                        </div>
                        <hr>
                    {% endif %}

                    {# citations #}
                    <div class="study-citations">
                        {% if prompt.citations is defined %}
                            <div class="info-section main-section">
                                <div class="section-head" style="font-size: 2rem;">
                                    {{ 'study.citations'|trans }}
                                </div>
                                {% if prompt.citations|length >0 %}
                                    {% for reference in prompt.citations %}
                                        {% if not ( reference|first|lower in 'a'..'z' ) %}
                                            <div class="research-reference">
                                                <i class="fa fa-book" style="color: #ff8600"></i>
                                                {{ reference }}
                                            </div>
                                        {% else %}
                                            <div class="research-reference eng">
                                                <i class="fa fa-book" style="color: #ff8600"></i>
                                                {{ reference }}
                                            </div>
                                        {% endif %}
                                    {% endfor %}
                                {% else %}
                                    <div class="noData">
                                        {{ 'research.noReferences'|trans }}
                                    </div>
                                {% endif %}
                            </div>
                        {% endif %}
                    </div>
                </div>
                <hr>
                <div>
                    <button id="review_btn" class="btn btn-secondary">{{"study.review.button"|trans}}</button>
                    <form id="study_review_btn" action="{{ path('review_reference_study' , {request_id:prompt.requestId}) }}" style="display:none;margin-top: 10px;padding: 10px;">
                        <div>
                            <div>
                                <div class="form-group">
                                    {# <div> #}
                                    <b>{{"study.review.status_lable" | trans}}:<b>
                                    {# </div> #}
                                    <input type ="radio" name="type" value="1"/>
                                    <label class="control-label">{{ 'study.review.positive'|trans }}</label>
                                {# <div class="form-group"> #}
                                /
                                    <input type ="radio" name="type" value="-1">
                                    <label class="control-label">{{ 'study.review.negative'|trans }}</label>
                                {# </div> #}
                                </div>
                            </div>
                            <div class="form-group">
                                <textarea name="context" style="width: 370px; height: 100px;" placeholder="{{'study.review.textarea_placeholder'|trans}}"></textarea>
                            </div>
                            <input type="submit" value="{{'study.review.sumbit'|trans}}" class="btn" style="color: white;background-color: #00a550">
                        </div>
                    </form>
                </div>
            {% endif %}

        </div>
    <div>
</div>

<script>
    $("#review_btn").click(function (e) { 
        e.preventDefault();
        $("#study_review_btn").toggle(200);
    });
</script>