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>