@page "/diceThrowing"
@attribute [StreamRendering(true)]

<h3>DiceThrowing</h3>

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <button class="btn btn-primary" type="submit" @onclick="ThrowDice">Throw Dice</button>
        </div>
    </div>
    <div class="row">
  
        <div class="col-md-6">
            <div class="form-group">
                <label for="NbOfDice">Number of Dice</label>
                <input type="number" class="form-control" id="NbOfDice" @bind=@NbOfDice />
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <label for="DiceValue">Dice Value</label>
                <input type="number" class="form-control" id="DiceValue" @bind=@DiceValue />
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <div class="form-label">total: @Total</div>
            </div>
        </div>
        <div class="col-md-6">
            @foreach (var roll in Rolls)
            {
                <div class="form-group">
                    <div class="form-label">@roll</div>
                </div>
            }
        </div>
    </div>
</div>

@code {
  
}