@extends('layouts.pg')
@section('content')

    <script src="/js/energy/savings-vs-events-preview.js"></script>

<script>

</script>

    <div role="main" class="content-body mainContent" >
        <header class="page-header">
            <h2>Savings vs Events Preview</h2>
        </header>

        <!-- site list -->
        <div class="row ">
            <div class="col-sm-12 section-title-header">Savings vs Events Preview</div>
            <div class="col-sm-12">
            <span><span class="text-red" style="color:red">*</span>This is a preview ONLY, currently in alpha testing. Expected launch in Feb 2025.<br></span>
            <span>This charts lets you track your savings and graphs them along with other events in your building(s) like action items, energy projects and audits.</span>
            </div>
        </div>
        <section class="panel panel-default">

            <div class="panel-body">
                <div class="row">
                    <div class="col-md-12">
                        <div id="chartdiv" style="height:600px"></div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection