{{#if (eq actor.system.settings.variant "general")}}

    <div class="pullLeft" style="display: flex; width: 320px;">
        <div class="pullLeft area-box">

            {{#if (ne (checkSystemsetting "viewBiotabPermission") "mini")}}
                <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.vampire}}" data-name="data.system.sect" data-dtype="String">
                            {{selectOptions listData.SectList selected=data.system.sect localize=false}}
                        </select>
                        {{#if (eq actor.system.sect "custom")}}
                            <a class="pullLeft item-edit" title="{{localize 'wod.labels.customizesect'}}" data-type="Bio" data-name="{{localize "wod.bio.vampire.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.vampire.sect"}}</span>
                </div>
            {{/if}}

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

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

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

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

            {{#if (ne (checkSystemsetting "viewBiotabPermission") "mini")}}
                <div class="bioInformationArea floating-label-group half" data-area="generation">
                    {{#if locked}}
                        <input class="sheet-infoValues" type="text" value="{{data.system.generation}}" data-dtype="Number" autofocus required />
                    {{else}}
                        <select class="sheet-infoValues editable" name="system.generation" data-type="{{config.sheettype.vampire}}" data-name="data.system.generation" data-dtype="Number">
                            {{selectOptions listData.Generation selected=data.system.generation localize=false}}
                        </select>
                    {{/if}}
                    <span class="floating-label">{{localize "wod.bio.vampire.generation"}}</span>                                    
                </div>  
                <div style="top: -25px; left: 85px; position: relative;">
                    <i class="fa-solid fa-square-minus pointer selectGeneration" title="{{localize 'wod.bio.vampire.lowergeneration'}}" data-source="reduce" data-type="{{config.sheettype.vampire}}" data-area="reducegeneration" aria-hidden="true"></i></span>
                    <i class="fa-solid fa-eraser pointer selectGeneration" title="{{localize 'wod.bio.vampire.cleargeneration'}}" data-source="clear" data-type="{{config.sheettype.vampire}}" data-area="cleargeneration" aria-hidden="true"></i></span>
                    <span>-{{data.system.generationmod}}</span>
                </div>              
            {{/if}}        

        </div>
    </div>

{{else if (eq actor.system.settings.variant "kindredeast")}}

    {{#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="{{data.system.balance}}" autocomplete="off" autofocus required />
                    {{else}}
                        <input class="sheet-infoValues editable" name="system.balance" type="text" value="{{data.system.balance}}" data-name="data.system.balance" data-dtype="String" autocomplete="off" autofocus required />
                    {{/if}}
                    <span class="floating-label">{{localize 'wod.bio.vampire.balance'}}</span>
                </div>

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

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

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

            </div>
        </div>
        
    {{/if}}

{{/if}}