@page "/edit/{Id:int}"

<h3>Modification</h3>

<EditForm Model=@musiqueModele OnValidSubmit="@HandleValidSubmit">
    <DataAnnotationsValidator />
    <ValidationSummary />

    <p>
        <label for="titre">
            Display Titre:
            <InputText id="titre" @bind-Value="musiqueModele.titre" />
        </label>
    </p>

    <p>
        <label for="auteur">
            Display Auteur:
            <InputText id="auteur" @bind-Value="musiqueModele.auteur" />
        </label>
    </p>

    <p>
        <label for="duree">
            Display Durée:
            <InputNumber id="duree" @bind-Value="musiqueModele.duree" />
        </label>
    </p>

    <p>
        <label for="genre">
            Display Genre:
            <InputText id="genre" @bind-Value="musiqueModele.genre" />
        </label>
    </p>

    <p>
        <label for="image">
            Display Image:
            <InputFile id="image" OnChange="@LoadImage" accept=".png" />
        </label>
    </p>

    <label for="display-name">
            Display Name Image :
            <InputText id="display-name" @bind-Value="musiqueModele.DisplayName" />
        </label>
    
    <p>
        <label for="date">
            Display Date:
            <InputDate id="date" @bind-Value="musiqueModele.date" />
        </label>
    </p>
    

    <button type="submit">Submit</button>
</EditForm>