{% extends "traite/base.html" %}
{% load static %}
{% block content %}

<div class="container px-4 ">
    <h2 class="pb-2 border-bottom">Cas de traite :<span class="text-accent"> {{cas_traite.description}}</span></h2>
    <div class="d-flex justify-content-between">
        <div>

            <i class="bi bi-calendar-fill text-accent fs-6"></i>
            <p class="mx-2">{{cas_traite.date}}</p>
        </div>
        <div>

            
        </div>
    </div>
    <div class="row gx-4 mb-4 text-center row-cols-1 row-cols-lg-3">
        <div class="col card bg-light py-2 ">
            <div class="row ">
                <h2 class="fs-6 fw-bold">Zone Depart</h2>
                <i class="bi bi-align-start fs-4 bg-white text-accent"></i>
            </div>
            <p class="fs-5 text-accent">{% firstof cas_traite.pays_depart cas_traite.region_depart %}</p>

        </div>

        <div class="col card bg-light py-2 ">
            <div class="row ">
                <h2 class="fs-6 fw-bold">Zone Interpellation</h2>
                <i class="bi bi-align-center fs-4 bg-white text-accent"></i>
            </div>
            <p class="fs-5 text-accent"> {% firstof cas_traite.pays_interpellation cas_traite.region_interpellation %}
            </p>

        </div>

        <div class="col card bg-light py-2 ">
            <div class="row ">
                <h2 class="fs-6 fw-bold">Zone Destination</h2>
                <i class="bi bi-align-end fs-4 bg-white text-accent"></i>
            </div>
            <p class="fs-5 text-accent"> {% firstof cas_traite.pays_destination cas_traite.region_destination %}</p>

        </div>

    </div>
    <div class="row ">
        <div class="col-12 col-md-6 col-12 col-md-6 card bg-white ">
            <div class="p-3">
                <h2 class="fs-5 fw-bold text-dark-blue">Infractions</h2>
                <ul class="list-group ">
                    {% for infraction in cas_traite.types_infraction.all %}
                    <li class="list-group-item  text-accent fs-6">
                        {{infraction}}
                    </li>

                    {% endfor %}
                </ul>

            </div>

            <div class=" p-3 ">
                <h2 class="fs-5 fw-bold text-dark-blue">Moyens Transports</h2>
                <ol class="list-group ">
                    {% for moyen_transport in cas_traite.moyens_transport.all %}
                    <li class="list-group-item  text-accent fs-6">{{moyen_transport.libelle}}</li>

                    {% endfor %}
                </ol>

            </div>
        </div>
        <div class="col-12 col-md-6 col-12 col-md-6 card bg-white ">
            <div class="p-3">
                <h2 class="fs-5 fw-bold text-dark-blue">Etats du traite</h2>
                <ul class="list-group ">
                    <li class="list-group-item fs-6">
                        Phase interpellation : <span class="text-accent">{{cas_traite.phase_interpellation }}</span>
                    </li>
                    <li class="list-group-item fs-6">
                        Traite : <span class="text-accent">{{cas_traite.type_traite }}</span>
                    </li>
                    <li class="list-group-item fs-6">
                        Enquete : <span class="text-accent">
                            {% if cas_traite.enquete_effectuee %}
                            <i class="bi bi-check-circle-fill text-success"></i>

                            {% else %}
                            <i class="bi bi-x-circle-fill"></i>

                            {% endif %}
                        </span>
                    </li>
                    <li class="list-group-item fs-6">
                        Promesses faites : <span class="text-accent">
                            {% if cas_traite.prommesses_faites %}
                            <i class="bi bi-check-circle-fill text-success"></i>

                            {% else %}
                            <i class="bi bi-x-circle-fill"></i>

                            {% endif %}
                        </span>
                    </li>
                    <li class="list-group-item fs-6">
                        Poursuites engagées : <span class="text-accent">
                            {% if cas_traite.poursuites_engagees %}
                            <i class="bi bi-check-circle-fill text-success"></i>

                            {% else %}
                            <i class="bi bi-x-circle-fill"></i>

                            {% endif %}
                        </span>
                    </li>
                    <li class="list-group-item fs-6">
                        Decisions judiciaires : <span class="text-accent">
                            {% if cas_traite.decisions_judiciaires %}
                            <i class="bi bi-check-circle-fill text-success"></i>
                            {% else %}
                            <i class="bi bi-x-circle-fill"></i>
                            {% endif %}
                        </span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--VICTIME TABLE-->
    <div class="row border rounded mt-3">
        <div class="col p-3">
            <h2 class="fs-5 fw-bold text-dark-blue ">
                Victime(s)
            </h2>
            {% include './partials/tableau-victime.html' with victimes=cas_traite.victimes_traite.all %}
        </div>
    </div>
    <!--FIN VICTIME TABLE-->

    <!--TRAFIQUA?T TABLE-->
    <div class="row border rounded mt-3">
        <div class="col p-3">
            <h2 class="fs-5 fw-bold text-dark-blue ">
                Auteur(s)
            </h2>
            {% include './partials/tableau-trafiquant.html' with trafiquants=cas_traite.trafiquants_traite.all %}
        </div>
    </div>
    <!--TRAFIQUANT VICTIME TABLE-->
    </div>
    {% endblock content %}