@extends('indexlayout')

@section('title', 'Dinas')
@push('style')
@endpush
@section('content')
    <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">Jumalh PNS</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-5">
                <div id="panel-6" class="panel">
                    <div class="panel-hdr">
                        <h2>
                            Chart PNS
                        </h2>
                    </div>
                    <div class="panel-container show">
                        <div id="chartpegawai2">
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-7">
                <div id="panel-1" class="panel">
                    <div class="panel-hdr p-0 mb-1 m-3">
                        <h2>
                            Data Pegawai PNS
                        </h2>
                    </div>
                    <div class="panel-container show">
                        <div class="panel-content table">

                            <!-- datatable start -->
                            <table id="dt-pns2" class="table table-bordered table-hover table-striped w-100">
                                <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>Unit Kerja</th>
                                        <th>Laki-Laki</th>
                                        <th>Perempuan</th>
                                        <th>Total</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>Dinas Lingkungan Hidup</td>
                                        <td>66</td>
                                        <td>73</td>
                                        <td>139</td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>Suku Dinas Lingkungan Hidup Kota Adminstrasi Jakarta Pusat</td>
                                        <td>44</td>
                                        <td>6</td>
                                        <td>50</td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td>Suku Dinas Lingkungan Hidup Kota Adminstrasi Jakarta Utara</td>
                                        <td>37</td>
                                        <td>10</td>
                                        <td>47</td>
                                    </tr>
                                    <tr>
                                        <td>4</td>
                                        <td>Suku Dinas Lingkungan Hidup Kota Adminstrasi Jakarta Barat</td>
                                        <td>46</td>
                                        <td>8</td>
                                        <td>54</td>
                                    </tr>
                                    <tr>
                                        <td>5</td>
                                        <td>Suku Dinas Lingkungan Hidup Kota Adminstrasi Jakarta Selatan</td>
                                        <td>44</td>
                                        <td>16</td>
                                        <td>60</td>
                                    </tr>
                                    <tr>
                                        <td>6</td>
                                        <td>Suku Dinas Lingkungan Hidup Kota Adminstrasi Jakarta Timur</td>
                                        <td>51</td>
                                        <td>12</td>
                                        <td>63</td>
                                    </tr>
                                    <tr>
                                        <td>7</td>
                                        <td>
                                            Suku Dinas Lingkungan Hidup Kabupaten Adminstrasi Kepulauan Seribu
                                        </td>
                                        <td>17</td>
                                        <td>3</td>
                                        <td>20</td>
                                    </tr>
                                    <tr>
                                        <td>8</td>
                                        <td>Laboratorium Lingkungan Hidup Daerah</td>
                                        <td>15</td>
                                        <td>13</td>
                                        <td>28</td>
                                    </tr>
                                    <tr>
                                        <td>9</td>
                                        <td>Unit Penanganan Sampah Badan Air</td>
                                        <td>35</td>
                                        <td>3</td>
                                        <td>38</td>
                                    </tr>
                                    <tr>
                                        <td>10</td>
                                        <td>Unit Pengelola Sampah Terpadu</td>
                                        <td>21</td>
                                        <td>6</td>
                                        <td>27</td>
                                    </tr>
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <th>Jumlah</th>
                                        <th></th>
                                        <th>376</th>
                                        <th>150</th>
                                        <th>526</th>
                                    </tr>
                                </tfoot>
                            </table>
                            <!-- datatable end -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

@endsection

@push('script')
    <script src="{{ asset('layout/dist/js/datagrid/datatables/datatables.bundle.js') }}"></script>
    {{-- <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> --}}
    <script src="{{ asset('layout/dist/js/linechart.js') }}"></script>
    <script src="{{ asset('layout/dist/js/pegawai.js') }}"></script>
    <script src="{{ asset('layout/dist/js/detailpegawai.js') }}"></script>
@endpush
