<ng-container *ngIf="loaded">
    <ng-container *ngIf="useCssAnimation">
        <div class="dark-container">
            <div class="night">
                <div *ngFor="let i of [].constructor(25);" class="shooting_star">
                </div>
            </div>
            <div class="content">
                <div *ngIf="showInitialText" class="text-announce" @slideOut>
                    Время наградить особо отличившихся!
                </div>
                <div *ngIf="showMaxAmountOfInvalidAnswers" class="text-announce" @slideOut>
                    За тупость +2
                    <ng-container *ngIf="endgameResults && getParticipant(endgameResults?.maxInvalidAnswers?.id); let participant;">
                        <div class="d-flex justify-content-center">
                            <app-participant-item [participant]="participant" [small]="true" [transparent]="true" [shadow]="false"></app-participant-item>
                        </div>
                    </ng-container>
                </div>
                <div *ngIf="maxAmountOfPenalties" class="text-announce" @slideOut>
                    За тяжелую судьбу +2
                    <ng-container *ngIf="endgameResults && getParticipant(endgameResults?.maxPenalties?.id); let participant;">
                        <div class="d-flex justify-content-center">
                            <app-participant-item [participant]="participant" [small]="true" [transparent]="true" [shadow]="false"></app-participant-item>
                        </div>
                    </ng-container>
                </div>
                <div *ngIf="maxAmountOfRewards" class="text-announce" @slideOut>
                    За полный успех -2
                    <ng-container *ngIf="endgameResults && getParticipant(endgameResults?.maxRewards?.id); let participant;">
                        <div class="d-flex justify-content-center">
                            <app-participant-item [participant]="participant" [small]="true" [transparent]="true" [shadow]="false"></app-participant-item>
                        </div>
                    </ng-container>
                </div>
            </div>
        </div>
    </ng-container>


    <ng-container *ngIf="!useCssAnimation">
        <div class="background-video">
            <video autoplay muted loop>
                <source src="../../../assets/endgame/48569-454825064.mp4" type="video/mp4">
                Your browser does not support the video tag.
            </video>

            <div class="content">
                <div *ngIf="showInitialText" class="text-announce" @slideOut>
                    Время наградить особо отличившихся!
                </div>
                <div *ngIf="showMaxAmountOfInvalidAnswers" class="text-announce" @slideOut>
                    За тупость <span class="score">+2</span>
                    <ng-container *ngIf="endgameResults && getParticipant(endgameResults?.maxInvalidAnswers?.id); let participant;">
                        <div class="d-flex justify-content-center">
                            <app-participant-item [participant]="participant" [small]="true" [transparent]="true" [shadow]="false"></app-participant-item>
                        </div>
                    </ng-container>
                </div>
                <div *ngIf="maxAmountOfPenalties" class="text-announce" @slideOut>
                    За тяжелую судьбу <span class="score">+2</span>
                    <ng-container *ngIf="endgameResults && getParticipant(endgameResults?.maxPenalties?.id); let participant;">
                        <div class="d-flex justify-content-center">
                            <app-participant-item [participant]="participant" [small]="true" [transparent]="true" [shadow]="false"></app-participant-item>
                        </div>
                    </ng-container>
                </div>
                <div *ngIf="maxAmountOfRewards" class="text-announce" @slideOut>
                    За полный успех <span class="score">&minus;2</span>
                    <ng-container *ngIf="endgameResults && getParticipant(endgameResults?.maxRewards?.id); let participant;">
                        <div class="d-flex justify-content-center">
                            <app-participant-item [participant]="participant" [small]="true" [transparent]="true" [shadow]="false"></app-participant-item>
                        </div>
                    </ng-container>
                </div>
            </div>
        </div>
    </ng-container>
</ng-container>

<audio src="../../../assets/endgame/energetic-bgm-242515.mp3" autoplay [volume]="0.20">

</audio>