@extends('indexlayout')

@section('title', 'alatberat')
@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);">Sarana & Prasarana</a></li>
                <li class="breadcrumb-item active">KDO</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-xl-12">
                    <div id="panel-1" class="panel">

                        <div class="panel-container show">

                            <div class="panel-content">
                                <div class="col-xl-4" style="padding-block-end: 20px">
                                    <div class="demo" style="float:right; Padding:20px 0 0 0">
                                        <a href="{{ route('sadmin.upsba.alatberat') }}"><button
                                                type="button"class="btn btn-primary">Alat Berat UPS BA</button></a>
                                    </div>

                                </div>
                                <!-- datatable start -->
                                <table id="dt-basic-ab" class="table table-bordered table-hover table-striped w-100">
                                    <thead>
                                        <tr>
                                            <th>No</th>
                                            <th>Nama Alat</th>
                                            <th>Jumlah</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td>Excavator</td>
                                            <td>270</td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>Truck</td>
                                            <td>1.774</td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>Arm Roll</td>
                                            <td>319</td>
                                        </tr>
                                        <tr>
                                            <td>4</td>
                                            <td>Bus Toilet</td>
                                            <td>319</td>
                                        </tr>
                                        <tr>
                                            <td>5</td>
                                            <td>Compactor</td>
                                            <td>296</td>
                                        </tr>
                                        <tr>
                                            <td>6</td>
                                            <td>Grobak Motor</td>
                                            <td>358</td>
                                        </tr>
                                        <tr>
                                            <td>7</td>
                                            <td>Kendaraan Limbah B3</td>
                                            <td>5</td>
                                        </tr>
                                        <tr>
                                            <td>8</td>
                                            <td>Truck Dump</td>
                                            <td>1.119</td>
                                        </tr>
                                        <tr>
                                            <td>9</td>
                                            <td>Mini Dump</td>
                                            <td>35</td>
                                        </tr>
                                        <tr>
                                            <td>10</td>
                                            <td>Road Sweeper</td>
                                            <td>111</td>
                                        </tr>
                                        <tr>
                                            <td>11</td>
                                            <td>Tronton</td>
                                            <td>35</td>
                                        </tr>
                                        <tr>
                                            <td>12</td>
                                            <td>Bulldozer</td>
                                            <td>23</td>
                                        </tr>
                                        <tr>
                                            <td>13</td>
                                            <td>Forklift</td>
                                            <td>1</td>
                                        </tr>
                                        <tr>
                                            <td>14</td>
                                            <td>Kapal Angkut</td>
                                            <td>5</td>
                                        </tr>
                                        <tr>
                                            <td>15</td>
                                            <td>KM Transformer</td>
                                            <td>2</td>
                                        </tr>
                                        <tr>
                                            <td>16</td>
                                            <td>Self Loader</td>
                                            <td>2</td>
                                        </tr>
                                        <tr>
                                            <td>17</td>
                                            <td>Sovel Loader</td>
                                            <td>10</td>
                                        </tr>
                                        <tr>
                                            <td>18</td>
                                            <td>Truck Crane</td>
                                            <td>1</td>
                                        </tr>
                                        <tr>
                                            <td>19</td>
                                            <td>Berky</td>
                                            <td>3</td>
                                        </tr>
                                        <tr>
                                            <td>20</td>
                                            <td>Cargo Heandler</td>
                                            <td>3</td>
                                        </tr>
                                        <tr>
                                            <td>21</td>
                                            <td>Crane</td>
                                            <td>5</td>
                                        </tr>
                                        <tr>
                                            <td>22</td>
                                            <td>Dregder Ponton</td>
                                            <td>9</td>
                                        </tr>
                                        <tr>
                                            <td>23</td>
                                            <td>Hendler Crane</td>
                                            <td>4</td>
                                        </tr>
                                        <tr>
                                            <td>24</td>
                                            <td>Tug Boat</td>
                                            <td>2</td>
                                        </tr>
                                        <tr>
                                            <td>25</td>
                                            <td>Weed Harvester</td>
                                            <td>2</td>
                                        </tr>
                                        <tr>
                                            <td>26</td>
                                            <td>Whell Loader</td>
                                            <td>80</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <!-- datatable end -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </main>
    </div>

@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>
@endpush