<ul class="social-content">
    <li>
        <label class="attribute-label centered-input">
            <strong>{{localize 'l5r5e.social.honor'}}</strong>
            <input class="centered-input select-on-focus" type="number" name="data.social.honor" value="{{data.data.social.honor}}" data-dtype="Number" placeholder="0" {{^if data.editable_not_soft_locked}}disabled{{/if}}/>
        </label>
    </li>
    <li>
        <label class="attribute-label centered-input">
            <strong>{{localize 'l5r5e.social.glory'}}</strong>
            <input class="centered-input select-on-focus" type="number" name="data.social.glory" value="{{data.data.social.glory}}" data-dtype="Number" placeholder="0" {{^if data.editable_not_soft_locked}}disabled{{/if}}/>
        </label>
    </li>
    <li>
        <label class="attribute-label centered-input">
            <strong>{{localize 'l5r5e.social.status'}}</strong>
            <input class="centered-input select-on-focus" type="number" name="data.social.status" value="{{data.data.social.status}}" data-dtype="Number" placeholder="0" {{^if data.editable_not_soft_locked}}disabled{{/if}}/>
        </label>
    </li>
    <li class="affinities">
        {{!-- Attitude --}}
        <label class="attitude">
            <input type="text" name="data.attitude" value="{{data.data.attitude}}" data-dtype="String" placeholder="" {{^if data.editable_not_soft_locked}}disabled{{/if}}/>
            {{localize 'l5r5e.social.attitude'}}
        </label>
        {{!-- Strength & Weakness --}}
        {{#each data.stances as |stance|}}
            <label class="ring">
                <i class="i_{{stance}}" title="{{localizeRing stance}}"></i>
                <input class="centered-input select-on-focus" type="number" name="data.rings_affinities.{{stance}}" value="{{lookup ../data.data.rings_affinities stance}}" data-dtype="Number" min="-9" max="9" placeholder="0" {{^if ../data.editable_not_soft_locked}}disabled{{/if}}/>
            </label>
        {{/each}}
    </li>
</ul>