@layout('admin/master')
@section('content')
    @section('stylesheets')
      {{ style('admin/assets/lib/vectormap/jquery-jvectormap-2.0.2.css') }}
      {{ style('admin/assets/lib/chart-c3/c3.min.css') }}
      {{ style('admin/assets/lib/chartjs/chartjs-sass-default.css') }}
    @endsection
    <section class="main-content">
        <div class="row">
            <div class="col-md-3">
                <div class="widget bg-light padding-0">
                    <div class="row row-table">
                        <div class="col-xs-4 text-center padding-15 bg-primary">
                            <em class="icon-user fa-3x"></em>
                        </div>
                        <div class="col-xs-8 padding-15 text-right">
                            <h2 class="mv-0">{{ userCount }}</h2>
                            <div class="margin-b-0 text-muted">Users</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
          <div class="col-md-12">
              <div class="card">
                  <div class="card-header card-default">
                      Users
                  </div>
                  <div class="card-body">
                      <canvas id="myChart" ></canvas>
                  </div>
              </div>
          </div>
      </div>
        @include('admin.footer')
    </section>
    @section('scripts')
      {{ script('https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js') }}
      <script>
        console.log(JSON.parse('{{{  userChartData.labels }}}'));
        new Chart("myChart", {
          type: "line",
          data: {
            labels: JSON.parse('{{{  userChartData.labels }}}'),
            datasets: [{
              data: JSON.parse('{{{  userChartData.data }}}'),
              borderColor: "blue",
              fill: false
            }]
          },
          options: {
            legend: {display: false}
          }
        });
        </script>
    @endsection
@endsection