@extends('indexlayout')

@section('title', 'kolaborator')
@push('style')
@endpush
@section('content')
    <div class="row">
        <main id="js-page-content" role="main" class="page-content">
            <ol class="breadcrumb page-breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0);">Pendukung</a></li>
                <li class="breadcrumb-item active">Kolaborator</li>
                {{-- <li class="breadcrumb-item active">UPSBA</li>
                <li class="breadcrumb-item active">Alat Berat</li> --}}
                <li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
            </ol>

            <div class="row">
                <div class="col-lg-12">
                    <div id="panel-1" class="panel">
                        <div class="panel-hdr">
                            <h2>
                                Tonase BG : Tahunan
                            </h2>
                        </div>
                        <div class="panel-container show" style="padding: 40px 0px 250px">
                            <div id="chartbg">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

    </div>
    </main>

@endsection

@push('script')
    <!-- The order of scripts is irrelevant. Please check out the plugin pages for more details about these plugins below: -->
    <script src="{{ asset('layout/dist/js/statistics/peity/peity.bundle.js') }}"></script>
    <script src="{{ asset('layout/dist/js/statistics/flot/flot.bundle.js') }}"></script>
    <script src="{{ asset('layout/dist/js/statistics/easypiechart/easypiechart.bundle.js') }}"></script>
    <script src="{{ asset('layout/dist/js/datagrid/datatables/datatables.bundle.js') }}"></script>
    {{-- <script src="{{  asset('layout/dist/js/statistics/chartjs/chartjs.bundle.js') }}"></script> --}}
    {{-- <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> --}}
    <script src="{{ asset('layout/dist/js/alatberat.js') }}"></script>
    <script src="{{ asset('layout/dist/js/tonasebg.js') }}"></script>
@endpush