@page "/AddMusique"



<h3>AddMusique</h3>


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

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

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

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

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

    <p>
        <label for="image">
            Display Image:
            <InputFile OnChange="@LoadImage" accept=".png" />
        </label>
    </p>
    
    <p>
        <label for="date">
            Display Date:
            <InputDate id="date" @bind-Value="musiqueModel.date" />
        </label>
    </p>

    <p>
        <label for="song">
            Display song:
            <InputFile OnChange="@LoadSong" accept=".mp3" />
        </label>
    </p>

    <p>
        <label for="songName">
            Display songName (oublié pas le l'extensions):
            <InputText id="songName" @bind-Value="musiqueModel.songName" />
        </label>
    </p>
    

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