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

{% block title %}Evenement{% endblock %}
{% set menu_evenement = true %}
{% block body %}
    <div class="card">
        <div class="card-header">
            <div class="text-center">
                <h2>Affichage d'un évènement !</h2>
            </div>
        </div>
        <div class="container mt-3 mb-3">
            <h4> <i> Titre :</i> {{ evenement.titre }}</h4>
            <h5>Description : </h5>
            <p class="font-italic">{{ evenement.description }}</p>

            <div class="row">
                <div class="col">
                    <h5> Date : {{ evenement.date | date("m/d/Y") }} </h5>
                    <h5> A risque : {{ evenement.arisque.label ?? '' }} </h5>
                    <h5> Caractere urgent : {{ evenement.caractereUrgent.label ?? '' }} </h5>
                    <h5> Type d’évènement : {{ evenement.type.label ?? '' }} </h5> <br>
                    <h5> Causes : </h5>
                    <ul>
                        {% for cause in evenement.causes %}
                           <li>{{ cause }}</li>
                        {% endfor %}
                    </ul>
                    <h5> Relation causalité : </h5>
                    <ul>
                        {% for relationCausalite in evenement.relationCausalite %}
                            <li>{{ relationCausalite }}</li>
                        {% endfor %}
                    </ul>
                </div>

                <div class="col">
                    {% if evenement.signalement|length > 0 %}
                        <div class="card">
                            <div class="card-header text-center">
                                <h5>Signalement </h5>
                            </div>
                            <div class="card-body">
                                <h5>idMessage : {{ evenement.signalement.idMessage ?? '' }} </h5>
                                <h5>Numero :  {{ evenement.signalement.numero ?? '' }} </h5>
                                <h5>Contenu : </h5>
                                <div class="jubomtron"> {{ evenement.signalement.contenu ?? '' }}</div> <br>
                                <h5>Date :  {{ evenement.signalement.date|date("m/d/Y") }} </h5>
                            </div>
                        </div>
                    {% endif %}
                </div>
            </div>

            <h5> Conséquences </h5>
            <ul>
                {% for consequence in evenement.consequences %}
                   <li>{{ consequence }} </li>
                {% endfor %}
            </ul>
            <h5> caractere violent : {{ evenement.caractereViolent.label ?? null }} </h5>

            <h5>Situation géographique : </h5>
                <ul>
                    <li> <b> province : </b>{{ evenement.commune.district.region.province ?? ''  }} </li>
                    <li> <b>region : </b>{{ evenement.commune.district.region.label ?? '' }} </li>
                    <li> <b>district :</b>  {{ evenement.commune.district.label ?? '' }}</li>
                    <li> <b>commune : </b> {{ evenement.commune.label ?? '' }}</li>
                    <li> <b>quartier : </b> {{ evenement.quartier  }} </li>
                </ul>
            <h5>Conflit lié:{% if evenement.conflit %}  {{ evenement.conflit.id }} - {{ evenement.conflit.titre ?? '' }}
                <a href="{{ path('conflit_show',{id:evenement.conflit.id}) }}" class="btn btn-success btn-xs">voir</a>
                {% else %}<div class="alert alert-danger">Pas de conflit lié!!</div></h5>
            {% endif %}
            <br>

            <h5 {% if  evenement.evenement %} class="" {% else %} class="alert-danger" {% endif %} >Évènement à risque lié:
                {% if evenement.evenement %}
                    {{ evenement.evenement.id }} - {{ evenement.evenement.titre ?? '' }}
                    <a href="{{ path('evenement_show',{id:evenement.evenement.id}) }}" class="btn btn-success btn-xs">voir</a>
                {% else %}
                    Pas d'evenement lié!!
                {% endif %}
            </h5>

            <h5 {% if  evenement.vulnerabilite %} class="" {% else %} class="alert-danger" {% endif %}>Vulnérabilité liée: {% if evenement.vulnerabilite %}
                    {{ evenement.vulnerabilite.id }} - {{ evenement.vulnerabilite.titre }}
                    <a href="{{ path('vulnerabilite_show',{id:evenement.vulnerabilite.id}) }}" class="btn btn-success btn-xs">voir</a>
                {% else %}
                    Pas de vulnerabilite lié!!
                {% endif %}
            </h5>
            <div class="row">
                <div class="col">
                    <div class="card">
                        <div class="card-header"><h5>AUTEURS</h5></div>
                        <div class="card-body">
                           <h5>Type d’auteurs :</h5>
                            {% if evenement.acteurAEvenement.auteurs %}
                                <ul>
                                    {% for auteurs in evenement.acteurAEvenement.auteurs %}
                                        <li>{{ auteurs.label ?? '' }}</li>
                                    {% endfor %}
                                </ul>
                            {% endif %}
                            <h5> Classe d’âge : {{ evenement.acteurAEvenement.classeDage.labelle ?? '' }} </h5>
                            <h5> Genre : {{ evenement.acteurAEvenement.genre.labelle ?? '' }} </h5>
                            <h5>Position : {{ evenement.acteurAEvenement.position ?? '' }} </h5>
                        </div>
                    </div>
                </div>

                <div class="col">
                    <div class="card">
                        <div class="card-header"><h5>VICTIMES/BENEFICIAIRES</h5></div>
                        <div class="card-body">
                               <h5> Victime beneficiaire : </h5>
                                <ul>
                                    {% if evenement.acteurBEvenement.victimeBeneficiaire %}
                                        {% for victimeBeneficiaire in evenement.acteurBEvenement.victimeBeneficiaire %}
                                            <li>{{ victimeBeneficiaire.label ?? '' }}</li>
                                        {% endfor %}
                                    {% endif %}
                                </ul>
                                <h5> Classe d’âge : {{ evenement.acteurBEvenement.classeDage.labelle ?? '' }} </h5>
                                <h5> Genre : {{ evenement.acteurBEvenement.genre.labelle ?? '' }}</h5>
                                <h5> Position : {{ evenement.acteurBEvenement.position ?? '' }} </h5>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mt-3">
                <a href="{{ path('evenement_edit',{id: evenement.id}) }}" class="btn btn-info">Modifier</a>
                <a href="{{ path('evenement_delete',{id: evenement.id}) }}" class="btn btn-danger kl-remove-elt">Supprimer</a>
            </div>
        </div>
    </div>

{% endblock %}
{% block javascripts %}
    {{ parent() }}
{% endblock %}