Subversion Repositories SmartDukaan

##  LMS Command Center — operational landing (SOP §18). Loaded into #main-content by the sidebar.
##  Model: regions[], summaryJson (KPIs+funnel+attention), fromDate, toDate.
##  All 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 Command Center</li>
    </ol>

    <div class="lms-head">
        <div>
            <div class="lms-crumb">Sales · Lead pipeline</div>
            <h1>Command Center</h1>
            <div class="lms-sub">First-contact SLA is 3–5 hrs. Everything below drills into the underlying leads.</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>

    <!-- KPI tiles -->
    <div class="lms-kpis" id="lmsKpis"></div>

    <!-- Lifecycle funnel -->
    <div class="lms-card">
        <h2>Lifecycle funnel</h2>
        <div class="desc">Leads that reached at least each stage (New → Active). Click a bar to list them.</div>
        <div style="position:relative; height:230px;">
            <canvas id="lmsFunnelChart"></canvas>
        </div>
    </div>

    <!-- Pipeline + attention -->
    <div class="lms-grid lms-g3">
        <div class="lms-card">
            <h2>Lead pipeline</h2>
            <div class="desc">Most recent leads in scope · click a row to open its record.</div>
            <div id="lmsPipeline"><div class="lms-ph">Loading pipeline…</div></div>
        </div>
        <div class="lms-card">
            <h2>Needs attention now</h2>
            <div class="desc">Actionable queues · click to work them.</div>
            <div id="lmsAttention"></div>
        </div>
    </div>

</section>

<script>
    (function () {
        var seed = $summaryJson;
        if (window.LmsDash) {
            window.LmsDash.initCommandCenter({
                summary: seed,
                regionId: $('#lmsFilterRegion').val() || '',
                from: '$!fromDate',
                to: '$!toDate'
            });
        }
    })();
</script>