{% extends 'base.html.twig' %}

{% block title %}Conflit{% endblock %}
{% set menu_conflit = true %}
{% block body %}
<div class="card">
    <div class="card-header">
        <div class="text-center">
            <h2>Affichage d'un conflit !</h2>
        </div>
    </div>
    <div class="container mt-3 mb-3">
        <h4> <i>Titre :</i> {{ conflit.titre }} </h4>
        <h5> <i>Description :</i> </h5>
        <p class="font-italic"> {{ conflit.description }}</p>
        <div class="row">
            <div class="col-6">
                <h5> <i>Type de situation :</i> {{ conflit.typeDeSituation.labelle ?? '' }}</h5>

                <h5> <i>Situation géographique :</i>  </h5>
                <ul>
                    <li> <b>Province :</b>  {{ conflit.commune.district.region.province ?? ''  }} </li>
                    <li> <b>Region :</b> {{ conflit.commune.district.region.label ?? '' }} <br> </li>
                    <li> <b>District : </b> {{ conflit.commune.district.label ?? '' }}<br> </li>
                    <li> <b>Commune :</b>  {{ conflit.commune.label ?? '' }}<br></li>
                    <li> <b>Quartier :</b>  {{ conflit.quartier  }}<br> </li>
                </ul>
                <h5> <i>Date/Période de début du conflit :</i>  {{ conflit.date | date("m/d/Y") }} </h5>

                <h5> <i> Influence/Nature du conflit :</i> {{ conflit.influence }}</h5>

                <h5> <i>Typologie sectorielle du conflit :</i>  {{ conflit.typologieSectorielle }}</h5>

                <h5> <i>Portée :</i></h5>
                <ul>
                    {% for portee in conflit.portee %}
                        <li>
                            {{ portee.labelle }}
                        </li>
                    {% endfor %}
                </ul>
            </div>
            {% if conflit.signalement|length > 0 %}
                <div class="col-6">
                    <div class="card">
                        <div class="card-header">
                            <h5 class="text-center"> <i> <b>Signalement!</b> </i> </h5>
                        </div>
                        <div class="card-body">
                            <h6> <b>idMessage :</b>  {{  conflit.signalement.idMessage ?? '' }}</h6>
                            <h6> <b>Numero :</b> {{ conflit.signalement.numero ?? '' }} </h6>
                            <h6> <b>Contenu :</b></h6>
                            {{ conflit.signalement.contenu  ?? ''}} <br><br>
                            <h6> <b>Date:</b>{{ conflit.signalement.date|date("m/d/Y")  }}</h6>
                        </div>
                    </div>
                </div>
            {% endif %}
        </div>
        <div class="row">
            {% for acteur in conflit.acteurs %}
                <div class="col">
                    <div class="card">
                        <div class="card-header">
                            <h5> <i> <b>Acteur {% if loop.index == 1  %} A {% else %} B {% endif %}</b> </i> </h5>
                        </div>
                        <div class="card-body">
                            <h6> <b>Description:</b> </h6> {{ acteur.description }} <br><br>
                            <h6> <b>Type d'acteur:</b> </h6>
                            <ul>
                                {% for typeDacteurs in acteur.typeDacteurs %}
                                    <li>{{ typeDacteurs.labelle }}</li>
                                {% endfor %}
                            </ul>
                            <h6> <b> Type d'âge:</b>{{ acteur.classeDage.labelle ?? '' }}</h6>
                            <h6> <b>Genre:</b>  {{ acteur.genre.labelle ?? '' }}</h6>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>

        <h5> <i> Causes structurelles :</i></h5>
        <ul>
            {% for causesStructrelles in conflit.causesStructrelles %}
                <li>{{ causesStructrelles.labelle }}</li>
            {% endfor %}
        </ul>

        <h5> <i>Causes sous-jacentes :</i> </h5>
        <ul>
            {% for causesSousJacentes in conflit.causesSousJacentes %}
                <li>{{ causesSousJacentes.labelle }}</li>
            {% endfor %}
        </ul>

        <h5> <i>Conséquences directes :</i></h5>
        <ul>
            {% for consequencesDirectes in conflit.consequencesDirectes %}
                <li>{{ consequencesDirectes.labelle }}</li>
            {% endfor %}
        </ul>

        <h5> <i>Conséquences indirectes :</i> </h5>
        <ul>
            {% for consequencesIndirectes in conflit.consequencesIndirectes %}
                <li>{{ consequencesIndirectes.labelle }}</li>
            {% endfor %}
        </ul>

        <h5> <i>Intensité du conflit:</i>  {{ conflit.intensite }}</h5>

        <h5> <i>Situation/stade du conflit :</i>  {{ conflit.situation }}</h5>

        <h5>Réponses apportées :</h5>
        <ul>
            {% for reponsesApportees in conflit.reponsesApportees %}
                <li>{{ reponsesApportees.labelle }}</li>
            {% endfor %}
        </ul>

        <div class="row">
            <div class="col">
                {% if conflit.evenements | length > 0  %}
                    <div class="card">
                        <div class="card-header">
                            <h5>Evenement rattaché <span class="badge">{{ conflit.evenements | length }}</span>  </h5>
                        </div>
                        <div class="card-body">
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th>Id</th>
                                    <th>Titre</th>
                                    <th>Date</th>
                                    <th>Auteur</th>
                                    <th>Victimes/Beneficiaires</th>
                                    <th>Options</th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for evenements in conflit.evenements %}
                                    <tr>
                                        <td>{{ evenements.id }}</td>
                                        <td>{{ evenements.titre }}</td>
                                        <td>
                                            {{ evenements.date| date("m/d/Y") }}
                                        </td>
                                        <td>
                                            <h6> Position : {{ evenements.acteurAEvenement.position ?? '' }}</h6>
                                        </td>
                                        <td>
                                            <h6> Position : {{ evenements.acteurBEvenement.position ?? '' }}</h6>
                                        </td>
                                        <td>
                                            <a href="{{ path('evenement_show',{id:evenements.id}) }}" class="btn btn-success btn-xs">Voir</a>
                                        </td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                {% endif %}
            </div>

            <div class="col">
                {% if conflit.vulnerabilites | length > 0  %}
                    <div class="card">
                        <div class="card-header">
                            <h5>Vulnérabilite rattaché {{ conflit.vulnerabilites | length }} </h5>
                        </div>
                        <div class="card-body">
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th>Id</th>
                                    <th>Titre</th>
                                    <th>Date</th>
                                    <th>Options</th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for vulnerabilites in conflit.vulnerabilites %}
                                    <tr>
                                        <td>{{ vulnerabilites.id }}</td>
                                        <td>{{ vulnerabilites.titre }}</td>
                                        <td>
                                            {{ vulnerabilites.date| date("m/d/Y") }}
                                        </td>
                                        <td> <a href="{{ path('vulnerabilite_show',{id:vulnerabilites.id}) }}" class="btn btn-success btn-xs">Voir</a></td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                {% endif %}
            </div>
        </div>
            <a href="{{ path('conflit_edit',{id:conflit.id}) }}" class="btn btn-info">Modifier</a>
            <a href="{{ path('conflit_delete',{id:conflit.id}) }}" class="btn btn-danger kl-remove-elt">Supprimer</a>
        </div>
    </div>
</div>

{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript" src="{{ asset('conflit/js/show.js') }}"></script>
{% endblock %}