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

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

{% block breadcrumbs %}
  {{ block.super }}
  <li><a href="{% url "notes:liste-maraude" %}">Maraudes</a></li>
  <li>{{ maraude }}</li>
{% endblock %}

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

{% block right_column %}
<div class="card sticky-top mt-4">
  <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 %}
