<h2 mat-dialog-title class="bg-accent border-bottom border-light-subtle d-flex mb-3 pt-3 pb-2">
    Supprimer le saut n°{{jump.numero}}<span class="flex-spacer"></span>
    <mat-icon fontIcon="close" class="pointer" (click)="closeDialog()"></mat-icon>
</h2>
<mat-dialog-content>
    <div class="container">
        <div class="mt-2 mb-4 text-center text-danger border-warning alert alert-danger">
            <p class="fs-6 m-0">
                Veuillez confirmer la suppression de ce saut.<br />
                <span class="fw-semibold">Attention</span>, cette <span class="fw-semibold">action</span> est <span class="fw-semibold">irréversible</span>.
            </p>
        </div>
        <h3 class="border-bottom border-light-subtle pb-2 mb-3">Données du saut :</h3>
        <div class="row mb-3">
            <div class="col-lg-6 col-md-12">
                <dl class="dl-horizontal">
                    <dt class="text-accent fw-normal">numero:</dt>
                    <dd>{{jump.numero}}</dd>
                    <dt class="text-accent fw-normal">lieu:</dt>
                    <dd>{{jump.lieu}}</dd>
                    <dt class="text-accent fw-normal">aeronef:</dt>
                    <dd>{{jump.aeronef}}</dd>
                    <dt class="text-accent fw-normal">voile:</dt>
                    <dd>{{jump.voile}}</dd>
                    <dt class="text-accent fw-normal">hauteur:</dt>
                    <dd>{{jump.hauteur}} m</dd>
                    <dt class="text-accent fw-normal">categorie:</dt>
                    <dd>{{jump.categorie}}</dd>
                    <dt class="text-accent fw-normal">accessoires:</dt>
                    <dd>{{jump.accessoires}}</dd>
                    <dt class="text-accent fw-normal">dossier:</dt>
                    <dd>{{jump.dossier}}</dd>
                    <dt class="text-accent fw-normal">programme:</dt>
                    <dd>{{jump.programme}}</dd>
                </dl>
            </div>
            <div class="col-lg-6 col-md-12">
                <dl class="dl-horizontal">
                    <dt class="text-accent fw-normal">date:</dt>
                    <dd>{{jump.date | date: 'mediumDate'}}</dd>
                    <dt class="text-accent fw-normal">oaci:</dt>
                    <dd>{{jump.oaci}}</dd>
                    <dt class="text-accent fw-normal">imat:</dt>
                    <dd>{{jump.imat}}</dd>
                    <dt class="text-accent fw-normal">taille:</dt>
                    <dd>{{jump.taille}} ft<sup>2</sup></dd>
                    <dt class="text-accent fw-normal">participants:</dt>
                    <dd>{{jump.participants}}</dd>
                    <dt class="text-accent fw-normal">module:</dt>
                    <dd>{{jump.module}}</dd>
                    <dt class="text-accent fw-normal">zone:</dt>
                    <dd>{{jump.zone}}</dd>
                    <dt class="text-accent fw-normal">video:</dt>
                    <dd>{{jump.video}}</dd>
                </dl>
            </div>
        </div>
    </div>
</mat-dialog-content>
<mat-dialog-actions>
    <span class="flex-spacer"></span>
    <button mat-button (click)="closeDialog()" class="me-1">Annuler</button>
    <button mat-button color="accent" [mat-dialog-close]="jump" cdkFocusInitial>Supprimer</button>
</mat-dialog-actions>
