@extends('indexlayout')

@section('title', 'titik')
@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">Jumlah Saringan</li>
                <li class="breadcrumb-item active">Jumlah Titik Penanganan</li>
                <li class="breadcrumb-item active">Tahun 2024</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-titik" class="table table-bordered table-hover table-striped w-100">
                                    <thead>
                                        <tr>
                                            <th>No</th>
                                            <th>Kota</th>
                                            <th>Kecamatan</th>
                                            <th>Jumlah Badan Air</th>
                                            <th>Panjang Trase (m)</th>
                                            <th>Jumlah Titik Penanganan</th>
                                            <th>Jumlah Saringan</th>
                                            <th>Jumlah Sekatan</th>
                                            <th>Jumlah Sisiran</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td>Jakarta Pusat</td>
                                            <td>Cempaka Putih</td>
                                            <td>2</td>
                                            <td>425,519</td>
                                            <td>17</td>
                                            <td>0</td>
                                            <td>7</td>
                                            <td>10</td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>Jakarta Pusat</td>
                                            <td>Gambir</td>
                                            <td>6</td>
                                            <td>1,440,525</td>
                                            <td>32</td>
                                            <td>0</td>
                                            <td>10</td>
                                            <td>22</td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>Jakarta Pusat</td>
                                            <td>Johar Baru</td>
                                            <td>2</td>
                                            <td>140,514</td>
                                            <td>13</td>
                                            <td>0</td>
                                            <td>12</td>
                                            <td>7</td>
                                        </tr>
                                        <tr>
                                            <td>4</td>
                                            <td>Jakarta Pusat</td>
                                            <td>Kemayoran</td>
                                            <td>4</td>
                                            <td>899,580</td>
                                            <td>18</td>
                                            <td>1</td>
                                            <td>10</td>
                                            <td>11</td>
                                        </tr>
                                        <tr>
                                            <td>5</td>
                                            <td>Jakarta Pusat</td>
                                            <td>Menteng</td>
                                            <td>4</td>
                                            <td>1,119,748</td>
                                            <td>15</td>
                                            <td>1</td>
                                            <td>3</td>
                                            <td>11</td>
                                        </tr>
                                        <tr>
                                            <td>6</td>
                                            <td>Jakarta Pusat</td>
                                            <td>Sawah Besar</td>
                                            <td>2</td>
                                            <td>893,296</td>
                                            <td>19</td>
                                            <td>0</td>
                                            <td>10</td>
                                            <td>9</td>
                                        </tr>
                                        <tr>
                                            <td>7</td>
                                            <td>Jakarta Pusat</td>
                                            <td>Senen</td>
                                            <td>2</td>
                                            <td>475,310</td>
                                            <td>17</td>
                                            <td>0</td>
                                            <td>6</td>
                                            <td>11</td>
                                        </tr>
                                        <tr>
                                            <td>8</td>
                                            <td>Jakarta Pusat</td>
                                            <td>Tanah Abang</td>
                                            <td>3</td>
                                            <td>1,231,018</td>
                                            <td>25</td>
                                            <td>0</td>
                                            <td>6</td>
                                            <td>20</td>
                                        </tr>
                                        <tr>
                                            <td>9</td>
                                            <td>Jakarta Utara</td>
                                            <td>Cilincing</td>
                                            <td>10</td>
                                            <td>6,613,092</td>
                                            <td>82</td>
                                            <td>0</td>
                                            <td>8</td>
                                            <td>74</td>
                                        </tr>
                                        <tr>
                                            <td>10</td>
                                            <td>Jakarta Utara</td>
                                            <td>Kelapa Gading</td>
                                            <td>4</td>
                                            <td>4,825,433</td>
                                            <td>48</td>
                                            <td>2</td>
                                            <td>7</td>
                                            <td>39</td>
                                        </tr>
                                        <tr>
                                            <td>11</td>
                                            <td>Jakarta Utara</td>
                                            <td>Koja</td>
                                            <td>7</td>
                                            <td>1,335,237</td>
                                            <td>45</td>
                                            <td>4</td>
                                            <td>11</td>
                                            <td>30</td>
                                        </tr>
                                        <tr>
                                            <td>12</td>
                                            <td>Jakarta Utara</td>
                                            <td>Pademangan</td>
                                            <td>9</td>
                                            <td>2,363,613</td>
                                            <td>90</td>
                                            <td>0</td>
                                            <td>20</td>
                                            <td>70</td>
                                        </tr>
                                        <tr>
                                            <td>13</td>
                                            <td>Jakarta Utara</td>
                                            <td>Penjaringan</td>
                                            <td>7</td>
                                            <td>6,337,806</td>
                                            <td>89</td>
                                            <td>3</td>
                                            <td>18</td>
                                            <td>68</td>
                                        </tr>
                                        <tr>
                                            <td>14</td>
                                            <td>Jakarta Utara</td>
                                            <td>Tanjung Priok</td>
                                            <td>6</td>
                                            <td>4,305,687</td>
                                            <td>64</td>
                                            <td>3</td>
                                            <td>11</td>
                                            <td>50</td>
                                        </tr>
                                        <tr>
                                            <td>15</td>
                                            <td>Jakarta Barat</td>
                                            <td>Cengkareng</td>
                                            <td>10</td>
                                            <td>2,771,750</td>
                                            <td>87</td>
                                            <td>0</td>
                                            <td>12</td>
                                            <td>75</td>
                                        </tr>
                                        <tr>
                                            <td>16</td>
                                            <td>Jakarta Barat</td>
                                            <td>Grogol Petamburan</td>
                                            <td>7</td>
                                            <td>1,593,487</td>
                                            <td>76</td>
                                            <td>2</td>
                                            <td>14</td>
                                            <td>60</td>
                                        </tr>
                                        <tr>
                                            <td>17</td>
                                            <td>Jakarta Barat</td>
                                            <td>Kalideres</td>
                                            <td>9</td>
                                            <td>5,019,205</td>
                                            <td>96</td>
                                            <td>1</td>
                                            <td>25</td>
                                            <td>70</td>
                                        </tr>
                                        <tr>
                                            <td>18</td>
                                            <td>Jakarta Barat</td>
                                            <td>Kebon Jeruk</td>
                                            <td>5</td>
                                            <td>2,208,355</td>
                                            <td>59</td>
                                            <td>0</td>
                                            <td>7</td>
                                            <td>52</td>
                                        </tr>
                                        <tr>
                                            <td>19</td>
                                            <td>Jakarta Barat</td>
                                            <td>Kembangan</td>
                                            <td>8</td>
                                            <td>3,272,219</td>
                                            <td>73</td>
                                            <td>1</td>
                                            <td>11</td>
                                            <td>61</td>
                                        </tr>
                                        <tr>
                                            <td>20</td>
                                            <td>Jakarta Barat</td>
                                            <td>Palmerah</td>
                                            <td>4</td>
                                            <td>631,915</td>
                                            <td>42</td>
                                            <td>2</td>
                                            <td>6</td>
                                            <td>34</td>
                                        </tr>
                                        <tr>
                                            <td>21</td>
                                            <td>Jakarta Barat</td>
                                            <td>Taman Sari</td>
                                            <td>7</td>
                                            <td>1,129,377</td>
                                            <td>64</td>
                                            <td>0</td>
                                            <td>12</td>
                                            <td>52</td>
                                        </tr>
                                        <tr>
                                            <td>22</td>
                                            <td>Jakarta Barat</td>
                                            <td>Tambora</td>
                                            <td>8</td>
                                            <td>1,253,780</td>
                                            <td>48</td>
                                            <td>0</td>
                                            <td>14</td>
                                            <td>34</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/upsba/titik.js') }}"></script>
@endpush
