{#if job} {job.name.en}
{:else if canEdit}
{/if} {#if canEdit && job} {/if}
{#if job}
{#if canEdit} {:else}
{job.name.en} icon

{job.name.en}

{#if job.masterLevel || job.ultimateMastery}
{#if job.masterLevel} ML {/if} {#if job.ultimateMastery} UM {/if}
{/if}
{/if}
{#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} {accessory.name.en} {:else} Select Accessory {/if}
{/if} {:else}

{canEdit ? 'Select a job to view skills and details' : 'No job selected'}

{/if}