dashboard/resources/views/sadmin/upsba/alatberat.blade.php

332 lines
17 KiB
PHP

@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">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-xl-12">
<div id="panel-1" class="panel">
<div class="panel-container show">
<div class="panel-content">
<!-- datatable start -->
<table id="dt-basic-upsba" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr>
<th>No</th>
<th>Nama Aset</th>
<th>Jakarta Pusat</th>
<th>Jakarta Utara</th>
<th>Jakarta Barat</th>
<th>Jakarta Selatan</th>
<th>Jakarta Timur</th>
<th>Jumlah</th>
<th>Aktif SARPRAS</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Excavator Amphibious Besar Long Arm</td>
<td>-</td>
<td>2</td>
<td>-</td>
<td>2</td>
<td>9</td>
<td>13</td>
<td>13</td>
</tr>
<tr>
<td>2</td>
<td>Excavator Amphibious Besar</td>
<td>-</td>
<td>4</td>
<td>3</td>
<td>1</td>
<td>1</td>
<td>9</td>
<td>9</td>
</tr>
<tr>
<td>3</td>
<td>Excavator Amphibious Sedang</td>
<td>-</td>
<td>2</td>
<td>3</td>
<td>3</td>
<td>2</td>
<td>8</td>
<td>8</td>
</tr>
<tr>
<td>4</td>
<td>Excavator Amphibious Kecil</td>
<td>-</td>
<td>4</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>5</td>
<td>Excavator Amphibious Mini</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>6</td>
<td>5</td>
<td>11</td>
<td>14</td>
</tr>
<tr>
<td>6</td>
<td>Excavator Amphibious Multifungsi</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>7</td>
<td>Excavator Standar Besar</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>2</td>
<td></td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>8</td>
<td>Excavator Standar 20 Ton</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>0</td>
<td>1</td>
</tr>
<tr>
<td>9</td>
<td>Excavator Long Arm</td>
<td>-</td>
<td>-</td>
<td>2</td>
<td></td>
<td>1</td>
<td>3</td>
<td>6</td>
</tr>
<tr>
<td>10</td>
<td>Excavator Long Arm 20 Ton</td>
<td>-</td>
<td>1</td>
<td>2</td>
<td>-</td>
<td>-</td>
<td>7</td>
<td>6</td>
</tr>
<tr>
<td>11</td>
<td>Excavator Amphibious Long Arm</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>12</td>
<td>Excavator Amphibious</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>2</td>
<td>-</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>13</td>
<td>Excavator Amphibious</td>
<td>-</td>
<td>4</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>4</td>
<td>4</td>
</tr>
<tr>
<td>14</td>
<td>Weed Harvester</td>
<td>-</td>
<td>1</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>15</td>
<td>Spider Excavator</td>
<td>-</td>
<td>1</td>
<td>4</td>
<td>4</td>
<td>3</td>
<td>12</td>
<td>12</td>
</tr>
<tr>
<td>16</td>
<td>Wheel Loader</td>
<td>-</td>
<td>1</td>
<td>-</td>
<td>1</td>
<td>-</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>17</td>
<td>Handler Crane</td>
<td>1</td>
<td>-</td>
<td>-</td>
<td>1</td>
<td>-</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>18</td>
<td>Crane</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>3</td>
</tr>
<tr>
<td>19</td>
<td>Tug Boat</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>1</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>20</td>
<td>Cargo Handler</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>1</td>
<td>-</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>21</td>
<td>Berky</td>
<td>-</td>
<td>3</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>22</td>
<td>Weed Harvester Multifungsi</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>23</td>
<td>KM Transformer</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
<!-- Tambahkan baris tambahan sesuai tabel di gambar -->
</tbody>
<tfooter>
<tr>
<td colspan="2" class="bg-warning">JUMLAH</td>
<td class="bg-warning">4</td>
<td class="bg-warning">22</td>
<td class="bg-warning">15</td>
<td class="bg-warning">26</td>
<td class="bg-warning">28</td>
<td class="bg-warning">95</td>
<td class="bg-warning">104</td>
</tr>
</tfooter>
</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/upsba.js') }}"></script>
@endpush