@page "/scheresteinpapier"

<h1>Willkommen bei Schere, Stein, Papier, Echse, Spock.</h1>

<div class="card">
    <div class="font-weight-bold">Spieleinleitung:</div>
    <ul>
        <li>Stein zerstört Schere und zerquetscht Echse</li>
        <li>Schere schneidet Papier und köpft Echse</li>
        <li>Papier bedeckt Stein und widerlegt Spock</li>
        <li>Echse vergiftet Spock und frisst Papier</li>
        <li>Spock zertrümmert Schere und verdampft Stein</li>
    </ul>
</div>


<input @bind-value="Username" placeholder="Name hier Eingeben" />
<button class="btn btn-primary" @onclick="@(() => CreateUser(Username))">Spieler Erstellen</button>

@if (SchereSteinPapierModel.RegelModel.SpielerListe.Count() > 0)
{
    <div>@Ergebnis</div>
    <div>Spielerpunkte: @Spielerpunktzahl</div>
    <div>Computer: @CPUpunktzahl</div>

    <button class="btn btn-primary" @onclick="@(() => Input("Stein"))">Stein</button>
    <button class="btn btn-primary" @onclick="@(() => Input("Schere"))">Schere</button>
    <button class="btn btn-primary" @onclick="@(() => Input("Papier"))">Papier</button>
    <button class="btn btn-primary" @onclick="@(() => Input("Papier"))">Echse</button>
    <button class="btn btn-primary" @onclick="@(() => Input("Spock"))">Spock</button>
}