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

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

{% block body %}
    <h1 style="display:flex;">
        <div style="flex-grow:1">{{title}}</div>
        <div class="">{{project.status}}</div>
    </h1>
    
    {% if is_granted('UPDATE', project) %}
        <a href="{{ path(routeupdate,{id:project.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('MOVEDRAFT', project) %}
        <a href="{{ path(routemove,{id:project.id, status:"DRAFT"}) }}" class="btn btn-primary me-1" onclick="return confirm('Confirmez-vous le passage au vote ?')">Mettre en Brouillon</a>
    {% endif %}
    {% if is_granted('MOVETOVOTE', project) %}
        <a href="{{ path(routemove,{id:project.id, status:"TOVOTE"}) }}" class="btn btn-primary me-1" onclick="return confirm('Confirmez-vous le passage au vote ?')">Mettre au Vote</a>
    {% endif %}
    {% if is_granted('MOVEVOTED', project) %}
        <a href="{{ path(routemove,{id:project.id, status:"VOTED"}) }}" class="btn btn-primary me-1" onclick="return confirm('Confirmez-vous le vote ?')">Voter</a>
    {% endif %}
    {% if is_granted('DELETE', project) %}
        <a href="{{ path(routedelete,{id:project.id}) }}" class="btn btn-danger float-end" onclick="return confirm('Confirmez-vous la suppression de cet enregistrement ?')">Supprimer</a>
    {% endif %}
    
    <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> = {{ project.title }}<br>
                    <b>Nature</b> = {{ project.nature }}<br><br>
                </div>
            </div>

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

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

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

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