{% if question_type == 'like' %}
    {% set ans = player.other_like %}
    {% set delegate_id = player.other_like_from_player_id %}
{% else %}
    {% set ans = player.other_hate %}
    {% set delegate_id = player.other_hate_from_player_id %}
{% endif %}

<div class="delegation-box glass-panel" id="delegation-{{ question_type }}"
     {% if not ans and delegate_id %}
     hx-get="/game/{{ game.id }}/player/{{ player.id }}/delegation/{{ question_type }}"
     hx-trigger="every 4s"
     hx-swap="outerHTML"
     {% endif %}>
    
    <h4>What other pirates {{ question_type.upper() }} about you:</h4>
    
    {% if ans %}
        <div class="answer-box">"{{ ans }}" <span class="author-label">— answered by {{ get_player_name(delegate_id) }}</span></div>
        <!-- Button to allow revoking even after answered if they want to override or reassign -->
        <button hx-post="/game/{{ game.id }}/player/{{ player.id }}/revoke-delegate/{{ question_type }}"
                hx-target="#delegation-{{ question_type }}"
                hx-swap="outerHTML"
                class="btn btn-secondary btn-small margin-top-small">Reassign Task</button>
    {% elif delegate_id %}
        <div class="waiting-box-container">
            <div class="waiting-box">
                <span class="spinner-small"></span>
                Delegated to <strong>{{ get_player_name(delegate_id) }}</strong>. Waiting...
            </div>
            <button hx-post="/game/{{ game.id }}/player/{{ player.id }}/revoke-delegate/{{ question_type }}"
                    hx-target="#delegation-{{ question_type }}"
                    hx-swap="outerHTML"
                    class="btn btn-danger btn-small margin-top-small">Revoke Task</button>
        </div>
    {% else %}
        <form hx-post="/game/{{ game.id }}/player/{{ player.id }}/delegate/{{ question_type }}" 
              hx-target="#delegation-{{ question_type }}"
              hx-swap="outerHTML" 
              class="delegate-form inline-form">
            <select name="target_player_id" class="select-field select-small" required>
                <option value="" disabled selected>Select a crewmate...</option>
                {% for other in game.players if other.id != player.id %}
                    <option value="{{ other.id }}">{{ other.name }}</option>
                {% endfor %}
            </select>
            <button type="submit" class="btn btn-secondary btn-small">Ask them</button>
        </form>
    {% endif %}
</div>