{% extends "notes/details.html" %}

{% block title %}
  {{ block.super }} {{ maraude }}
{% endblock %}

{% block breadcrumbs %}
  <h6 class="navbar-text text-white my-2">Compte-rendu</h6>
  <p class="navbar-text my-2 ml-2">{{ maraude }}</p>
{% endblock %}

{% block sidebar %}
    <h6 class="sidebar-heading mt-4 px-3">Navigation</h6>
    <nav class="d-flex px-3 justify-content-left" aria-label="Maraudes navigation">
    <ul class="pagination">
    <li class="page-item {% if not prev_maraude %}disabled{% endif %}">
      <a class="page-link px-4" href="{% if prev_maraude %}{% url "notes:details-maraude" prev_maraude.pk %}{% else %}#{% endif %}" aria-label="Previous">
        <span class="oi oi-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
    </li>
    <li class="page-item {% if not next_maraude %}disabled{% endif %}">
      <a class="page-link px-4" href="{% if next_maraude %}{% url "notes:details-maraude" next_maraude.pk %}{%else%}#{% endif %}" aria-label="Next">
        <span class="oi oi-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </li>
    </ul>
  </nav>
{% endblock %}

{% block right_column %}
<div class="card position-fixed">
  <h6 class="card-header">Informations</h6>
  <div class="card-body">
    <p><strong>Maraudeurs :</strong>&nbsp; {{ maraude.binome }} & {{ maraude.referent }}</p>
    <p><strong>Nombre de rencontres</strong>&nbsp; {{ maraude.rencontres.count }}</p>
    <p><strong>Nombre de personnes rencontrées</strong>&nbsp; {{ maraude.observations_count }}</p>
  </div>
</div>
{% endblock %}
