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

{% block title %}{{titlePage|capitalize}}{% endblock %}

{% block stylesheets %}
<link rel="stylesheet" href={{ asset('assets/css/projet/navTop.css') }}>
<link rel="stylesheet" href={{ asset('assets/css/projet/navMiddle.css') }}>
<link rel="stylesheet" href={{ asset('assets/css/projet/style.css') }}>
<link rel="stylesheet" href={{ asset('assets/css/notedefrais/style.css') }}>

{% endblock %}


{% block body %}
<style>
table , tr , td , p ,div.list  {
    
    page-break-inside: avoid;
}

span{
    /*margin-right: 20%;*/
}
.bold{
    font-weight: bold;
}
tr,td{
    margin:0;
}
th, table.table td{
    border: 1px solid #E6d1c4;
    /*padding: 1%;*/
}
td{
    padding:10px;
}
table.table th{
    background-color: #ffedde;
}
table,p.totalGlobal{
    text-align: right;
}
table {
    margin-left: auto;
    margin-right: 0;
    border-collapse: collapse; 
    border: 1px #ffedde ; 
    border-radius: 10px; /* Ajustez le rayon selon vos besoins */
    /*overflow: hidden; /* Nécessaire pour que DOMPDF applique le style */
}



</style>

<p>Note de frais du {{debut ? debut}} à {{ fin ? fin}} </p>
<p>
    Tâche :
    <a href={{ path('app_tache_edit' , {'id': tache.id}) }}>
        {{titreTache}}
    </a>
</p>
<p>
    Projet :
    <a href={{ path('app_projet_edit',{ 'id' : projetId}) }}>
        {{ projetName }}
    </a>
</p>
<p class="d-flex ">
    <span>
        Nom :
    </span>
    <span>
        Poste :
    </span>
    <span>
        Date : {{trans_day_hash["now"|date("l")]}} {{"now"|date("d")}} {{trans_day_hash["now"|date("F")]}}
        {{ "now"|date('Y') }}
    </span>
    <p>

        <div class="row">
            <div class="col-10  ">
                <div class="list">
                {{ include('notedefrais/list/_forfaitList.html.twig') }}
                </div>
                <div class="list">
                {{ include('notedefrais/list/_comList.html.twig') }}
                </div>
                <div class="list">
                {{ include('notedefrais/list/_deplacementsList.html.twig') }}
                </div>
                <div class="list">
                {{ include('notedefrais/list/_intervenantsList.html.twig') }}
                </div>
                <div class="list">
                {{ include('notedefrais/list/_hebergementsList.html.twig') }}
                </div>
                <div class="list">
                {{ include('notedefrais/list/_restaurationsList.html.twig') }}
                </div>
                <div class="list">
                {{ include('notedefrais/list/_reunionsList.html.twig') }}
                </div>
                <div class="list">
                {{ include('notedefrais/list/_documentsList.html.twig') }}
                </div>
                
                <p class="totalGlobal ">
                    <span class="bold  colorProjet">
                        Total global : 
                    </span>
                    {{ totauxGlobal }} €
                </p>
            </div>
        </div>
        {% endblock %}