@extends('layouts.app')

@section('title', __('Workstation'))

@push('styles_after_adminlte')
<link rel="stylesheet" href="{{ asset('css/mec-sims-workflow-dashboard.css') }}">
@endpush

@section('contents')
<div class="sims-wf{{ ! empty($showTaskQueue) ? '' : ' sims-wf--no-queue' }}">
  <div class="main">

    <section class="hero">
      <div class="hero-in">
        <div>
          <p class="eyebrow">Sindh Integrated M&amp;E System (SIMS)</p>
          <h1>{{ $heroTitle }}@if ($heroName !== '')<br><em>{{ $heroName }}</em>@endif</h1>
          @if ($heroMeta !== '')
          <p class="lede">{{ $heroMeta }}</p>
          @endif
          <div class="period" role="group" aria-label="Reporting period">
            @foreach (['week' => 'Week', 'month' => 'Month', 'quarter' => 'Quarter', 'year' => 'FY '.$workstationFyLabel] as $periodKey => $periodLabel)
            <a href="{{ $workstationPeriodLinks[$periodKey] }}" aria-pressed="{{ $workstationPeriod === $periodKey ? 'true' : 'false' }}"@if ($workstationPeriod === $periodKey) aria-current="true"@endif>{{ $periodLabel }}</a>
            @endforeach
          </div>
        </div>
        <div class="gauges">
          <div class="gauge">
            <svg width="106" height="106" viewBox="0 0 106 106" aria-hidden="true">
              <circle class="gtrack" cx="53" cy="53" r="44" fill="none" stroke-width="9"/>
              <circle class="gval" data-pct="0" cx="53" cy="53" r="44" fill="none" stroke="url(#gMint)" stroke-width="9" stroke-dasharray="276.5" stroke-dashoffset="276.5"/>
              <defs><linearGradient id="gMint" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#63dcaa"/><stop offset="1" stop-color="#16a374"/></linearGradient></defs>
            </svg>
            <div class="gnum tnum"><span>0</span><s>%</s></div>
            <div class="glab">Visit plan<br>execution</div>
            <div class="gsub">Coming Soon</div>
          </div>
          <div class="gauge">
            <svg width="106" height="106" viewBox="0 0 106 106" aria-hidden="true">
              <circle class="gtrack" cx="53" cy="53" r="44" fill="none" stroke-width="9"/>
              <circle class="gval" data-pct="{{ (int) $reportSubmissionPct }}" cx="53" cy="53" r="44" fill="none" stroke="url(#gGold)" stroke-width="9" stroke-dasharray="276.5" stroke-dashoffset="276.5"/>
              <defs><linearGradient id="gGold" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#f0c877"/><stop offset="1" stop-color="#d9a441"/></linearGradient></defs>
            </svg>
            <div class="gnum tnum"><span data-count="{{ (int) $reportSubmissionPct }}">0</span><s>%</s></div>
            <div class="glab">Report<br>submission</div>
            <div class="gsub">{{ (int) $reportSubmittedCount }} of {{ (int) $reportAssignedCount }} assigned</div>
          </div>
          <div class="gauge">
            <svg width="106" height="106" viewBox="0 0 106 106" aria-hidden="true">
              <circle class="gtrack" cx="53" cy="53" r="44" fill="none" stroke-width="9"/>
              <circle class="gval" data-pct="{{ (int) $complianceClosurePct }}" cx="53" cy="53" r="44" fill="none" stroke="url(#gWhite)" stroke-width="9" stroke-dasharray="276.5" stroke-dashoffset="276.5"/>
              <defs><linearGradient id="gWhite" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#ffffff"/><stop offset="1" stop-color="#a9d9c6"/></linearGradient></defs>
            </svg>
            <div class="gnum tnum"><span data-count="{{ (int) $complianceClosurePct }}">0</span><s>%</s></div>
            <div class="glab">Compliance<br>closure</div>
            <div class="gsub">{{ (int) $compliancePublishedCount }} of {{ (int) $complianceAssignedCount }} assigned</div>
          </div>
        </div>
      </div>
    </section>

    <div class="wrap">

      <section class="alerts" aria-label="Action required">
        <button type="button" class="alert green" data-f="alert-compliance-assigned">
          <span class="ai"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9"><path d="M4 4h16v12H8l-4 4z"/><path d="M8 9h8M8 12h5"/></svg></span>
          <span><b class="tnum" data-count="{{ (int) $alertComplianceAssigned }}">0</b><span>Compliance assigned</span></span>
          <span class="go"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 5l7 7-7 7"/></svg></span>
        </button>
        <button type="button" class="alert" data-f="overdue-visit">
          <span class="ai"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9"><circle cx="12" cy="12" r="9"/><path d="M12 7v5.4l3.4 2"/></svg></span>
          <span><b class="tnum" data-count="{{ (int) $alertOverdueVisits }}">0</b><span>Overdue visits</span></span>
          <span class="go"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 5l7 7-7 7"/></svg></span>
        </button>
        <button type="button" class="alert" data-f="alert-overdue-report">
          <span class="ai"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9"><path d="M6 3h8l5 5v13H6z"/><path d="M12 11v4M12 18v.5"/></svg></span>
          <span><b class="tnum" data-count="{{ (int) $alertOverdueReports }}">0</b><span>Overdue reports</span></span>
          <span class="go"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 5l7 7-7 7"/></svg></span>
        </button>
        <button type="button" class="alert warn" data-f="report-declined">
          <span class="ai"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9"><path d="M12 3l9 16H3z"/><path d="M12 9v4M12 16v.5"/></svg></span>
          <span><b class="tnum" data-count="{{ (int) $alertDeclinedRework }}">0</b><span>Declined, awaiting rework</span></span>
          <span class="go"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 5l7 7-7 7"/></svg></span>
        </button>
        <button type="button" class="alert info" data-f="mod-process">
          <span class="ai"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9"><path d="M20 11a8 8 0 10-2.3 5.7"/><path d="M20 5v6h-6"/></svg></span>
          <span><b class="tnum" data-count="{{ (int) $alertPendingModifications }}">0</b><span>Modification requests pending</span></span>
          <span class="go"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 5l7 7-7 7"/></svg></span>
        </button>
      </section>

      <section class="panel ta-pair" aria-label="Turnaround and Recent Activity">
        <div class="row no-gutters ta-pair-row">
          <div class="col-12 col-md-6 ta-col ta-col-bars">
            <div class="ta-kicker">Turnaround <span>· Average days per stage</span></div>
            @foreach (($turnaround['rows'] ?? []) as $row)
            <div class="brow">
              <span class="bl">{{ $row['label'] }}</span>
              <span class="bar"><i @if (($row['bar_class'] ?? '') !== '') class="{{ $row['bar_class'] }}" @endif data-w="{{ (int) ($row['width'] ?? 0) }}"></i></span>
              <b>{{ $row['display'] ?? '—' }}</b>
            </div>
            @endforeach
          </div>
          <div class="col-12 col-md-6 ta-col ta-col-feed">
            <div class="ta-col-feed-inner">
              <div class="ta-kicker">Recent activity <span>· Last 24 hours</span></div>
              <div class="feed-scroll">
                @if (($recentActivity ?? []) === [])
                <div class="feed-empty">No activity in the last 24 hours.</div>
                @else
                <ul class="feed">
                  @foreach ($recentActivity as $item)
                  <li>
                    <span class="fi {{ $item['tone'] }}">
                      @if (($item['tone'] ?? '') === 'late')
                      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M8 8l8 8M16 8l-8 8"/></svg>
                      @elseif (($item['tone'] ?? '') === 'warn')
                      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M20 11a8 8 0 10-2.3 5.7"/><path d="M20 5v6h-6"/></svg>
                      @elseif (($item['tone'] ?? '') === 'dark')
                      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="16" rx="2.4"/><path d="M3 9h18"/></svg>
                      @else
                      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M4 12.5l5 5L20 6.5"/></svg>
                      @endif
                    </span>
                    <div>
                      <p>
                        @if (($item['ref'] ?? '') !== '')
                        <b>{{ $item['ref'] }}</b>{{ ($item['text'] ?? '') !== '' ? ' ' : '' }}
                        @endif
                        {{ $item['text'] ?? '' }}
                      </p>
                      <time>{{ $item['when'] ?? '' }}</time>
                    </div>
                  </li>
                  @endforeach
                </ul>
                @endif
              </div>
            </div>
          </div>
        </div>
      </section>

      <h3 class="gtitle">Visit plans <em>6 indicators</em></h3>
      <div class="grid-6">
        <button type="button" class="kpi dark" data-f="approved-plan" aria-pressed="false"><div class="kbar"></div><div class="kbody">
          <div class="ktop"><span class="kicon"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M4 12.5l5 5L20 6.5"/></svg></span></div>
          <span class="knum tnum" data-count="{{ (int) ($visitPlanKpis['approved'] ?? 0) }}">0</span><span class="klab">Approved visit plans</span>
          <svg class="spark" data-spark="{{ $visitPlanKpis['approved_spark'] ?? '0,0,0,0,0,0,0' }}" data-tone="forest" viewBox="0 0 100 34" preserveAspectRatio="none"></svg>
        </div></button>

        <button type="button" class="kpi" data-f="submitted-plan" aria-pressed="false"><div class="kbar"></div><div class="kbody">
          <div class="ktop"><span class="kicon"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 19V5M5 12l7-7 7 7"/></svg></span></div>
          <span class="knum tnum" data-count="{{ (int) ($visitPlanKpis['submitted'] ?? 0) }}">0</span><span class="klab">Submitted plans</span>
          <svg class="spark" data-spark="{{ $visitPlanKpis['submitted_spark'] ?? '0,0,0,0,0,0,0' }}" data-tone="jade" viewBox="0 0 100 34" preserveAspectRatio="none"></svg>
        </div></button>

        <button type="button" class="kpi late" data-f="plan-declined" aria-pressed="false"><div class="kbar"></div><div class="kbody">
          <div class="ktop"><span class="kicon"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M9 9l6 6M15 9l-6 6"/></svg></span></div>
          <span class="knum tnum" data-count="{{ (int) ($visitPlanKpis['declined'] ?? 0) }}">0</span><span class="klab">Plans declined</span>
          <svg class="spark" data-spark="{{ $visitPlanKpis['declined_spark'] ?? '0,0,0,0,0,0,0' }}" data-tone="clay" viewBox="0 0 100 34" preserveAspectRatio="none"></svg>
        </div></button>

        <button type="button" class="kpi late" data-f="overdue-visit" aria-pressed="false"><div class="kbar"></div><div class="kbody">
          <div class="ktop"><span class="kicon"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M12 7v5.4l3.4 2"/></svg></span></div>
          <span class="knum tnum" data-count="{{ (int) ($visitPlanKpis['overdue_visits'] ?? 0) }}">0</span><span class="klab">Overdue visits</span>
          <svg class="spark" data-spark="{{ $visitPlanKpis['overdue_visits_spark'] ?? '0,0,0,0,0,0,0' }}" data-tone="clay" viewBox="0 0 100 34" preserveAspectRatio="none"></svg>
        </div></button>

        <button type="button" class="kpi warn" data-f="mod-process" aria-pressed="false"><div class="kbar"></div><div class="kbody">
          <div class="ktop"><span class="kicon"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 11a8 8 0 10-2.3 5.7"/><path d="M20 5v6h-6"/></svg></span></div>
          <span class="knum tnum" data-count="{{ (int) ($visitPlanKpis['modifications'] ?? 0) }}">0</span><span class="klab">Modification requests</span>
          <svg class="spark" data-spark="{{ $visitPlanKpis['modifications_spark'] ?? '0,0,0,0,0,0,0' }}" data-tone="gold" viewBox="0 0 100 34" preserveAspectRatio="none"></svg>
        </div></button>

        <button type="button" class="kpi late" data-f="mod-declined" aria-pressed="false"><div class="kbar"></div><div class="kbody">
          <div class="ktop"><span class="kicon"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M8 12h8"/></svg></span></div>
          <span class="knum tnum" data-count="{{ (int) ($visitPlanKpis['modifications_rejected'] ?? 0) }}">0</span><span class="klab">Modification rejected</span>
          <svg class="spark" data-spark="{{ $visitPlanKpis['modifications_rejected_spark'] ?? '0,0,0,0,0,0,0' }}" data-tone="clay" viewBox="0 0 100 34" preserveAspectRatio="none"></svg>
        </div></button>
      </div>

      <h3 class="gtitle">M&amp;E reports <em>6 indicators</em></h3>
      <div class="grid-6">
        <button type="button" class="kpi" data-f="assigned-report" aria-pressed="false"><div class="kbar"></div><div class="kbody">
          <div class="ktop"><span class="kicon"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 3h8l5 5v13H6z"/><path d="M9 13h6M9 17h4"/></svg></span></div>
          <span class="knum tnum" data-count="{{ (int) ($meReportKpis['assigned'] ?? 0) }}">0</span><span class="klab">Reports assigned</span>
          <svg class="spark" data-spark="{{ $meReportKpis['assigned_spark'] ?? '0,0' }}" data-tone="jade" viewBox="0 0 100 34" preserveAspectRatio="none"></svg>
        </div></button>

        <button type="button" class="kpi" data-f="submitted-report" aria-pressed="false"><div class="kbar"></div><div class="kbody">
          <div class="ktop"><span class="kicon"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 19V5M5 12l7-7 7 7"/></svg></span></div>
          <span class="knum tnum" data-count="{{ (int) ($meReportKpis['submitted'] ?? 0) }}">0</span><span class="klab">Reports submitted</span>
          <svg class="spark" data-spark="{{ $meReportKpis['submitted_spark'] ?? '0,0' }}" data-tone="jade" viewBox="0 0 100 34" preserveAspectRatio="none"></svg>
        </div></button>

        <button type="button" class="kpi warn" data-f="pending-report" aria-pressed="false"><div class="kbar"></div><div class="kbody">
          <div class="ktop"><span class="kicon"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M12 8v4M12 16h.01"/></svg></span></div>
          <span class="knum tnum" data-count="{{ (int) ($meReportKpis['pending'] ?? 0) }}">0</span><span class="klab">Pending reports</span>
          <svg class="spark" data-spark="{{ $meReportKpis['pending_spark'] ?? '0,0' }}" data-tone="gold" viewBox="0 0 100 34" preserveAspectRatio="none"></svg>
        </div></button>

        <button type="button" class="kpi late" data-f="report-declined" aria-pressed="false"><div class="kbar"></div><div class="kbody">
          <div class="ktop"><span class="kicon"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M9 9l6 6M15 9l-6 6"/></svg></span></div>
          <span class="knum tnum" data-count="{{ (int) ($meReportKpis['declined'] ?? 0) }}">0</span><span class="klab">Reports declined</span>
          <svg class="spark" data-spark="{{ $meReportKpis['declined_spark'] ?? '0,0' }}" data-tone="clay" viewBox="0 0 100 34" preserveAspectRatio="none"></svg>
        </div></button>

        <button type="button" class="kpi late" data-f="overdue-report" aria-pressed="false"><div class="kbar"></div><div class="kbody">
          <div class="ktop"><span class="kicon"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M12 7v5.4l3.4 2"/></svg></span></div>
          <span class="knum tnum" data-count="{{ (int) ($meReportKpis['overdue'] ?? 0) }}">0</span><span class="klab">Overdue reports</span>
          <svg class="spark" data-spark="{{ $meReportKpis['overdue_spark'] ?? '0,0' }}" data-tone="clay" viewBox="0 0 100 34" preserveAspectRatio="none"></svg>
        </div></button>

        <button type="button" class="kpi dark" data-f="published-report" aria-pressed="false"><div class="kbar"></div><div class="kbody">
          <div class="ktop"><span class="kicon"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="16" rx="2.4"/><path d="M3 9h18M7 13h7"/></svg></span></div>
          <span class="knum tnum" data-count="{{ (int) ($meReportKpis['published'] ?? 0) }}">0</span><span class="klab">Published reports</span>
          <svg class="spark" data-spark="{{ $meReportKpis['published_spark'] ?? '0,0' }}" data-tone="forest" viewBox="0 0 100 34" preserveAspectRatio="none"></svg>
        </div></button>
      </div>

      <h3 class="gtitle">Compliance &amp; correspondence <em>4 indicators</em></h3>
      <div class="grid">
        <button type="button" class="kpi" data-f="compliance" aria-pressed="false"><div class="kbar"></div><div class="kbody">
          <div class="ktop"><span class="kicon"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 3h9l5 5v13H5z"/><path d="M9 14l2 2 4-4"/></svg></span></div>
          <span class="knum tnum" data-count="{{ (int) ($complianceKpis['received'] ?? 0) }}">0</span><span class="klab">Compliance received</span>
          <svg class="spark" data-spark="{{ $complianceKpis['received_spark'] ?? '0,0' }}" data-tone="jade" viewBox="0 0 100 34" preserveAspectRatio="none"></svg>
        </div></button>

        <button type="button" class="kpi warn" data-f="compliance-planned" aria-pressed="false"><div class="kbar"></div><div class="kbody">
          <div class="ktop"><span class="kicon"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="17" rx="2.5"/><path d="M8 2v4M16 2v4M3 10h18M9 16l2 2 4-4"/></svg></span></div>
          <span class="knum tnum" data-count="{{ (int) ($complianceKpis['planned'] ?? 0) }}">0</span><span class="klab">Compliance planned</span>
          <svg class="spark" data-spark="{{ $complianceKpis['planned_spark'] ?? '0,0' }}" data-tone="gold" viewBox="0 0 100 34" preserveAspectRatio="none"></svg>
        </div></button>

        <button type="button" class="kpi late" data-f="compliance-pending" aria-pressed="false"><div class="kbar"></div><div class="kbody">
          <div class="ktop"><span class="kicon"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M12 7v5.4l3.4 2"/></svg></span></div>
          <span class="knum tnum" data-count="{{ (int) ($complianceKpis['pending'] ?? 0) }}">0</span><span class="klab">Compliance pending</span>
          <svg class="spark" data-spark="{{ $complianceKpis['pending_spark'] ?? '0,0' }}" data-tone="clay" viewBox="0 0 100 34" preserveAspectRatio="none"></svg>
        </div></button>

        <button type="button" class="kpi info" data-f="inquiry" aria-pressed="false"><div class="kbar"></div><div class="kbody">
          <div class="ktop"><span class="kicon"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M9.6 9.6a2.5 2.5 0 013.9-1.6c1.4.9.9 2.6-.4 3.2-.7.3-1 .8-1 1.6M12 16.4v.5"/></svg></span></div>
          <span class="knum tnum" data-count="{{ (int) ($complianceKpis['enquiries'] ?? 0) }}">0</span><span class="klab">Department enquiry list</span>
          <svg class="spark" data-spark="{{ $complianceKpis['enquiries_spark'] ?? '0,0' }}" data-tone="slate" viewBox="0 0 100 34" preserveAspectRatio="none"></svg>
        </div></button>
      </div>

      @if (! empty($showTaskQueue))
      <div class="qfull">
        <section class="panel" aria-label="Task queue">
          <div class="phead">
            <div><h2>Task queue</h2><p id="qnote">Everything waiting on you or your team, most urgent first.</p></div>
            <div class="chips" role="group" aria-label="Filter queue">
              <button type="button" class="chip" data-s="all" aria-pressed="true">All</button>
              <button type="button" class="chip" data-s="plan" aria-pressed="false">Visit plans</button>
              <button type="button" class="chip" data-s="report" aria-pressed="false">Reports</button>
              <button type="button" class="chip" data-s="other" aria-pressed="false">Compliance</button>
            </div>
          </div>
          <table><thead><tr><th>Reference</th><th>Item</th><th>Owner</th><th>Stage</th><th>Due</th><th></th></tr></thead><tbody id="qbody"></tbody></table>
          <div class="empty" id="qempty" hidden><b>Nothing here</b>Clear the filter to see the rest of the queue.</div>
        </section>
      </div>
      @endif
    </div>
  </div>

  <div class="snap" id="snapModal" hidden>
    <div class="snap-back" data-snap-close></div>
    <div class="snap-dialog" role="dialog" aria-modal="true" aria-labelledby="snapTitle">
      <div class="snap-head">
        <div>
          <h2 id="snapTitle">Snapshot</h2>
          <p id="snapNote">Minimal rows for this indicator. Open a row to go to the listing.</p>
        </div>
        <button type="button" class="snap-x" data-snap-close aria-label="Close">×</button>
      </div>
      <div class="snap-body">
        <table>
          <thead>
            <tr>
              <th>Reference</th>
              <th>Item</th>
              <th>Stage</th>
              <th></th>
            </tr>
          </thead>
          <tbody id="snapBody"></tbody>
        </table>
        <div class="empty" id="snapEmpty" hidden><b>Nothing here</b>No rows in this period for your scope.</div>
      </div>
    </div>
  </div>
</div>
@endsection

@push('scripts')
<script>
  window.SIMS_WF_QUEUE = @json($showTaskQueue ?? false ? $queueRows : []);
  window.SIMS_WF_ACTOR_INITIALS = @json($actorInitials);
  window.SIMS_WF_SNAPSHOT_URL = @json(route('mec-sims.workflow-dashboard.snapshots'));
  window.SIMS_WF_PERIOD = @json($workstationPeriod);
</script>
<script src="{{ asset('js/mec-sims-workflow-dashboard.js') }}"></script>
@endpush