@page "/mint"
@using NftFaucetRadzen.Plugins.NetworkPlugins
@inherits BasicComponent

<PageTitle>Mint</PageTitle>
<RadzenContent Container="main">
    <RadzenHeading Size="H1" Text="Mint" />
    <p>
        <text style="font-weight: bold;">Network: </text>
        @if (AppState?.SelectedNetwork == null)
        {
            @:<text style="color: red;">NOT SELECTED</text>
        }
        else
        {
            @:<text style="color: green;">OK</text>
        }
    </p>
    <p>
        <text style="font-weight: bold;">Provider: </text>
        @if (AppState?.SelectedProvider == null)
        {
            @:<text style="color: red;">NOT SELECTED</text>
        }
        else if (!AppState.SelectedProvider.IsConfigured)
        {
            @:<text style="color: red;">NOT CONFIGURED</text>
        }
        else if (!NetworkMatches)
        {
            @:<text style="color: red;">NETWORK MISMATCH</text>
        } else
        {
            @:<text style="color: green;">OK</text>
        }
    </p>
    <p>
        <text style="font-weight: bold;">Contract: </text>
        @if (AppState?.SelectedContract == null)
        {
            @:<text style="color: red;">NOT SELECTED</text>
        }
        else
        {
            @:<text style="color: green;">OK</text>
        }
    </p>
    <p>
        <text style="font-weight: bold;">Token: </text>
        @if (AppState?.SelectedToken == null)
        {
            @:<text style="color: red;">NOT SELECTED</text>
        }
        else
        {
            @:<text style="color: green;">OK</text>
        }
    </p>
    <p>
        <text style="font-weight: bold;">Upload location: </text>
        @if (AppState?.SelectedUploadLocation == null)
        {
            @:<text style="color: red;">NOT SELECTED</text>
        }
        else
        {
            @:<text style="color: green;">OK</text>
        }
    </p>
    @if (IsReadyToMint)
    {
        <div class="mb-4">
            <h4>Destination address</h4>
            <RadzenTextBox Placeholder="<null>" @bind-Value="@AppState.Storage.DestinationAddress" Class="w-100"/>
        </div>
        if (AppState!.SelectedContract!.Type == ContractType.Erc1155)
        {
            <div class="mb-4">
                <h4>Tokens amount</h4>
               <RadzenNumeric TValue="int" Min="1" Max="100000" @bind-Value="@AppState.Storage.TokenAmount" Class="w-100" />
            </div>
        }
        <RadzenButton Text="Mint" Disabled="@string.IsNullOrEmpty(AppState.Storage.DestinationAddress)" Click="@(async () => await Mint())" />
    }
</RadzenContent>