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

{% block title %} = {{title}}{% endblock %}

{% block body %}
    <h1 style="display:flex;">
        <div style="flex-grow:1">{{title}}</div>
        <div class="">{{group.status}}</div>
    </h1>
    
    <div class="mb-3">
        {% if is_granted('UPDATE', group) %}
            <a href="{{ path(routeupdate,{id:group.id}) }}" class="btn btn-success me-1">Modifier</a>
        {% endif %}

        <a href="{{ path(routecancel) }}" class="btn btn-secondary me-5">Retour</a>

        {% if is_granted('MOVETOINACTIVE', group) and group.status=="Actif"%}
            <a href="{{ path(routemove,{id:group.id, status:"INACTIVE"}) }}" class="btn btn-primary me-1" onclick="return confirm('Statut = Inactif ?')">
                <i class="fas fa-angle-double-right"></i> Statut = Inactif
            </a>
        {% endif %}

        {% if is_granted('DELETE', group) %}
            <a href="{{ path(routedelete,{id:group.id}) }}" class="btn btn-danger float-end" onclick="return confirm('Confirmez-vous la suppression de cet enregistrement ?')">
                Supprimer
            </a>
        {% endif %}
        {% if is_granted('MOVETOACTIVE', group) and group.status=="Inactif" %}
            <a href="{{ path(routemove,{id:group.id, status:"ACTIVE"}) }}" class="btn btn-warning me-1 float-end" onclick="return confirm('Statut = Actif ?')">
                <i class="fas fa-angle-double-left"></i> Statut = Actif
            </a>
        {% endif %}
    </div>

    <div class="row">
        <div class="col-md-4 mx-auto">
            <div class="card  mt-3">
                <div class="card-header">Information</div>
                <div class="card-body">
                    <b>Titre</b> = {{ group.title }}<br>
                    <b>A Voter pour le</b> = {{ group.dueDate ? group.dueDate|date("d/m/Y"):"" }}
                </div>
            </div>

            <div class="card mt-3">
                <div class="card-header">Résumé</div>
                <div class="card-body">
                    {{ group.summary|nl2br }}
                </div>
            </div>

            {{ render(path("bninefiles_files",{domain:'group',id:group.id, editable:0})) }}                

            <div class="card mt-3">
                <div class="card-header">Timeline</div>
                <div class="card-body">
                    {% include('group/timeline.html.twig') %}
                </div>
            </div>
        </div>

        <div class="col-md-8 mx-auto">
            <div class="card mt-3">
                <div class="card-header">Pad du Group</div>
                <div class="card-body">
                {{ group.description ? group.description|markdown_to_html|nl2br : "" }}
                </div>
            </div>
        </div>
    </div>
{% endblock %}