<form class="{{cssClass}} flexcol" autocomplete="off">

    {{!-- Item Sheet Header --}}
    <header class="sheet-header flexrow">
        <img class="profile" src="{{item.img}}" title="{{item.name}}" data-edit="img"/>

        <div class="header-details flexrow">
            <h1 class="charname">
                <input name="name" type="text" value="{{item.name}}" placeholder="{{ localize 'SW5E.ItemName' }}"/>
            </h1>

            <div class="item-subtitle">
                <h4 class="item-type">{{itemType}}</h4>
                <span class="item-status">{{itemStatus}}</span>
            </div>

            <ul class="summary">
                <li>
                    <input type="text" name="data.source" value="{{data.source}}" placeholder="Source"/>
                </li>
            </ul>
        </div>
    </header>

    {{!-- Item Sheet Navigation --}}
    <nav class="sheet-navigation tabs" data-group="primary">
        <a class="item active" data-tab="description">Description</a>
        <a class="item" data-tab="species-traits">Species Traits</a>
        <a class="item" data-tab="effects">{{ localize "SW5E.Effects" }}</a>
    </nav>

    {{!-- Item Sheet Body --}}
    <section class="sheet-body">

        {{!-- Description Tab --}}
		
		<div class="tab description flexcol" data-group="primary" data-tab="description">
		<div class="speciestable">
		<blockquote class="block">
		<br />
		<h3>{{item.name}}</h3>
		{{#if data.manufacturer}}
		<table id="droid-visualchar">
			<thead>
				<tr>
					<th colspan="4"><h3>Visual Characteristics</h3></th>
				</tr>
			</thead>	
			<tbody>
				<tr>
					<td>Color Scheme</td>
					<td><input name="data.colorScheme.value" type="text" value="{{data.colorScheme.value}}" placeholder="{{ localize SW5E.colorScheme }}"/></td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>Distinctions</td>
					<td><input name="data.droidDistinctions.value" type="text" value="{{data.droidDistinctions.value}}" placeholder="{{ localize SW5E.distinctions }}"/></td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
			</tbody>	
		</table>		
		<table id="physicalchar">
			<thead>
				<tr>
					<th colspan="3"><h3>Physical Characteristics</h3></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>Height</td>
					<td><input name="data.heightAverage.value" type="text" value="{{data.heightAverage.value}}" placeholder="5'2&rdquo;"/></td>
					<td><input name="data.heightRollMod.value" type="text" value="{{data.heightRollMod.value}}" placeholder="+1d4&rdquo;"/></td>
				</tr>
				<tr>
					<td>Weight</td>
					<td><input name="data.weightAverage.value" type="text" value="{{data.weightAverage.value}}" placeholder="100 lb."/></td>
					<td><input name="data.weightRollMod.value" type="text" value="{{data.weightRollMod.value}}" placeholder="x(1d4) lb."/></td>
				</tr>
			</tbody>
		</table>
		<table id="droid-sociocultchar">
			<thead>
				<tr>
					<th colspan="2"><h3>Sociocultural Characteristics</h3></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>Manufacturer</td>					
					<td><input name="data.manufacturer.value" type="text" value="{{data.manufacturer.value}}" placeholder="{{ localize SW5E.manufacturer }}"/></td>
				</tr>
				<tr>
					<td>Language</td>					
					<td><input name="data.droidLanguage.value" type="text" value="{{data.droidLanguage.value}}" placeholder="{{ localize SW5E.slanguage }}"/></td>
				</tr>                
			</tbody>
		</table>
		{{else if data.skinColorOptions}}
		<table id="visualchar">
			<thead>
				<tr>
					<th colspan="4"><h3>Visual Characteristics</h3></th>
				</tr>
			</thead>	
			<tbody>
				<tr>
					<td>Skin Color</td>
					<td><input name="data.skinColorOptions.value" type="text" value="{{data.skinColorOptions.value}}" placeholder="{{ localize SW5E.skinColorOptions }}"/></td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>Hair Color</td>
					<td><input name="data.hairColorOptions.value" type="text" value="{{data.hairColorOptions.value}}" placeholder="{{ localize SW5E.hairColorOptions }}"/></td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>Eye Color</td>
					<td><input name="data.eyeColorOptions.value" type="text" value="{{data.eyeColorOptions.value}}" placeholder="{{ localize SW5E.eyeColorOptions }}"/></td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>Distinctions</td>
					<td><input name="data.distinctions.value" type="text" value="{{data.distinctions.value}}" placeholder="{{ localize SW5E.distinctions }}"/></td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
			</tbody>	
		</table>
		<table id="physicalchar">
			<thead>
				<tr>
					<th colspan="3"><h3>Physical Characteristics</h3></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>Height</td>
					<td><input name="data.heightAverage.value" type="text" value="{{data.heightAverage.value}}" placeholder="5'2&rdquo;"/></td>
					<td><input name="data.heightRollMod.value" type="text" value="{{data.heightRollMod.value}}" placeholder="+1d4&rdquo;"/></td>
				</tr>
				<tr>
					<td>Weight</td>
					<td><input name="data.weightAverage.value" type="text" value="{{data.weightAverage.value}}" placeholder="100 lb."/></td>
					<td><input name="data.weightRollMod.value" type="text" value="{{data.weightRollMod.value}}" placeholder="x(1d4) lb."/></td>
				</tr>
			</tbody>
		</table>
		<table id="sociocultchar">
			<thead>
				<tr>
					<th colspan="2"><h3>Sociocultural Characteristics</h3></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>Homeworld</td>					
					<td><input name="data.homeworld.value" type="text" value="{{data.homeworld.value}}" placeholder="{{ localize SW5E.homeworld }}"/></td>
				</tr>
				<tr>
					<td>Language</td>					
					<td><input name="data.slanguage.value" type="text" value="{{data.slanguage.value}}" placeholder="{{ localize SW5E.slanguage }}"/></td>
				</tr>                
			</tbody>
		</table>
		{{/if}}
        </blockquote>
		</div>
		<div id="species-description"> 
		<p>
		<!--Species Description-->
		{{editor content=data.description.value target="data.description.value" fontsize=12px button=true editable=editable}}
		</p>
		</div>
		</div>
		
        {{!-- Traits Tab --}}
		
		<div id="species traits" class="tab species-traits flexcol" data-group="primary" data-tab="species-traits">
		<span id="Traits"><h2>{{item.name}} Traits</h2>
		<p>As a/an {{item.name}}, you have the following special traits.<br>
		{{editor content=data.traits.value target="data.traits.value" button=true editable=editable}}
		</span>
		</div>
        
        {{!-- Effects Tab --}}
        <div class="tab effects flexcol" data-group="primary" data-tab="effects">
            {{> "systems/sw5e/templates/actors/parts/active-effects.html"}}
        </div>

	</section>
</form>
