Anons79 Mini Shell

@extends('layouts.app')


@push('scripts')
  <script src="assets/vendor/flot/jquery.flot.js"></script>
  <script src="assets/vendor/flot-tooltip/jquery.flot.tooltip.js"></script>
  <script src="assets/vendor/flot/jquery.flot.pie.js"></script>
  <script src="assets/vendor/flot/jquery.flot.categories.js"></script>
  <script src="assets/vendor/flot/jquery.flot.resize.js"></script>

  <script>
    var flotDashBasicData = [{
              data: {!! json_encode($activityChart['data']) !!},
              label: "Aktifitas",
              color: "#0088cc"
            }, {
              data: {!! json_encode($pengaduanChart['data']) !!},
              label: "Pengaduan",
              color: "#2baab1"
            }, {
              data: {!! json_encode($perusahaanChart['data']) !!},
              label: "Perushaan",
              color: "#734ba9"
            }];
    var flotDashBasic = $.plot('#flotDashBasic', flotDashBasicData, {
      series: {
        lines: {
          show: true,
          fill: true,
          lineWidth: 1,
          fillColor: {
            colors: [{
              opacity: 0.45
            }, {
              opacity: 0.45
            }]
          }
        },
        points: {
          show: true
        },
        shadowSize: 0
      },
      grid: {
        hoverable: true,
        clickable: true,
        borderColor: 'rgba(0,0,0,0.1)',
        borderWidth: 1,
        labelMargin: 15,
        backgroundColor: 'transparent'
      },
      yaxis: {
        min: 0,
        color: 'rgba(0,0,0,0.1)'
      },
      xaxis: {
        mode: 'categories',
        color: 'rgba(0,0,0,0)'
      },
      tooltip: true,
      tooltipOpts: {
        content: '%x: %y',
        shifts: {
          x: -30,
          y: 25
        },
        defaultTheme: false
      }
    });
    
  </script>
@endpush

@section('content')
  
  <div class="row">
    <div class="col-md-12 col-lg-6 col-xl-6">
      <section class="panel panel-featured-left panel-featured-primary">
        <div class="panel-body">
          <div class="widget-summary">
            <div class="widget-summary-col widget-summary-col-icon">
              <div class="summary-icon bg-primary">
                <i class="fa fa-life-ring"></i>
              </div>
            </div>
            <div class="widget-summary-col">
              <div class="summary">
                <h4 class="title">Data Masyarakat</h4>
                <div class="info">
                  <strong class="amount">{{ $jumlahMasyarakat }}</strong>
                  
                </div>
              </div>
              <div class="summary-footer">
                <a class="text-muted text-uppercase">(view all)</a>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
    <div class="col-md-12 col-lg-6 col-xl-6">
      <section class="panel panel-featured-left panel-featured-secondary">
        <div class="panel-body">
          <div class="widget-summary">
            <div class="widget-summary-col widget-summary-col-icon">
              <div class="summary-icon bg-secondary">
                <i class="fa fa-building"></i>
              </div>
            </div>
            <div class="widget-summary-col">
              <div class="summary">
                <h4 class="title">Data Perusahaan</h4>
                <div class="info">
                  <strong class="amount">{{ $jumlahPerusahaan }}</strong>
                </div>
              </div>
              <div class="summary-footer">
                <a class="text-muted text-uppercase">(withdraw)</a>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
    <div class="col-md-12 col-lg-6 col-xl-6">
      <section class="panel panel-featured-left panel-featured-tertiary">
        <div class="panel-body">
          <div class="widget-summary">
            <div class="widget-summary-col widget-summary-col-icon">
              <div class="summary-icon bg-tertiary">
                <i class="fa fa-cube"></i>
              </div>
            </div>
            <div class="widget-summary-col">
              <div class="summary">
                <h4 class="title">Laporan RKL-RPL</h4>
                <div class="info">
                  <strong class="amount">{{ $jumlahRkl }}</strong>
                </div>
              </div>
              <div class="summary-footer">
                <a class="text-muted text-uppercase">(statement)</a>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
    <div class="col-md-12 col-lg-6 col-xl-6">
      <section class="panel panel-featured-left panel-featured-quartenary">
        <div class="panel-body">
          <div class="widget-summary">
            <div class="widget-summary-col widget-summary-col-icon">
              <div class="summary-icon bg-quartenary">
                <i class="fa fa-user"></i>
              </div>
            </div>
            <div class="widget-summary-col">
              <div class="summary">
                <h4 class="title">Pengaduan Masyarakat</h4>
                <div class="info">
                  <strong class="amount">{{ $jumlahPengaduan }}</strong>
                </div>
              </div>
              <div class="summary-footer">
                <a class="text-muted text-uppercase">(report)</a>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  </div>

  <div class="row">
    <div class="col-md-12">
      <section class="panel">
        <header class="panel-heading">
          <div class="panel-actions">
            <a href="#" class="fa fa-caret-down"></a>
            <a href="#" class="fa fa-times"></a>
          </div>

          <h2 class="panel-title">Best Seller</h2>
          <p class="panel-subtitle">Customize the graphs as much as you want, there are so many options and features to display information using JSOFT Admin Template.</p>
        </header>
        <div class="panel-body">

          <!-- Flot: Basic -->
          <div class="chart chart-md" id="flotDashBasic"></div>
  

        </div>
      </section>
    </div>
  </div>
 

@endsection