{% extends "layouts/console_layout.html" %}

{% block container_class %}ms2-wide-container{% endblock %}

{% block content %}
<link href="/assets/css/mindsweep2.css" rel="stylesheet" type="text/css">

<div class="ms2-curate-app" id="ms2CurateApp">
    <!-- Top bar -->
    <header class="ms2-topbar">
        <div class="ms2-topbar-left">
            <span class="ms2-session-name" id="ms2CurateSessionName">Untitled sweep</span>
            <span class="ms2-item-count" id="ms2CurateCount">0 items</span>
            <span class="ms2-save-status" id="ms2SaveStatus"></span>
        </div>
        <div class="ms2-topbar-center">
            <div class="ms2-view-switcher" id="ms2ViewSwitcher">
                <button type="button" data-view="inbox" class="active">Inbox</button>
                <button type="button" data-view="table">Table</button>
                <button type="button" data-view="board">Board</button>
                <button type="button" data-view="matrix">Matrix</button>
                <button type="button" data-view="grouped">Grouped</button>
            </div>
            <input type="search" id="ms2Search" class="ms2-search" placeholder="Search items&#8230;" autocomplete="off">
        </div>
        <div class="ms2-topbar-right">
            <button type="button" class="ms2-btn ms2-btn-ghost" id="ms2NewSweepBtn" title="Capture a new mind-sweep">
                <span class="material-symbols-outlined">add_circle</span> New sweep
            </button>
            <button type="button" class="ms2-btn ms2-btn-ghost ms2-btn-danger" id="ms2StartFreshBtn" title="Erase all previous mind-sweeps">
                <span class="material-symbols-outlined">delete_forever</span> Start fresh
            </button>
            <a href="/mindsweep2/settings" class="ms2-btn ms2-btn-ghost" title="Manage templates &amp; rules">
                <span class="material-symbols-outlined">settings</span>
            </a>
            <button type="button" class="ms2-btn ms2-btn-ghost" id="ms2SuggestBtn" title="Apply rule suggestions">Suggest</button>
            <button type="button" class="ms2-btn ms2-btn-ghost" id="ms2UndoBtn" title="Undo last save">Undo</button>
            <button type="button" class="ms2-btn ms2-btn-primary" id="ms2CommitBtn">Commit</button>
        </div>
    </header>

    <div class="ms2-curate-body">
        <!-- Left sidebar -->
        <aside class="ms2-sidebar">
            <div class="ms2-sidebar-section">
                <h4>Dimensions</h4>
                <div id="ms2DimensionList"></div>
            </div>
            <div class="ms2-sidebar-section">
                <h4>Labels</h4>
                <div id="ms2LabelList"></div>
                <div class="ms2-label-add">
                    <input id="ms2NewLabel" placeholder="New label&#8230;" autocomplete="off">
                    <button type="button" id="ms2AddLabel" title="Add label">+</button>
                </div>
            </div>
            <div class="ms2-sidebar-section">
                <h4>Quick filters</h4>
                <button type="button" data-quick="unassigned" class="ms2-quickfilter">Unassigned</button>
                <button type="button" data-quick="missing_status" class="ms2-quickfilter">Missing status</button>
                <button type="button" data-quick="duplicates" class="ms2-quickfilter">Duplicates</button>
                <button type="button" data-quick="all" class="ms2-quickfilter">Show all</button>
            </div>
            <div class="ms2-sidebar-section">
                <h4>Templates</h4>
                <div id="ms2TemplateList"></div>
                <div class="ms2-label-add">
                    <input id="ms2NewTemplate" placeholder="New template name&#8230;" autocomplete="off">
                    <button type="button" id="ms2SaveTemplate" title="Save selected item as template">+</button>
                </div>
            </div>
            <div class="ms2-sidebar-section">
                <h4>Auto rules</h4>
                <div id="ms2RuleList"></div>
                <div class="ms2-rule-add">
                    <input id="ms2RuleValue" placeholder="If title contains&#8230;" autocomplete="off">
                    <select id="ms2RuleDim" class="ms2-dim-select"></select>
                    <select id="ms2RuleOpt" class="ms2-dim-select"></select>
                    <button type="button" id="ms2AddRule" title="Add rule">+</button>
                </div>
            </div>
        </aside>

        <!-- Center workspace -->
        <main class="ms2-workspace" id="ms2Workspace"></main>

        <!-- Right inspector -->
        <aside class="ms2-inspector">
            <div class="ms2-inspector-empty" id="ms2InspectorEmpty">Select an item to edit its details</div>
            <div class="ms2-inspector-body" id="ms2InspectorBody" style="display: none;"></div>
        </aside>
    </div>

    <!-- Bulk action bar -->
    <div class="ms2-bulkbar" id="ms2BulkBar" style="display: none;">
        <span class="ms2-bulk-count" id="ms2BulkCount">0 selected</span>
        <button type="button" class="ms2-btn ms2-btn-ghost" id="ms2BulkClear">Clear</button>
        <span class="ms2-bulk-spacer"></span>
        <button type="button" class="ms2-btn ms2-btn-ghost" id="ms2BulkDelete">Delete</button>
    </div>

    <div id="ms2Toast" class="ms2-toast" style="display: none;">
        <span class="material-symbols-outlined ms2-toast-icon" id="ms2ToastIcon">check_circle</span>
        <span id="ms2ToastMsg">Saved</span>
    </div>
</div>
{% endblock %}