@using System.Globalization
@using BlazorProject.Pages
@using BlazorProject.Components
@inherits LayoutComponentBase
<div class="page">
    <div class="sidebar">
        <NavMenu />
    </div>

    <main>
        <div class="top-row px-4">
            <LanguageSelector/>
            <a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
            <p>
                <b>CurrentCulture</b>: @CultureInfo.CurrentCulture
            </p>
        </div>
        <article class="content px-4">
            @Body
        </article>
    </main>
    <!--<Card Item="@CakeItem">
        <CardHeader>
            <div class="card-header">
                Cake Token Number - @context.Id
            </div>
        </CardHeader>
        <CardBody>
            <div class="card-body">
                <div>@context.Name</div>
                <div>$ @context.Cost</div>
            </div>
        </CardBody>
        <CardFooter>
            <div class="card-footer text-muted">
                Click Here
            </div>
        </CardFooter>
    </Card>-->
    <ShowItems Items="Cakes" >
        <ShowTemplate Context="CakeContext">
            <div class="card text-center">
                <div class="card-header">
                    Cake Token Id - @CakeContext.Id
                </div>
                <div class="card-body">
                    <h5 class="card-title">@CakeContext.Name</h5>
                    <p class="card-text">Price $@CakeContext.Cost</p>
                </div>
                <div class="card-footer text-muted">
                    Click Here
                </div>
            </div>
        </ShowTemplate>
    </ShowItems>
</div>