@page "/pokemonsleep/edit/{id:int}"
@inject IPokemonService PokemonService
@inject NavigationManager Navigation
@inject IJSRuntime JS

@attribute [StreamRendering]
@rendermode InteractiveServer

<PageTitle>Edit Pokémon</PageTitle>
<PokemonHeader />


@if (pokemon == null)
{
    <Loading />
}
else
{

    <div class="container mx-0 px-0">
        <div class="row mt-5">
            <div class="d-flex justify-content-evenly h-100 p-0">

                <div class="mx-1 align-content-center">
                    <div class="addcard">
                        <PokemonForm 
                            formUse="EDIT"
                            OnPokemonReady="ReceivePokemon"
                            RemoveForm="Cancel"
                            mostRecentForm=true
                            PokemonToEdit="pokemon"
                        />
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="d-flex justify-content-center">
        <div class="btn-group">
            <button @onclick="@HandleSubmit" class="btn btn-primary rounded">Edit Pokemon</button>
        </div>
    </div>

}