{{!-- HEADER --}}
<header class="char-header grid grid-2col">
    <section class="char-details">
        <h1 class="char-name flexrow  flex-group-left w-full">
            <input name="name" type="text" value="{{actor.name}}"
                placeholder="{{localize "VERMINE.CharacterNamePlaceholder"}}" />
        </h1>
        <div class="profile flexrow  flex-group-center">
            <input name="system.identity.profile" type="text"
                value="{{system.identity.profile }}" data-dtype="String"
                placeholder="{{ localize 'VERMINE.ProfilePlaceholder' }}" />
        </div>
        <div class="flexrow  flex-group-center">
            <label for="system.identity.age">{{ localize 'IDENTITY.age'
                }}</label>
            <div class="flexrow row">
                <input type="number" name="system.identity.age"
                    value="{{ system.identity.age }}" data-dtype="Number" />
                <span id="ageType">({{ ageType "name" system.identity.ageType
                    }})</span>
            </div>
        </div>
    </section>
    <section class="char-level">
        <h1 class="char-vermine2047 flexrow flex-group-left w-full">
            {{#if (eq system.identity.totem "")}}
            <a name="chooseTotem" class="chooseTotem">Choisissez votre totem</a>
            {{ else }}
            <a name="chooseTotem" class="chooseTotem">{{ smarttl "TOTEMS"
                system.identity.totem }}</a>
            {{/if}}
        </h1>
        <div class="reputation flexrow  flex-group-center">
            <label>{{ localize 'VERMINE.reputation' }}</label>
            <input name="system.attributes.reputation.value" type="text"
                value="{{system.attributes.reputation.value }}"
                data-dtype="Number" />
        </div>
    </section>
</header>