{% if not is_entered %}
    <ul class="p-2 flex flex-col rounded-xl bg-bluelight-translucent-light border-4 border-bluelight-translucent-dark">
        <div class="pl-2 codes-list-item-title text-base">{{ name }}</div>
        <hr class="mb-2 border-2 border-bluelight-translucent-dark rounded-xl" />
        <div class="min-x-full">
            <div class="codes-list-item-code text-2xl text-justify break-all mx-2 align-top">{{ code }}</div>
        </div>
    </ul>
{% endif %}
