<div class="content">
    <h1 class="my-0">Saut n°{{ jump.numero }} <small class="text-muted">le {{ jump.date | date: 'dd/MM/yyyy' }} à {{ jump.lieu }}</small></h1>
    <hr />
    <section class="row mb-3">
        <div class="col-lg-6 col-md-12">
            <dl class="dl-horizontal">
                <dt class="text-accent fw-normal">Lieu:</dt>
                <dd>{{jump.lieu}}</dd>
                <dt class="text-accent fw-normal">Oaci:</dt>
                <dd>{{jump.oaci}}</dd>
                <dt class="text-accent fw-normal">Aeronef:</dt>
                <dd>{{jump.aeronef}}</dd>
                <dt class="text-accent fw-normal">Imat:</dt>
                <dd>{{jump.imat}}</dd>
                <dt class="text-accent fw-normal">Voile:</dt>
                <dd>{{jump.voile}}</dd>
                <dt class="text-accent fw-normal">Taille:</dt>
                <dd>{{jump.taille}} ft<sup>2</sup></dd>
                <dt class="text-accent fw-normal">Programme:</dt>
                <dd>{{jump.programme}}</dd>
                <dt class="text-accent fw-normal">Participants:</dt>
                <dd>{{jump.participants}}</dd>
            </dl>
        </div>
        <div class="col-lg-6 col-md-12">
            <dl class="dl-horizontal">
                <dt class="text-accent fw-normal">Hauteur:</dt>
                <dd>{{jump.hauteur}} m</dd>
                <dt class="text-accent fw-normal">Deploiement:</dt>
                <dd>{{jump.deploiement}} m</dd>
                <dt class="text-accent fw-normal">Categorie:</dt>
                <dd>{{jump.categorie}}</dd>
                <dt class="text-accent fw-normal">Module:</dt>
                <dd>{{jump.module}}</dd>
                <dt class="text-accent fw-normal">Accessoires:</dt>
                <dd>{{jump.accessoires}}</dd>
                <dt class="text-accent fw-normal">Zone:</dt>
                <dd>{{jump.zone}}</dd>
                <dt class="text-accent fw-normal">Emplacement des media:</dt>
                <dd>{{jump.dossier}}</dd>
                <dt class="text-accent fw-normal">Video:</dt>
                <dd>{{jump.video}}</dd>
            </dl>
        </div>
        <div class="col-xs-12 mb-2">
            <span *ngFor="let sautant of jump.sautants" class="badge rounded-pill bg-primary mb-2 me-1 pe-3 py-1 fw-normal text-dark">
                <mat-icon class="align-middle me-1" fontIcon="person"></mat-icon>
                {{ sautant }}
            </span>
            <span class="badge rounded-pill bg-accent mb-2 me-1 pe-3 py-1 fw-normal text-dark">
                <mat-icon class="align-middle me-1" fontIcon="person"></mat-icon>
                ju_solide
            </span>
        </div>
    </section>
    <section class="border-top pt-4 d-flex">
        <!--
        <huapp-jump-meta [jump]="jump" class="me-2"></huapp-jump-meta>
        <span class="flex-spacer"></span>
        -->
        <span class="flex-spacer"></span>
        <span [hidden]="!canModify">
            <button mat-button color="primary" (click)="openEditDialog(jump)" class="me-1">
                <mat-icon aria-label="Modifier" fontIcon="edit"></mat-icon>
                Modifier
            </button>
            <button mat-button color="danger" (click)="openDeleteDialog(jump)">
                <mat-icon aria-label="Supprimer" fontIcon="delete"></mat-icon>
                Supprimer
            </button>
        </span>
    </section>
</div>