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

{% block title %}
  Détail {{ support }}
{% endblock %}

{% block body %}
  <div class="row">
    <div class="col-md-12 grid-margin">
      <div class="d-flex justify-content-between flex-wrap">
        <div class="d-flex align-items-end flex-wrap">
          <div class="d-flex">
            <i class="mdi mdi-home text-muted hover-cursor"></i>
            <p class="text-muted mb-0 hover-cursor">
              &nbsp;/&nbsp;
              <a class="student-dashbord-service" href="{{ path('home') }}">Tableau de bord</a>
            </p>
					  <p class="text-muted mb-0 hover-cursor">
              &nbsp;/&nbsp;
              <a class="student-dashbord-service" href="{{ path('supports') }}">Supports</a>
              &nbsp;/&nbsp;
            </p>
            <p class="text-primary mb-0 hover-cursor">
              {% if support %}
                Détail {{ support }}
              {% endif %}
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12 grid-margin stretch-card">
      <div class="card">
        <div class="card-body bloc-radius bloc-border bloc-box-shadow">
          <p class="card-title">
            Détail {{ support }}
          </p>
          <div class="row">
            <div class="col-sm-12">
              {% if support.createdBy != app.user %} 
                Demandé par {{ support.createdBy|capitalize }} {# {% else %} <span class="badge rounded-pill bg-success">Moi</span> #} 
                <br>
              {% endif %}
              A été créé le: {{ support.createdAt|date("d/m/Y - H:i") }}
              <br>
              Statut: 
                {% if support.statut == 'Résolu' %}
                  <span class="badge rounded-pill bg-success"> 
                {% elseif support.statut == 'En cours de traitement' %}
                  <span class="badge rounded-pill bg-info"> 
                {% else %}
                  <span class="badge rounded-pill bg-warning"> 
                {% endif %}
                {{ support.statut }}</span>
            </div>
            <div class="col-md-12">
              <hr>
              <h4>Détail de la demande </h4>
              {{support.description|raw}}
            </div>
            {% if support.response %}
            <div class="col-md-12">
                <hr>
                <h4>Réponse </h4>
                {{support.response|raw}}
              </div>
            {% endif %}
          </div>
        </div>
      </div>
    </div>
  </div>
{% endblock %}