<mat-card appearance="outlined" class="mt-4">
    <mat-card-header class="pt-2">
        <mat-card-title-group>
            <mat-card-title><a [routerLink]="['/jump', jump.slug]">#{{ jump.numero }}</a></mat-card-title>
            <mat-card-subtitle>{{ jump.categorie }} / {{ jump.module }} </mat-card-subtitle>
        </mat-card-title-group>
    </mat-card-header>
    <mat-card-content>
        <mat-divider [class]="['mt-1', 'mb-2']"></mat-divider>
        <app-jump-meta [hidden]="!showMeta" [jump]="jump" class="float-sm-end"></app-jump-meta>
        <div class="row mt-4">
            <div class="col-sm-6">
                <dl class="row mb-2">
                    <dt class="col-lg-4 col-md-5 col-sm-6 fw-normal">Date</dt>
                    <dd class="col-lg-8 col-md-7 col-sm-6">{{ jump.date }}</dd>
                    <dt class="col-lg-4 col-md-5 col-sm-6 fw-normal">Lieu</dt>
                    <dd class="col-lg-8 col-md-7 col-sm-6">{{ jump.lieu }} {{ jump.oaci }}</dd>
                    <dt class="col-lg-4 col-md-5 col-sm-6 fw-normal">Voile</dt>
                    <dd class="col-lg-8 col-md-7 col-sm-6">{{ jump.voile }} {{ jump.taille }}</dd>
                </dl>
            </div>
            <div class="col-sm-6">
                <dl class="row mb-2">
                    <dt class="col-lg-4 col-md-5 col-sm-6 fw-normal">Hauteur</dt>
                    <dd class="col-lg-8 col-md-7 col-sm-6">{{ jump.hauteur }}</dd>
                    <dt class="col-lg-4 col-md-5 col-sm-6 fw-normal">Aeronef</dt>
                    <dd class="col-lg-8 col-md-7 col-sm-6">{{ jump.aeronef }} {{ jump.imat }}</dd>
                    <dt class="col-lg-4 col-md-5 col-sm-6 fw-normal">Type de saut</dt>
                    <dd class="col-lg-8 col-md-7 col-sm-6">{{ jump.categorie }} {{ jump.module }}</dd>
                </dl>
            </div>
            <div class="col-xs-12">
                <h5>Participants ({{ jump.participants }})</h5>
            </div>
        </div>
        <mat-divider [class]="['mt-2']"></mat-divider>
    </mat-card-content>
    <mat-card-actions>
        <button mat-button color="danger" [disabled]="isDeleting" (click)="deleteJump()">SUPPRIMER</button>
        <span class="flex-spacer"></span>
        <button mat-button [routerLink]="['/editor', jump.slug]">MODIFIER</button>
        <button mat-button color="primary" [routerLink]="['/jump', jump.slug]">VOIR</button>
    </mat-card-actions>
</mat-card>
