{% extends "admin/base.html" %}

{% block title %}Global search{% endblock %}

{% block content %}
{% set prefix = dashboard.url_prefix if dashboard else (url_prefix if url_prefix else '/admin') %}
<div class="corporate-page search-page">
  <header class="corporate-header">
    <div>
      <p class="admin-eyebrow">Admin search</p>
      <h1>Search all records</h1>
      <p class="corporate-subtitle">Search across every model available to your account. Open a result to inspect or edit the record.</p>
    </div>
  </header>

  <section class="corporate-panel search-panel">
    <form method="get" action="{{ prefix }}/search" class="search-form">
      <label class="corporate-field search-input-field" for="admin-global-search"><span>Search query</span><div class="corporate-search"><i class="fas fa-search" aria-hidden="true"></i><input id="admin-global-search" name="q" value="{{ query }}" autofocus placeholder="Name, ID, email, or any record value" autocomplete="off"></div></label>
      <button type="submit" class="corporate-button corporate-button-primary"><i class="fas fa-search"></i><span>Search</span></button>
    </form>
    {% if query %}<p class="search-summary"><strong>{{ results|length }}</strong> result{% if results|length != 1 %}s{% endif %} for <span>{{ query }}</span></p>{% else %}<p class="search-summary">Enter a term to search the records you can access.</p>{% endif %}
  </section>

  <section class="corporate-panel">
    <div class="corporate-panel-header"><div><p class="corporate-kicker">Results</p><h2>Matching records</h2></div>{% if query %}<span class="corporate-badge corporate-badge-neutral">{{ results|length }} found</span>{% endif %}</div>
    {% if results %}
    <div class="search-results" role="list">
      {% for item in results %}
      <a role="listitem" class="search-result" href="{{ prefix }}/{{ item['model'] }}/{{ item['id'] }}">
        <span class="model-icon"><i class="fas fa-table" aria-hidden="true"></i></span>
        <span class="search-result-main"><strong>{{ item['label'] }}{% if item['id'] %} #{{ item['id'] }}{% endif %}</strong><small>{{ item['model']|replace('_', ' ')|title }}</small><span class="search-result-values">{% for key, value in item['values'].items() %}<b>{{ key|replace('_', ' ')|title }}:</b> {{ value }}{% if not loop.last %} <span aria-hidden="true">|</span> {% endif %}{% endfor %}</span></span>
        <i class="fas fa-arrow-right search-result-arrow" aria-hidden="true"></i>
      </a>
      {% endfor %}
    </div>
    {% elif query %}
    <div class="corporate-empty"><i class="fas fa-magnifying-glass"></i><strong>No results found</strong><p>Try a different term or clear the query to search again.</p></div>
    {% else %}
    <div class="corporate-empty"><i class="fas fa-magnifying-glass"></i><strong>Search your Admin data</strong><p>Results from all accessible models will appear here.</p></div>
    {% endif %}
  </section>
</div>
{% endblock %}