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

{% block title %}Membre - {{ membre }}{% endblock %}

{% block body %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1>{{ membre }}</h1>
    <div>
        <a href="{{ path('app_membre_edit', {'id': membre.id}) }}" class="btn btn-warning">
            <i class="fas fa-edit"></i> Modifier
        </a>
        <a href="{{ path('app_membre_index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left"></i> Retour à la liste
        </a>
    </div>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">Informations générales</h5>
            </div>
            <div class="card-body">
                <p><strong>ID :</strong> {{ membre.id }}</p>
                <p><strong>Nom :</strong> {{ membre.nom }}</p>
                <p><strong>Prénom :</strong> {{ membre.prenom }}</p>
                <p><strong>Email :</strong> {{ membre.email }}</p>
                <p><strong>Nombre de contributions :</strong> {{ membre.contributions|length }}</p>
            </div>
        </div>
    </div>
</div>

{% if membre.contributions|length > 0 %}
<div class="row mt-4">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">Contributions ({{ membre.contributions|length }})</h5>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-sm">
                        <thead>
                            <tr>
                                <th>Projet</th>
                                <th>Date</th>
                                <th>Durée</th>
                                <th>Commentaire</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                        {% for contribution in membre.contributions %}
                            <tr>
                                <td>{{ contribution.projet.nom }}</td>
                                <td>{{ contribution.dateContribution|date('d/m/Y') }}</td>
                                <td>{{ contribution.dureeFormatee }}</td>
                                <td>{{ contribution.commentaire|default('')|slice(0, 30) }}{% if contribution.commentaire|length > 30 %}...{% endif %}</td>
                                <td>
                                    <a href="{{ path('app_contribution_show', {'id': contribution.id}) }}" class="btn btn-sm btn-info">
                                        <i class="fas fa-eye"></i> Voir
                                    </a>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
{% endif %}

<div class="row mt-4">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">Actions</h5>
                <div class="d-flex gap-2">
                    <a href="{{ path('app_membre_edit', {'id': membre.id}) }}" class="btn btn-warning">
                        <i class="fas fa-edit"></i> Modifier
                    </a>
                    {{ include('membre/_delete_form.html.twig') }}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}