roll20-character-sheets/Knight/pug/html/tab/modules.html

<div class="tabModules tab">
    <div class="col">
        <div class="fichePJ barbarian bard berserk druid monk necromancer paladin priest psion ranger rogue shaman sorcerer warlock warmaster warrior wizard dataArmure">
            <h1 class="titre"><span name="attr_armure" data-i18n-dynamic></span></h1>
            <div class="ligneTitre">
                <span></span>
                <span data-i18n="actuel">Actuel</span>
                <span data-i18n="maximum">Maximum</span>
                <span data-i18n="modif">Modif</span>
            </div>
            <div class="barbarian bard druid monk necromancer paladin priest psion ranger rogue shaman sorcerer warlock warmaster warrior wizard ligne3">
                <span data-i18n="energie">Energie</span>
                <div><input type="number" name="attr_energiePJ" value="0" /></div>
                <div><input type="number" name="attr_energiePJ_max" value="0" readonly /></div>
                <div><input type="number" name="attr_energiePJModif" value="0" /></div>
            </div>
            <div class="berserk ligne3">
                <span data-i18n="espoir">Espoir</span>
                <div><input type="number" name="attr_espoir" min="0" value="50" /></div>
                <div><input type="number" name="attr_espoir_max" min="0" value="50" readonly /></div>
                <div><input type="number" name="attr_espoirModif" value="0" /></div>
            </div>
        </div>

        <div class="fichePNJ ficheCreature ficheBande PES">
            <h1 class="titre" data-i18n="protection-energie-sante">Protections, Énergie et Santé</h1>
            <div class="ligneTitre">
                <span></span>
                <span data-i18n="actuel">Actuel</span>
                <span data-i18n="maximum">Maximum</span>
            </div>
            <div class="ligne2">
                <span class="fichePNJ" data-i18n="energie">Energie</span>
                <div><input type="number" name="attr_energiePNJ" min="0" value="0" /></div>
                <div><input type="number" name="attr_energiePNJ_max" min="0" value="0" /></div>
            </div>
        </div>
    </div>

    <div class="col">
        <div class="fichePJ fichePNJ information">
            <h1 class="titre" data-i18n="panneau-d'information">Panneau d'Information</h1>
            <div class="autoex autoex28">	
                <span name="attr_panneauInformation"></span>
                <textarea name="attr_panneauInformation" readonly ></textarea>
            </div>
        </div>
    </div>

    <div class="fichePJ slots">
        <div class="data">
            <input type="hidden" name="attr_slotTeteMax" value="0" readonly />
            <input type="hidden" name="attr_slotsOccupeTete" value="0" />
            
            <input type="hidden" name="attr_slotTorseMax" value="0" readonly />
            <input type="hidden" name="attr_slotsOccupeTorse" value="0" />
        
            <input type="hidden" name="attr_slotBGMax" value="0" readonly />
            <input type="hidden" name="attr_slotsOccupeBG" value="0" />
        
            <input type="hidden" name="attr_slotBDMax" value="0" readonly />
            <input type="hidden" name="attr_slotsOccupeBD" value="0" />
        
            <input type="hidden" name="attr_slotJGMax" value="0" readonly />
            <input type="hidden" name="attr_slotsOccupeJG" value="0" />
        
            <input type="hidden" name="attr_slotJDMax" value="0" readonly />
            <input type="hidden" name="attr_slotsOccupeJD" value="0" />
        </div>
        <h1 class="titre" data-i18n="slots-de-l'armure">Slots de l'Armure</h1>
        
        <div class="col6">
            <span data-i18n="tete">Tête</span>
            <div data-i18n-title="slots-restants/maximum" title="Slots restants / Slots maximum">
                <input type="number" name="attr_slotTete" value="@{slotTeteMax}-@{slotsOccupeTete}" disabled /><b>/</b><span name="attr_slotTeteMax">0</span>
            </div>
        </div>

        <div class="col6BL">
            <span data-i18n="torse">Torse</span>
            <div data-i18n-title="slots-restants/maximum" title="Slots restants / Slots maximum">
                <input type="number" name="attr_slotTorse" value="@{slotTorseMax}-@{slotsOccupeTorse}" disabled /><b>/</b><span name="attr_slotTorseMax">0</span>
            </div>
        </div>

        <div class="col6BL">
            <span data-i18n="bras-gauche">Bras Gauche</span>
            <div data-i18n-title="slots-restants/maximum" title="Slots restants / Slots maximum">
                <input type="number" name="attr_slotBG" value="@{slotBGMax}-@{slotsOccupeBG}" disabled /><b>/</b><span name="attr_slotBGMax">0</span>
            </div>
        </div>

        <div class="col6BL">
            <span data-i18n="bras-droit">Bras Droit</span>
            <div data-i18n-title="slots-restants/maximum" title="Slots restants / Slots maximum">
                <input type="number" name="attr_slotBD" value="@{slotBDMax}-@{slotsOccupeBD}" disabled /><b>/</b><span name="attr_slotBDMax">0</span>
            </div>
        </div>

        <div class="col6BL">
            <span data-i18n="jambe-gauche">Jambe Gauche</span>
            <div data-i18n-title="slots-restants/maximum" title="Slots restants / Slots maximum">
                <input type="number" name="attr_slotJG" value="@{slotJGMax}-@{slotsOccupeJG}" disabled /><b>/</b><span name="attr_slotJGMax">0</span>
            </div>
        </div>

        <div class="col6BL">
            <span data-i18n="jambe-droite">Jambe Droite</span>
            <div data-i18n-title="slots-restants/maximum" title="Slots restants / Slots maximum">
                <input type="number" name="attr_slotJD" value="@{slotJDMax}-@{slotsOccupeJD}" disabled /><b>/</b><span name="attr_slotJDMax">0</span>
            </div>
        </div>
    </div>

    <div class="fichePJ fichePNJ modulesListe">
        <fieldset class="repeating_modules">
            <input class="expandModule" type="hidden" name="attr_affichage" value="0" />
            <input class="expandSlots" type="hidden" name="attr_slotsPlus" value="0" />

            <input type="hidden" name="attr_affichage" value="0" />

            <div class="ligne titreModule">
                <button class="buttonPlus" type="action" name="act_affichage-1">
                    <span class="plus">+</span>
                    <span class="moins">-</span>
                 </button>
                <input type="text" name="attr_moduleNom" placeholder="Nom du Module"/>
            </div>
            <div class="ligne hModule">
                <label class="activation">
                    <span data-i18n="activation">Activation</span>
                    <input type="text" name="attr_moduleActivation" />
                </label>
                <div class="PE">
                    <button type="action" name="act_pem" data-i18n-title="depenser-pe-module" title="Dépenser les PE du module" data-i18n="point-energie-short">PE</button>
                    <input type="number" name="attr_moduleEnergie" value="0" />
                </div>
            </div>
            <label class="ligne hModule duree">
                <span data-i18n="duree">Durée</span>
                <input type="text" name="attr_moduleDuree" />
            </label>
            <div class="autoex hModule autoex28">
                <span name="attr_moduleDescription"></span>
                <textarea name="attr_moduleDescription"></textarea>
            </div>
            <div class="ligne hModule titre titreSlots">
                <input type="number" name="attr_slotsTotal" value="@{moduleSlotTete}+@{moduleSlotTorse}+@{moduleSlotBG}+@{moduleSlotBD}+@{moduleSlotJG}+@{moduleSlotJD}" title="Slots occupés" disabled />
                <h1 class="titre" data-i18n="slots">Slots</h1>
                <button class="buttonArrow" type="action" name="act_slotsplus-1">]</button>
            </div>

            <div class="ligne hSlots">
                <label class="slot">
                    <span data-i18n="tete">Tête</span>
                    <input type="number" name="attr_moduleSlotTete" value="0" />
                </label>
                
                <label class="slotBL">
                    <span data-i18n="torse">Torse</span>
                    <input type="number" name="attr_moduleSlotTorse" value="0" />
                </label>
            </div>
            <div class="ligne hSlots bTop">
                <label class="slot">
                    <span data-i18n="bras-gauche">Bras Gauche</span>
                    <input type="number" name="attr_moduleSlotBG" value="0" />
                </label>
                
                <label class="slotBL">
                    <span data-i18n="bras-droit">Bras Droit</span>
                    <input type="number" name="attr_moduleSlotBD" value="0" />
                </label>
            </div>
            <div class="ligne hSlots bTop">
                <label class="slot">
                    <span data-i18n="jambe-gauche">Jambe Gauche</span>
                    <input type="number" name="attr_moduleSlotJG" value="0" />
                </label>
                
                <label class="slotBL">
                    <span data-i18n="jambe-droite">Jambe Droite</span>
                    <input type="number" name="attr_moduleSlotJD" value="0" />
                </label>
            </div>
        </fieldset>
    </div>   
</div>