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

{% block title %}Projection d'insertion - {{ beneficiaire.prenom }} {{ beneficiaire.nom }}{% endblock %}

{% block body %}
    <div class="d-flex">
        <!-- Sidebar -->
        {% include '_sidebar.html.twig' with {
            'beneficiaire': beneficiaire,
            'sectionActive': 'projection'
        } %}

        <!-- Main content -->
        <div class="main-content">
            <!-- Header -->
            <div class="dossier-header">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="beneficiaire-info text-header">
                        <h4 class="mb-0">
                            {{ beneficiaire.civilite ? beneficiaire.civilite|lower|title ~ ' ' : '' }}
                            {{ beneficiaire.nom }} {{ beneficiaire.prenom }}
                        </h4>
                        <small class="sous-titre">Projection d'insertion</small>
                    </div>
                    <div class="header-actions">
                        <a href="{{ path('app_projection_insertion_print', {beneficiaireId: beneficiaire.id}) }}" class="btn-action btn-info" target="_blank">
                            <i class="fas fa-print"></i>
                            <span>Imprimer</span>
                        </a>
                        <a href="{{ path('app_projection_insertion_edit', {beneficiaireId: beneficiaire.id}) }}" class="btn-action btn-warning">
                            <i class="fas fa-edit"></i>
                            <span>Modifier</span>
                        </a>
                    </div>
                </div>
            </div>

            <!-- Contenu -->
            <div class="container-fluid p-4">
                {% include 'dossier/sections/_projection.html.twig' %}
            </div>
        </div>
    </div>
{% endblock %}