'use strict';

let count = 0;
/*
<!--<div class="form-check">
    <input class="form-check-input" type="checkbox" value="" id="${nomeServizio}"/>
    <label class="form-check-label" for="#${nomeServizio}">
        ${nomeServizio}
    </label>
</div>-->

<!--<div id="utente0">
    <label for="#nuovoUtente" class="form-label">Nuovo utente</label>
    <input type="text" class="form-control" id="nuovoUtente" aria-describedby="#nuovoUtenteHelp">
    <div id="nuovoUtenteHelp" class="form-text">Inserisci il nome del nuovo utente.</div>

    <label for="#passwordUtente" class="form-label">Password utente</label>
    <input type="text" class="form-control" id="passwordUtente" aria-describedby="#passwordUtenteHelp">
    <div id="passwordUtenteHelp" class="form-text">Inserisci la password del nuovo utente.</div>
</div>-->
*/

function createNewUser() {
    count++;
    return `<div id="utente${count}">
                <label for="#nuovoUtente${count}" class="form-label">Nuovo utente</label>
                <input type="text" class="form-control" id="nuovoUtente${count}" aria-describedby="#nuovoUtente${count}Help">
                <div id="nuovoUtente${count}Help" class="form-text">Inserisci il nome del nuovo utente.</div>

                <label for="#passwordUtente${count}" class="form-label">Password utente</label>
                <input type="text" class="form-control" id="passwordUtente${count}" aria-describedby="#passwordUtente${count}Help">
                <div id="passwordUtente${count}Help" class="form-text">Inserisci la password del nuovo utente.</div>

                
                <select class="form-select" id="ruoloUtente${count}" name="ruolo">
                    <option value="unselected" selected>Scegli un ruolo</option>
                    <option value="U">Utente</option>
                    <option value="A">Amministratore</option>
                </select>
            </div>`;
}

function createNewService(nomeServizio) {
    return `<div class="form-check">
                <input class="form-check-input" type="checkbox" value="${nomeServizio}" id="${nomeServizio}"/>
                <label class="form-check-label" for="#${nomeServizio}">
                    ${nomeServizio}
                </label>
            </div>`;
}

export {createNewUser, createNewService};