<div class="sheet-area flex-columns">		
	<div class="clearareaBox">

		<div class="pullLeft" style="display: flex;">
		 	{{#if locked}}
				<img class="profile-img {{#if (eq actor.img 'icons/svg/mystery-man.svg')}}defaultimage{{/if}}" src="{{actor.img}}" />	
			{{else}}
				{{#if userpermissions.changeActorImage}}
					<img class="profile-img {{#if (eq actor.img 'icons/svg/mystery-man.svg')}}defaultimage{{/if}} pointer" src="{{actor.img}}" title="{{actor.name}}" data-edit="img" />
				{{else}}
					<img class="profile-img {{#if (eq actor.img 'icons/svg/mystery-man.svg')}}defaultimage{{/if}}" src="{{actor.img}}" />	
				{{/if}}
			{{/if}} 
		</div>

		<div class="pullLeft" style="display: flex; width: 320px; flex-direction: column;">
			<div class="area-box">
				<div class="bioInformationArea floating-label-group">
					{{#if locked}}
						<input class="sheet-infoValues" type="text" value="{{actor.name}}" autocomplete="off" autofocus required />
					{{else}}
						<input class="sheet-infoValues editable" name="name" type="text" value="{{actor.name}}" data-dtype="String" autocomplete="off" autofocus required />
					{{/if}}
					<span class="floating-label">{{localize 'wod.bio.name'}}</span>
				</div>

				{{#if (ne actor.type config.sheettype.changeling)}}
					{{#if (ne (checkSystemsetting "viewBiotabPermission") "mini")}}
						<div class="bioInformationArea floating-label-group">
							{{#if locked}}
								<input class="sheet-infoValues" type="text" value="{{data.system.nature}}" autocomplete="off" autofocus required />
							{{else}}
								<input class="sheet-infoValues editable" name="system.nature" type="text" value="{{data.system.nature}}" data-name="data.system.nature" data-dtype="String" autocomplete="off" autofocus required />
							{{/if}}
							<span class="floating-label">{{localize 'wod.bio.nature'}}</span>
						</div>
					{{/if}}
										
					<div class="bioInformationArea floating-label-group">
						{{#if locked}}
							<input class="sheet-infoValues" type="text" value="{{data.system.demeanor}}" autocomplete="off" autofocus required />
						{{else}}
							<input class="sheet-infoValues editable" name="system.demeanor" type="text" value="{{data.system.demeanor}}" data-name="data.system.demeanor" data-dtype="String" autocomplete="off" autofocus required />
						{{/if}}
						<span class="floating-label">{{localize 'wod.bio.demeanor'}}</span>
					</div>
					
				{{/if}}

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

		</div>

		{{#if (eq actor.system.settings.variant 'orpheus')}}

			{{~> "systems/worldofdarkness/templates/actor/parts/variant/bio_orpheus_background.html"}}

		{{/if}}

		{{#if (eq actor.system.settings.variant 'sorcerer')}}

			{{~> "systems/worldofdarkness/templates/actor/parts/variant/bio_sorcerer_background.html"}}

		{{/if}}

		{{#if (eq actor.type config.sheettype.vampire)}}

			{{~> "systems/worldofdarkness/templates/actor/parts/vampire/bio_vampire_background.html"}}

		{{/if}}

		{{#if (eq actor.type config.sheettype.mage)}}

			{{> "systems/worldofdarkness/templates/actor/parts/mage/bio_mage_background.html"}}

			{{~> "systems/worldofdarkness/templates/actor/parts/mage/focus.html"}}
				
		{{/if}}

		{{#if (eq actor.type config.sheettype.changeling)}}

			{{~> "systems/worldofdarkness/templates/actor/parts/changeling/bio_changeling_background.html"}}

		{{/if}}

		{{#if (eq actor.type config.sheettype.hunter)}}

			{{~> "systems/worldofdarkness/templates/actor/parts/hunter/bio_hunter_background.html"}}

		{{/if}}

		{{#if (eq actor.type config.sheettype.demon)}}

			{{> "systems/worldofdarkness/templates/actor/parts/demon/bio_demon_background.html"}}

		{{/if}}

		{{#if (eq actor.type config.sheettype.wraith)}}

			{{> "systems/worldofdarkness/templates/actor/parts/wraith/bio_wraith_background.html"}}

		{{/if}}

		{{#if (eq actor.type config.sheettype.mummy)}}

			{{> "systems/worldofdarkness/templates/actor/parts/mummy/bio_mummy_background.html"}}

		{{/if}}

		{{#if (eq actor.type config.sheettype.werewolf)}}

			{{> "systems/worldofdarkness/templates/actor/parts/werewolf/bio_werewolf_background.html"}}

		{{/if}}

		{{#if (eq actor.type config.sheettype.changingbreed)}}		

				{{#if (eq data.system.changingbreed "Ajaba")}}
					{{~> "systems/worldofdarkness/templates/actor/parts/werewolf/bio_ajaba_background.html"}}
				{{/if}}
				{{#if (eq data.system.changingbreed "Ananasi")}}
					{{> "systems/worldofdarkness/templates/actor/parts/werewolf/bio_ananasi_background.html"}}
				{{/if}}
				{{#if (eq data.system.changingbreed "Bastet")}}
					{{~> "systems/worldofdarkness/templates/actor/parts/werewolf/bio_bastet_background.html"}}
				{{/if}}
				{{#if (eq data.system.changingbreed "Corax")}}
					{{> "systems/worldofdarkness/templates/actor/parts/werewolf/bio_corax_background.html"}}
				{{/if}}
				{{#if (eq data.system.changingbreed "Gurahl")}}
					{{> "systems/worldofdarkness/templates/actor/parts/werewolf/bio_gurahl_background.html"}}
				{{/if}}
				{{#if (eq data.system.changingbreed "Kitsune")}}
					{{> "systems/worldofdarkness/templates/actor/parts/werewolf/bio_kitsune_background.html"}}
				{{/if}}
				{{#if (eq data.system.changingbreed "Mokole")}}
					{{> "systems/worldofdarkness/templates/actor/parts/werewolf/bio_mokole_background.html"}}
				{{/if}}
				{{#if (eq data.system.changingbreed "Nagah")}}
					{{> "systems/worldofdarkness/templates/actor/parts/werewolf/bio_nagah_background.html"}}
				{{/if}}
				{{#if (eq data.system.changingbreed "Nuwisha")}}
					{{> "systems/worldofdarkness/templates/actor/parts/werewolf/bio_nuwisha_background.html"}}
				{{/if}}
				{{#if (eq data.system.changingbreed "Ratkin")}}
					{{> "systems/worldofdarkness/templates/actor/parts/werewolf/bio_ratkin_background.html"}}
				{{/if}}
				{{#if (eq data.system.changingbreed "Rokea")}}
					{{> "systems/worldofdarkness/templates/actor/parts/werewolf/bio_rokea_background.html"}}
				{{/if}}

				{{#if (eq data.system.changingbreed "Apis")}}
				{{> "systems/worldofdarkness/templates/actor/parts/werewolf/bio_apis_background.html"}}
				{{/if}}
			
				{{#if (eq data.system.changingbreed "Camazotz")}}
				{{> "systems/worldofdarkness/templates/actor/parts/werewolf/bio_camazotz_background.html"}}
				{{/if}}
			
				{{#if (eq data.system.changingbreed "Grondr")}}
				{{> "systems/worldofdarkness/templates/actor/parts/werewolf/bio_grondr_background.html"}}
				{{/if}}

		{{/if}}	

		{{#if (eq actor.type config.sheettype.exalted)}}

			{{> "systems/worldofdarkness/templates/actor/parts/exalted/bio_exalted_background.html"}}

		{{/if}}

	</div>
	
</div>

<div class="sheet-area flex-columns">

	

	<div class="area-box">

		{{#if graphicsettings.useLinkPlatform}}
			<div class="clearareaBox area-box"><label class="headlineText headlineBio splatFont" for="data.system.worldanvil">{{localize 'wod.bio.worldanvil'}}</label></div>
			<div class="bioInformationArea">
				{{#if locked}}
					{{#if (ne data.system.worldanvil "")}}
						<a href="{{data.system.worldanvil}}" target="_blank">{{localize 'wod.bio.worldanvillink'}}</a>
					{{else}}
						{{localize 'wod.bio.noworldanvillink'}}
					{{/if}}
				{{else}}
					<input class="sheet-infoValues {{#if (eq locked false)}}editable{{/if}}" name="system.worldanvil" type="text" value="{{data.system.worldanvil}}" data-name="data.system.worldanvil" data-dtype="String" />
				{{/if}}
			</div>
		{{/if}}

		<div class="clearareaBox area-box"><label class="headlineText headlineBio splatFont" for="data.system.appearance">{{localize 'wod.bio.appearance'}}</label></div>

		{{#if locked}}
			<div class="headlineNormal textarea {{#if (eq data.system.appearance '')}}small{{/if}}">{{{data.system.appearance}}}</div>
		{{else}}
			{{editor actor.system.appearance target="system.appearance" engine="prosemirror" button=false owner=owner editable=true}}
		{{/if}}				
	

		{{#if (ne (checkSystemsetting "viewBiotabPermission") "mini")}}
			<div class="clearareaBox area-box"><label class="headlineText headlineBio splatFont" for="data.system.background">{{localize 'wod.bio.background'}}</label></div>

			{{#if locked}}				
				<div class="headlineNormal textarea {{#if (eq data.system.background '')}}small{{/if}}">{{{data.system.background}}}</div>
			{{else}}
				{{editor actor.system.background target="system.background" engine="prosemirror" button=false owner=owner editable=true}}
			{{/if}}			
			
		{{/if}}

		{{#if isGM}}
			<div class="clearareaBox area-box"><label class="headlineText headlineBio splatFont" for="data.system.roleplaytip">{{localize 'wod.bio.tips'}}</label></div>
			{{#if locked}}
				<div class="headlineNormal textarea {{#if (eq data.system.roleplaytip '')}}small{{/if}}">{{{data.system.roleplaytip}}}</div>
			{{else}}
				{{editor actor.system.roleplaytip target="system.roleplaytip" engine="prosemirror" button=false owner=owner editable=true}}
			{{/if}}		
		{{/if}}
	</div>
</div>