{% extends 'traite/base.html' %}
{% load static %}
{% block content %}
  <div class="row rounded mt-3">
    <div class="col p-3">
      <h3 class="fw-bold display-6 text-center text-dark">Les victimes</h3>
      
      <div class="table-responsive mt-3">
        <table class="table table-striped table-sm ">
          <thead class="border bg-blue-dark px-2 text-center">
            <tr >
              <th scope="col" class="text-white fw-normal py-2 text-start">Nom</th>
              <th scope="col" class="text-white fw-normal py-2 text-start">Prenom</th>
              <th scope="col" class="text-white fw-normal py-2 ">Date naissance</th>
              <th scope="col" class="text-white fw-normal py-2 ">Lieu naissance</th>
              <th scope="col" class="text-white fw-normal py-2 ">Sexe</th>
              <th scope="col" class="text-white fw-normal py-2 ">Nationalite</th>
              {% comment %} <th scope="col" class="text-white fw-normal py-2 ">Situation matrimoniale</th> {% endcomment %}
              <th scope="col" class="text-white fw-normal py-2 ">Description traite</th>
            </tr>
          </thead>
          <tbody>
            {% for victime in victimes %}
              <tr class=" text-center my-2 rounded ">
                <td class="text-start">{{ victime.nom }}</td>
                <td class="text-start">{{ victime.prenom }}</td>
                <td>{{ victime.date_naissance|date:"d/m/Y" }}</td>
                <td>{{ victime.lieu_naissance }}</td>
                <td>{{ victime.sexe }}</td>
                <td>{{ victime.nationalite }}</td>
                {% comment %} <td>{{ victime.situation_matrimoniale }}</td> {% endcomment %}
                <td>{{ victime.cas_traite }}</td>
               
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
{% endblock %}