46 lines
1.3 KiB
HTML
46 lines
1.3 KiB
HTML
<app-navbar></app-navbar>
|
|
|
|
<div class="container mx-auto px-4 py-6 space-y-8">
|
|
<div class="grid grid-cols-1 lg:grid-cols-4 gap-6">
|
|
<div class="lg:col-span-3 space-y-6 flex flex-col gap-4">
|
|
<app-dealer-hand [cards]="dealerCards()"></app-dealer-hand>
|
|
<app-player-hand [cards]="playerCards()"></app-player-hand>
|
|
|
|
@if (gameInProgress()) {
|
|
<app-game-controls
|
|
[playerCards]="playerCards()"
|
|
[gameState]="gameState()"
|
|
[isActionInProgress]="isActionInProgress()"
|
|
(hit)="onHit()"
|
|
(stand)="onStand()"
|
|
(doubleDown)="onDoubleDown()"
|
|
(leave)="leaveGame()"
|
|
></app-game-controls>
|
|
}
|
|
</div>
|
|
|
|
<div class="lg:col-span-1 space-y-6">
|
|
<app-game-info
|
|
[balance]="balance()"
|
|
[currentBet]="currentBet()"
|
|
[gameInProgress]="gameInProgress()"
|
|
[isActionInProgress]="isActionInProgress()"
|
|
(newGame)="onNewGame($event)"
|
|
></app-game-info>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<app-game-result
|
|
[gameState]="gameState()"
|
|
[amount]="currentBet()"
|
|
[balance]="balance()"
|
|
[show]="showGameResult()"
|
|
(gameResultClosed)="onCloseGameResult()"
|
|
></app-game-result>
|
|
|
|
<app-debt-dialog
|
|
[amount]="debtAmount()"
|
|
[show]="showDebtDialog()"
|
|
(dialogClosed)="onCloseDebtDialog()"
|
|
></app-debt-dialog>
|