<h1 class="mb-1">{{title}}</h1>
<span [hidden]="!lastJump.numero" class="me-2 fst-italic0 fs-6">
    Dernier saut enregistré : <span class="fs-5 mx-1 text-primary">{{ lastJump.numero }}<sup>ème</sup></span> à <span class="fs-5 mx-1 text-primary">{{ lastJump.lieu }}</span> le <span class="fs-5 mx-1 text-primary">{{ lastJump.date | date: 'dd/MM/yyyy' }}</span>
</span>
<mat-divider class="my-3"></mat-divider>
<ng-container *appShowAuthed="true">
    <div class="row">
        <div class="col-xs-12">
            <app-jumps-by-month></app-jumps-by-month>
        </div>
    </div>
    <div class="row mt-sm-2 mt-lg-3">
        <div class="col-md-4 col-sm-12">
            <app-dropzones-pie></app-dropzones-pie>
        </div>
        <div class="col-md-8 col-sm-12">
            <app-dropzones-bar></app-dropzones-bar>
        </div>
    </div>
    <div class="row mt-sm-2 mt-lg-3">
        <div class="col-md-4 col-sm-12">
            <app-aeronefs-pie></app-aeronefs-pie>
        </div>
        <div class="col-md-8 col-sm-12">
            <app-aeronefs-bar></app-aeronefs-bar>
        </div>
    </div>
    <div class="row mt-sm-2 mt-lg-3">
        <div class="col-md-6 col-sm-12">
            <app-canopies-models></app-canopies-models>
        </div>
        <div class="col-md-6 col-sm-12">
            <app-canopies-sizes></app-canopies-sizes>
        </div>
    </div>
</ng-container>