{% extends "modules/sag/templates/detail_v4.html" %}
{% block title %}{{ case.titel }} · Sagsbord V5 - BMC Hub{% endblock %}
{% block extra_css %}
{{ super() }}
<link rel="stylesheet" href="/static/css/case-v5.css?v=20261007-4">
<link rel="stylesheet" href="/static/css/case-command-composer.css?v=20261006-4">
{% endblock %}
{% block content %}
{{ super() }}
<template id="caseV5ComposerTools">
    <div class="v5-composer-actions">
        <button id="v5ActionToggle" type="button" class="btn btn-outline-secondary" aria-label="Tilføj handling" aria-expanded="false" aria-controls="v5ActionMenu"><i class="bi bi-plus-lg"></i></button>
        <div id="v5SelectedActions" class="v5-selected-actions" aria-live="polite"></div>
    </div>
    <div id="v5ActionMenu" class="v5-action-menu" hidden>
        <div class="v5-menu-title">Tilføj handling</div>
        <div id="v5ActionOptions" class="v5-action-options"></div>
    </div>
    <div id="v5AssignmentFields" class="v5-assignment-fields" hidden>
        <label for="v5GroupSearch">Søg gruppe</label>
        <input id="v5GroupSearch" class="form-control form-control-sm" type="search" placeholder="Find gruppe…" autocomplete="off">
        <div id="v5GroupOptions" class="v5-picker" aria-label="Vælg gruppe"></div>
        <label for="v5UserSearch">Søg ansvarlig medarbejder</label>
        <input id="v5UserSearch" class="form-control form-control-sm" type="search" placeholder="Vælg først en gruppe…" autocomplete="off" disabled>
        <div id="v5UserOptions" class="v5-picker" aria-label="Vælg ansvarlig medarbejder"></div>
        <label for="v5AssignmentReason">Begrundelse for tildeling <span class="text-danger">*</span></label>
        <textarea id="v5AssignmentReason" class="form-control" rows="2" maxlength="2000" placeholder="Hvorfor overdrages sagen?"></textarea>
        <p class="small text-muted mt-2 mb-0">Kommentar og begrundelse gemmes internt. Andre medarbejdere i den valgte gruppe bevares.</p>
    </div>
    <div id="v5SubmitFeedback" class="small mt-2" role="status" aria-live="polite"></div>
</template>
<script id="caseV5Data" type="application/json">{{ {
    'caseId': case.id,
    'groups': assignment_groups or [],
    'groupId': case.assigned_group_id,
    'userId': case.ansvarlig_bruger_id
}|tojson }}</script>
<script src="/static/js/case-v5.js?v=20261008-3"></script>
<script src="/static/js/case-commands.js?v=20261006-1"></script>
<script src="/static/js/case-command-suggestions.js?v=20261006-1"></script>
<script src="/static/js/case-command-composer.js?v=20261008-3"></script>
{% endblock %}