@extends('layouts.app')
@section('pageTitle', 'Statistik')
@section('content')


    <!-- Page header -->
    <div class="page-header page-header-default">
        <div class="page-header-content">
            <div class="page-title">
                <h4><span class="text-semibold">Statistik - Detail</span></h4>
            </div>
            <div class="heading-elements" style="border:0px solid black; width:350px;">
              <div class="col-md-12">
                <div class="row">
                  <label class="control-label col-md-4" style="margin-top:10px;">Unit Usaha</label>
                  <div class="col-md-8" style="float:right;">
                    <select name="unit_id" id="unit_id" class="form-control select-2">
                      <option value="">- Pilih Unit Usaha</option>
                                          </select>
                  </div>
                </div>
              </div>
            </div>
        </div>
    </div>

    <div class="content">
      <!-- Simple lists -->
      <div class="row">
        <div class="col-md-12">
          <!-- Simple list -->
          <div class="col-md-6">
              <div class="panel panel-flat">
                <div class="panel-heading">
                  <h6 class="panel-title text-semibold">Biaya Operasional</h6>
                  <div class="heading-elements"></div>
                </div>
                <div class="panel-body">
                  <div class="chart-container">
                    <div class="chart" id="line-chart"></div>
                  </div>
                </div>
              </div>
          </div>

          <div class="col-md-6">
              <div class="panel panel-flat">
                <div class="panel-heading">
                  <h6 class="panel-title text-semibold">Total Cash</h6>
                  <div class="heading-elements"></div>
                </div>
                <div class="panel-body">
                  <div class="chart-container">
                    <div class="chart" id="line-chart2"></div>
                  </div>
                </div>
              </div>
          </div>


        </div>
      </div>
      <!-- /simple lists -->

      <div class="row">
        <div class="col-md-12">
          <!-- Simple list -->
          <div class="col-md-6">
              <div class="panel panel-flat">
                <div class="panel-heading">
                  <h6 class="panel-title text-semibold">Penjualan</h6>
                  <div class="heading-elements"></div>
                </div>
                <div class="panel-body">
                  <div class="chart-container">
                    <div class="chart" id="line-chart3"></div>
                  </div>
                </div>
              </div>
          </div>

          <div class="col-md-6">
              <div class="panel panel-flat">
                <div class="panel-heading">
                  <h6 class="panel-title text-semibold">Pembelian</h6>
                  <div class="heading-elements"></div>
                </div>
                <div class="panel-body">
                  <div class="chart-container">
                    <div class="chart" id="line-chart4"></div>
                  </div>
                </div>
              </div>
          </div>


        </div>
      </div>
    </div>
    <!-- /page header -->
@endsection
@section('custom_js')
<script type="text/javascript" src="{{URL::asset('js/plugins/visualization/c3/c3.min.js')}}"></script>
<script type="text/javascript" src="{{URL::asset('js/charts/c3/c3_lines_areas.js')}}"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".select-2").select2();
;
});
</script>
<script type="text/javascript">
/* ------------------------------------------------------------------------------
 *
 *  # C3.js - lines and areas
 *
 *  Demo setup of line, step and area charts
 *
 *  Version: 1.0
 *  Latest update: August 1, 2015
 *
 * ---------------------------------------------------------------------------- */

$(function () {


    $('#unit_id').change(function(){
      console.log('a');
        var id = $(this).val();
        $.ajax({
            url:"