{#if job}
{#each Array(4) as _, slot}
{#if isSkillSlotAvailable(job, slot)}
handleSelectSkill(slot)}
onRemove={() => handleRemoveSkill(slot)}
/>
{/if}
{/each}
{#if job.accessory}
canEdit && onSelectAccessory?.()}
on:keydown={(e) => {
if (canEdit && onSelectAccessory && (e.key === 'Enter' || e.key === ' ')) {
e.preventDefault()
onSelectAccessory()
}
}}
>
{#if accessory}
{accessory.name.en}
{:else}
Select Accessory
{/if}
{/if}
{:else}
{canEdit ? 'Select a job to view skills and details' : 'No job selected'}
{/if}