{% extends "ContentManagementBundle::layout.html.twig" %}

{% block page_title %}{{ 'Search results for'|trans }}: {{ queryString }} - {{ parent() }}{% endblock %}

{% block content %}
<style>
#did-you-mean-wpr {  }
#highlighted-search-result { background:#454545; color:#ccc; margin:4px; padding:10px; border-top-left-radius:5px; border-top-right-radius:5px; }
#search-results h2 { border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; margin:0; padding:8px; color:#ccc; background:#f7f7f7; }
#search-results h2:lang(ar) { font:normal 180% GE_SS; }
#search-results h2:lang(en) { font:bold 180% Exo2; }
.search-result dl dt a:lang(ar) { font:400 100% GE_SS; }
.search-result dl dt a:lang(en) { font:bold 120% Exo2; }
.facet-selector { margin:3px; padding:3px; font:200 100% GE_SS; }
.facet-selector option { font-weight:200 !important; }
</style>
{% if facets|length > 0 %}
{% for facetName, facetValues in facets %}
<select name="{{ facetName }}" class="facet-selector">
  <option value="">{{ ('search.facets.all_values.' ~ facetName)|trans }}</option>
  {% for value, count in facetValues %}
  <option value="{{ value }}" {{ app.request.query.get(facetName) == value ? 'selected' : '' }}>{{ value }} ({{ count }})</option>
  {% endfor %}
</select>
<br>
{% endfor %}
{% endif %}

<div class="content" style="padding-right:0; padding-left:0;">
  <div style="margin:10px; font:200 110% GE_SS;">
    {{ 'global.titles.there_are'|trans }} <strong>{{ resultsCount }}</strong> {{ 'Results for'|trans }}: <strong>{{ queryString }}</strong>
  </div>

  {% if suggestedQueryString %}
  <div id="did-you-mean-wpr">
    {{ 'Did you mean'|trans }}: <strong><a href="{{ path('search', {'query': suggestedQueryString }) }}">{{ suggestedQueryString }}</a></strong>
  </div>
  {% endif %}

  {% if resultsCount == 0 %}
  <div style="padding:10px; font:normal 130%/25px Arial;">
    <p>{{ 'No Search Results Found'|trans }}</p>
    <p>
      {{ 'Here are a few tips to perform a better search'|trans }}:
      <ul>
        <li>{{ 'Be sure to spell words correctly'|trans }}.</li>
        <li>{{ 'Try another words'|trans }}.</li>
        <li>{{ 'Try using more common words'|trans }}.</li>
        <li>{{ 'Make sure that you are using the correct advanced search options'|trans }}.</li>
      </ul>
    </p>
  </div>
  {% endif %}

  {% if resultsCount > 0 %}
  <div id="search-results">
    {% for group in resultsGroups %}
    {% if groupedSearch %}
    <h2 class="side-title">
      {{ (group.classification == 'entry' ? 'content_type.' ~ group.type ~ '.list_name' : (group.classification == 'collection' ? 'content_type.' ~ group.type ~ '.n' : 'search.' ~ group.type))|trans }}
      {% if group.count > 5 %}
      <a class="group-total-size pull-reverse" href="{{ path('search', {'query': queryString, 'type': group.type }) }}">{{ group.count }} {{ 'Result(s)'|trans }} </a>
      {% endif %}
    </h2>
    {% endif %}
    <ul style="margin:0 30px; padding:0;">
      {% for document in group.documents %}
      <li class="search-result {{ group.classification == 'entry' ? document.type : group.classification }}">
        {{ include('ContentManagementBundle:Search:entry.html.twig', { 'document': document, 'classification': group.classification }) }}
      </li>
      {% endfor %}
    </ul>
    {% endfor %}

    {% if viewPager %}
    {% set currentPage = app.request.get('page', 1) %}
    {% set startPage = max(1, currentPage - 2) %}
    {% set lastPage = (resultsCount / pageSize)|round(0, 'ceil') %}
    {% set endPage = min(startPage + 4, lastPage) %}
    <ul class="pager list-inline">
      {% for p in startPage .. endPage %}
      <li><a href="{{ path('search', {'query': queryString, 'type': type_name, 'page': p }) }}" class="{{ (p == currentPage) ? 'current' : '' }}">{{ p }}</a></li>
      {% endfor %}
    </ul>
    {% endif %}
  </div>
  {% endif %}
</div>
{% endblock %}

{% block js_document_ready %}
{{ parent() }}
{% if facets|length > 0 %}
parseUrlParams();

var facets = ["{{ facets|keys|join('", "')|raw }}"];
$.each(facets, function(idx, facet) {console.log(facet);
  $('select[name="' + facet + '"]').change(function() {console.log(facet);
    window.urlParams[facet] = $(this).val();
    window.location.href = window.location.pathname + '?' + $.param(window.urlParams);
  });
});
{% endif %}
{% endblock %}