{% extends "base.html" %}
{% block title_prefix %}Rechercher partout{% endblock %}
{% block content %}
<link rel="stylesheet" href="/static/css/recherche.css">
<main class="rp-page" id="recherche" data-host="flowdeck"
      data-base-obsigate="{{ bases.obsigate }}"
      data-base-flowdeck="{{ bases.flowdeck }}"
      data-base-tiktak="{{ bases.tiktak }}"
      data-base-kanbante="{{ bases.kanbante }}">
  <h1>Rechercher partout</h1>
  <p class="rp-hint">Notes ObsiGate, pages Flowdeck, tâches TikTak, cartes Kanbante — dans l'environnement courant (dev reste dev). « / » ou Ctrl+K pour rechercher, ↑/↓ puis Entrée pour ouvrir un résultat.</p>
  <div class="rp-form">
    <input id="rp-q" class="rp-input" type="search" name="q" value="{{ q }}"
           placeholder="Rechercher partout…" autocomplete="off" autofocus>
  </div>
  <section class="rp-section" data-rp-section="obsigate">
    <div class="rp-head"><h2>ObsiGate — notes</h2><span class="rp-count"></span><a class="rp-all" href="#">Tout voir</a></div>
    <div class="rp-body"><p class="rp-state">Tapez une recherche ci-dessus.</p></div>
  </section>
  <section class="rp-section" data-rp-section="flowdeck">
    <div class="rp-head"><h2>Flowdeck — pages</h2><span class="rp-count"></span><a class="rp-all" href="#">Tout voir</a></div>
    <div class="rp-body"><p class="rp-state">Tapez une recherche ci-dessus.</p></div>
  </section>
  <section class="rp-section" data-rp-section="tiktak">
    <div class="rp-head"><h2>TikTak — tâches</h2><span class="rp-count"></span><a class="rp-all" href="#">Tout voir</a></div>
    <div class="rp-body"><p class="rp-state">Tapez une recherche ci-dessus.</p></div>
  </section>
  <section class="rp-section" data-rp-section="kanbante">
    <div class="rp-head"><h2>Kanbante — cartes</h2><span class="rp-count"></span><a class="rp-all" href="#">Tout voir</a></div>
    <div class="rp-body"><p class="rp-state">Tapez une recherche ci-dessus.</p></div>
  </section>
</main>
{% endblock %}
{% block scripts %}
<script src="/static/js/recherche.js"></script>
{% endblock %}