<form class="flexcol {{cssClass}}" autocomplete="off">
    {{!-- Sheet Body --}}
    <section class="sheet-body">
        <h2><input type="text" value="{{item.name}}" name="name" /></h2>
        <img src="{{item.img}}" data-edit="img" title="{{item.name}}" style="background-color: var(--highlight-color)"/>
        <div class="section">
            <table>
                <tr>
                    <th>{{localize 'shadowrun6.lifestyle.type'}}</th>
                    <th>{{localize 'shadowrun6.lifestyle.cost'}}</th>
                    <th>{{localize 'shadowrun6.lifestyle.paid'}}</th>
                    <th>{{localize 'shadowrun6.lifestyle.sin'}}</th>
                </tr>
                    <td>
                        <select name="system.type">
                        {{selectOptions config.LIFESTYLE_TYPE selected=item.system.type localize=true}}
                    </select>
                    <td class="centered"> <input class="box" type="number" value="{{item.system.cost}}" name="system.cost" /></td>
                    <td class="centered"> <input class="box" type="number" value="{{item.system.paid}}" name="system.paid" /></td>
                    <td> <input class="box" type="text" value="{{item.system.sin}}" name="system.sin" /></td>
                </tr>
            </table>
            <h3>{{localize 'shadowrun6.item.description'}}</h3>
            <textarea class="box" type="text" name="system.description" cols="50"
                rows="8">{{item.system.description}}</textarea>
        </div>
    </section>
</form>