{{#if (ne (checkSystemsetting "viewBiotabPermission") "mini")}}

    <div class="pullLeft" style="display: flex; width: 320px;">
        <div class="pullLeft area-box">
            
            <div class="bioInformationArea floating-label-group">
                {{#if locked}}
                    <input class="sheet-infoValues" type="text" value="{{#if (eq actor.system.affiliation 'custom')}}{{actor.system.custom.affiliation}}{{else}}{{localize data.system.affiliation}}{{/if}}" data-dtype="String" autofocus required />
                {{else}}
                    <select class="sheet-infoValues {{#if (eq actor.system.affiliation 'custom')}}edit-property{{/if}} editable" name="system.affiliation" data-type="{{config.sheettype.mage}}" data-name="data.system.affiliation" data-dtype="String">
                        {{selectOptions listData.AffiliationList selected=data.system.affiliation localize=false}}
                    </select>
                    {{#if (eq actor.system.affiliation "custom")}}
                        <a class="pullLeft item-edit" title="{{localize 'wod.labels.customaffiliation'}}" data-type="Bio" data-name="{{localize "wod.bio.mage.affiliation"}}" data-item-id="affiliation" data-custom="{{actor.system.custom.affiliation}}"><i class="fa-solid fa-pen-to-square"></i></a>
                    {{/if}}
                {{/if}}
                <span class="floating-label">{{localize "wod.bio.mage.affiliation"}}</span>
            </div>

            <div class="bioInformationArea floating-label-group">
                {{#if locked}}
                    <input class="sheet-infoValues" type="text" value="{{#if (eq actor.system.sect 'custom')}}{{actor.system.custom.sect}}{{else}}{{localize data.system.sect}}{{/if}}" data-dtype="String" autofocus required />
                {{else}}
                    <select class="sheet-infoValues {{#if (eq actor.system.sect 'custom')}}edit-property{{/if}} editable" name="system.sect" data-type="{{config.sheettype.mage}}" data-name="data.system.sect" data-dtype="String">
                        {{selectOptions listData.MageSectList selected=data.system.sect localize=false}}
                    </select>
                    {{#if (eq actor.system.sect "custom")}}
                        <a class="pullLeft item-edit" title="{{localize 'wod.labels.customsect'}}" data-type="Bio" data-name="{{localize "wod.bio.mage.sect"}}" data-item-id="sect" data-custom="{{actor.system.custom.sect}}"><i class="fa-solid fa-pen-to-square"></i></a>
                    {{/if}}
                {{/if}}
                <span class="floating-label">{{localize "wod.bio.mage.sect"}}</span>
            </div>

            <div class="bioInformationArea floating-label-group">
                {{#if locked}}
                    <input class="sheet-infoValues" type="text" value="{{localize data.system.affinity}}" data-dtype="Number" autofocus required />
                {{else}}
                    <select class="sheet-infoValues editable"  name="system.affinity" data-name="data.system.affinity" data-dtype="String">
                        {{selectOptions listData.SphereList selected=data.system.affinity localize=false}}
                    </select>
                {{/if}}
                <span class="floating-label">{{localize "wod.bio.mage.affinitysphere"}}</span>
            </div>

            <div class="bioInformationArea floating-label-group">
                {{#if locked}}
                    <input class="sheet-infoValues" type="text" value="{{data.system.essence}}" autocomplete="off" autofocus required />
                {{else}}
                    <input class="sheet-infoValues editable" name="system.essence" type="text" value="{{data.system.essence}}" data-name="data.system.essence" data-dtype="String" autocomplete="off" autofocus required />
                {{/if}}
                <span class="floating-label">{{localize "wod.bio.mage.essence"}}</span>
            </div>
        </div>
    </div>    

{{/if}}