Subversion Repositories SmartDukaan

##  LMS Dashboards — cross-region management roll-up (SOP §18). Loaded into #main-content by the sidebar.
##  Model: regions[], summaryJson, stateFunnelJson, slaHeatmapJson, ageingJson, fromDate, toDate.
##  Styling in resources/css/lms-dashboard.css; behaviour in resources/js/lms-dashboard.js (window.LmsDash).

<section class="wrapper lms-dash">

    <ol class="breadcrumb">
        <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
        <li><a href="#" class="lead">Leads</a></li>
        <li>LMS Dashboards</li>
    </ol>

    <div class="lms-head">
        <div>
            <div class="lms-crumb">Management · Cross-region roll-up</div>
            <h1>Dashboards</h1>
            <div class="lms-sub">Funnel, SLA compliance and ageing across regions. Derived from the lead record.</div>
        </div>
        <div class="lms-filters">
            <select id="lmsFilterRegion" title="Region">
                <option value="">All regions</option>
                #foreach($r in $regions)
                    <option value="$r.getId()">$!r.getName()#if($r.getRegionCode()) ($r.getRegionCode())#end</option>
                #end
            </select>
            <input type="date" id="lmsFilterFrom" value="$!fromDate" title="From (created)">
            <input type="date" id="lmsFilterTo" value="$!toDate" title="To (created)">
        </div>
    </div>

    <!-- Roll-up KPIs -->
    <div class="lms-kpis" id="lmsDashKpis"></div>

    <!-- State funnel -->
    <div class="lms-card">
        <h2>State funnel — New → Onboarded by region</h2>
        <div class="desc">Reached counts per region · click a row to list that region's leads.</div>
        <div id="lmsStateFunnel"></div>
        <div class="lms-label" style="margin-top:14px;">Conversion % by region</div>
        <div style="position:relative; height:200px;">
            <canvas id="lmsConvChart"></canvas>
        </div>
    </div>

    <div class="lms-grid lms-g2">
        <div class="lms-card">
            <h2>SLA compliance — owner heat-map</h2>
            <div class="desc">On-time first contact % · BM × recent weeks.</div>
            <div id="lmsHeatmap"></div>
            <div class="lms-note">Green ≥ 90% · red &lt; 40%. SLA = first contact within 5 hrs of creation (SOP §11).</div>
        </div>
        <div class="lms-card">
            <h2>Ageing — stuck open leads</h2>
            <div class="desc">Open leads untouched &gt; 7 days, by stage · click to list.</div>
            <div id="lmsAgeing"></div>
        </div>
    </div>

    <div class="lms-grid lms-g2">
        <!-- Report suite (SOP §18.2) with honest coverage badges -->
        <div class="lms-card">
            <h2>Standard dashboards (SOP §18.2)</h2>
            <div class="desc">What ships from the lead record today vs what needs its source system.</div>
            <div class="report" data-report="state"><span class="r-ico">📈</span>
                <div><div class="r-name">State Funnel <span class="r-badge live">Live</span></div>
                    <div class="r-desc">New → onboarded by region, conversion, SLA%.</div></div></div>
            <div class="report" data-report="sla"><span class="r-ico">⚖️</span>
                <div><div class="r-name">SLA Compliance <span class="r-badge live">Live</span></div>
                    <div class="r-desc">% first-contact within SLA, owner heat-map.</div></div></div>
            <div class="report" data-report="ageing"><span class="r-ico">⏳</span>
                <div><div class="r-name">Ageing <span class="r-badge live">Live</span></div>
                    <div class="r-desc">Stuck by stage, days since last action.</div></div></div>
            <div class="report" data-report="mgmt"><span class="r-ico">👑</span>
                <div><div class="r-name">Management Roll-up <span class="r-badge live">Live</span></div>
                    <div class="r-desc">Cross-region leads, onboardings, value.</div></div></div>
            <div class="report" data-report="bgc"><span class="r-ico">📊</span>
                <div><div class="r-name">BGC Daily <span class="r-badge partial">Partial</span></div>
                    <div class="r-desc">Created + dispositions real; call volume is a proxy — no telephony yet.</div></div></div>
            <div class="report" data-report="audit"><span class="r-ico">🧪</span>
                <div><div class="r-name">Audit Hygiene <span class="r-badge partial">Partial</span></div>
                    <div class="r-desc">Missing dispositions / HOLD shown; DND &amp; recording flags pending source.</div></div></div>
            <div class="report" data-report="rbm"><span class="r-ico">🔄</span>
                <div><div class="r-name">RBM Servicing <span class="r-badge soon">Pending data</span></div>
                    <div class="r-desc">Repeat-order / complaint / TAT need order + ticket data.</div></div></div>
        </div>

        <!-- What to fix -->
        <div class="lms-card">
            <h2>What to fix</h2>
            <div class="desc">Where the funnel is leaking most.</div>
            <div class="callout">
                <div class="c-head">Regions with low conversion</div>
                <div class="c-desc">Rows flagged red in the state funnel are converting under 20%.</div>
                <div class="c-act">→ Open the region row to review its stuck leads.</div>
            </div>
            <div class="callout" style="border-left-color:var(--warn);">
                <div class="c-head">SLA slipping</div>
                <div class="c-desc">Amber heat-map cells / rows sit below 60% on-time first contact.</div>
                <div class="c-act">→ Chase the owner's breached-no-contact queue in Command Center.</div>
            </div>
            <div class="callout" style="border-left-color:var(--navy);">
                <div class="c-head">Ageing backlog</div>
                <div class="c-desc">Open leads untouched &gt; 7 days lose revival odds fast.</div>
                <div class="c-act">→ Click an ageing stage to work the oldest first.</div>
            </div>
        </div>
    </div>

</section>

<script>
    (function () {
        var summary = $summaryJson;
        var stateFunnel = $stateFunnelJson;
        var slaHeatmap = $slaHeatmapJson;
        var ageing = $ageingJson;
        if (window.LmsDash) {
            window.LmsDash.initDashboards({
                summary: summary,
                stateFunnel: stateFunnel,
                slaHeatmap: slaHeatmap,
                ageing: ageing,
                regionId: $('#lmsFilterRegion').val() || '',
                from: '$!fromDate',
                to: '$!toDate'
            });
        }
    })();
</script>