<form class="editable" onsubmit="event.preventDefault();">
<div style="max-height:75vh; overflow-y:auto">
    <table style="border:none; background:none">
    <tr>
        <td colspan="2">
            <hr><h3>{{localize 'fate-core-official.WorldSkillsPresent'}}</h3><hr>
        </td>
    </tr>
    {{#each present_skills}}
    {{#if (eq this.extra_id undefined)}}
    <tr>
        <td style="width:100px">
            <input type="checkbox" class="skill_check_box" checked id="{{this.name}}" name="{{this.name}}_present"}>
        </td>
        <td style="width:100%">
            {{this.name}}
        </td>
    </tr>
    {{else}}{{/if}}
    {{/each}}
    <tr>
            <td colspan="2">
                <hr><h3>{{localize 'fate-core-official.OrphanedSkills'}}</h3><hr>
            </td>
        </tr>
        {{#each orphaned}}
        {{#if (eq this.extra_id undefined)}}
        <tr>
            <td style="width:100px">
                <input type="checkbox" class="skill_check_box" checked id="{{this.name}}" name="{{this.name}}_present"}>
            </td>
            <td>
                {{this.name}}
            </td>
        </tr>
        {{else}}{{/if}}
        {{/each}}
        <tr>
            <td colspan="2">
                <hr><h3>{{localize 'fate-core-official.AdHocSkills'}}</h3><hr>
            </td>
        </tr>
    {{#each ad_hoc}}
    {{#if (eq this.extra_id undefined)}}
    <tr>
        <td style="width:100px">
            <input type="checkbox" class="skill_check_box" checked id="{{this.name}}" name="{{this.name}}_present"}>
        </td>
        <td>
            <input type="text" style="width:95%;" name="adhoc_skill_name" value="{{this.name}}" data-oldName="{{this.name}}"></input>
        </td>
    </tr>
    {{else}}{{/if}}
    {{/each}}
    <tr>
        <td colspan="2">
            <hr><h3>{{localize 'fate-core-official.WorldSkillsAbsent'}}</h3><hr>
        </td>
    </tr>
    {{#each absent_skills}}
    <tr>
        <td>
            <input type="checkbox" class="skill_check_box" id="{{this.name}}" name="{{this.name}}_present"}>
        </td>
        <td>
            {{this.name}}
        </td>
    </tr>
    {{/each}}
    <tr>
        <td colspan="2">
            <hr><h3>{{localize 'fate-core-official.NonPCSkills'}}<h3></h3><hr>
        </td>
    </tr>
    {{#each non_pc}}
    <tr>
        <td>
            <input type="checkbox" class="skill_check_box" id="{{this.name}}" name="{{this.name}}_present"}>
        </td>
        <td>
            {{this.name}}
        </td>
    </tr>
    {{/each}}
    </table>
</div>
<table style="background:none; border:none">
    <tr>
        <td>
            {{localize 'fate-core-official.AdHocSkillToAdd'}}:
        </td>
        <td>
            <input name="ad_hoc_input" type="text" id="ad_hoc_input" style="width:80%">&nbsp&nbsp<button style="width:30px; height:30px;"" type="button" id="add_ah_button" i icon class="fas fa-plus"></button>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <button type="button" id="select_all_skills_button">
                {{localize 'fate-core-official.CheckAllSkills'}}
            </button>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <button type="button" id="deselect_all_skills_button">
                {{localize 'fate-core-official.UnCheckAllSkills'}}
            </button>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <button type="button" id="add_remove_button">
                {{localize 'fate-core-official.AddRemoveSkills'}}
            </button>
        </td>
    </tr>
</table>
</form>