<form class="{{cssClass}}" autocomplete="off">
    <header class="sheet-header">
        <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}" />
        <div class="header-fields flexrow">
            <h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name" /></h1>
            <h2 class="item-type">{{localize (lookup config.itemTypes item.type)}}</h2>
        </div>
    </header>

    {{!-- Sheet Tab Navigation --}}
    <nav class="sheet-tabs tabs" data-group="primary">
        <a class="item" data-tab="description">{{localize "DS4.Description"}}</a>
        <a class="item" data-tab="effects">{{localize "DS4.Effects"}}</a>
        <a class="item" data-tab="details">{{localize "DS4.Details"}}</a>
    </nav>

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

        {{!-- Description Tab --}}
        {{> systems/ds4/templates/item/partials/description.hbs}}

        {{!-- Details Tab --}}
        {{> systems/ds4/templates/item/partials/details.hbs}}

        {{!-- Effects Tab --}}
        {{> systems/ds4/templates/item/partials/effects.hbs}}
        
    </section>
</form>