From 7a6f145e9d9c3e7df1f949dfa88cf255768de1d4 Mon Sep 17 00:00:00 2001
From: Ilham Wara Nugroho <ilhamwara@gmail.com>
Date: Mon, 15 Sep 2025 10:21:13 +0700
Subject: [PATCH] update

---
 app/Http/Controllers/FrontController.php | 29 +++++++++++
 resources/views/sekolah.blade.php        | 66 ++++++++++--------------
 routes/web.php                           |  1 +
 3 files changed, 57 insertions(+), 39 deletions(-)

diff --git a/app/Http/Controllers/FrontController.php b/app/Http/Controllers/FrontController.php
index 65d9e78..e12bc9f 100644
--- a/app/Http/Controllers/FrontController.php
+++ b/app/Http/Controllers/FrontController.php
@@ -32,4 +32,33 @@ class FrontController extends Controller
         $data['kegiatan'] = Kegiatan::orderBy('KegiatanId','DESC')->paginate(8);
         return view('galeri',$data);
     }
+    function dataSekolah(){
+        $data = [
+                ['name' => 'SMPN 253','kota' => 'Jakarta Selatan','skor' => '89,86','tahun' => '2024'],
+                ['name' => 'SDI Al Irsyad Islamiyah','kota' => 'Jakarta Pusat','skor' => '89,85','tahun' => '2024'],
+                ['name' => 'SDN Kemanggisan 17','kota' => 'Jakarta Barat','skor' => '89,45','tahun' => ''],
+                ['name' => 'SDN Sukabumi Utara 07','kota' => 'Jakarta Barat','skor' => '89,54','tahun' => ''],
+                ['name' => 'SDS Strada Santo Ignatius','kota' => 'Jakarta Utara','skor' => '89,24','tahun' => ''],
+                ['name' => 'SDN Jatinegara 06 Pagi','kota' => 'Jakarta Timur','skor' => '89,33','tahun' => ''],
+                ['name' => 'SDN Pekayon 03 Pagi','kota' => 'Jakarta Timur','skor' => '89,43','tahun' => ''],
+                ['name' => 'SDN Lubang Buaya 06 Pagi','kota' => 'Jakarta Timur','skor' => '89,71','tahun' => ''],
+            ];
+
+        $_data = [];
+
+        // dd($data);
+        foreach ($data as $key => $row) {
+
+            $_data[] = [
+                'no'       => $key+1,
+                'sekolah'  => @$row['name'],
+                'kota'     => @$row['kota'],
+                'skor'     => @$row['skor'],
+                'tahun'    => @$row['tahun'],
+            ];
+
+        }
+
+        return response()->json($_data);
+    }
 }
diff --git a/resources/views/sekolah.blade.php b/resources/views/sekolah.blade.php
index b32dc9a..68465d4 100644
--- a/resources/views/sekolah.blade.php
+++ b/resources/views/sekolah.blade.php
@@ -1,54 +1,42 @@
 @extends('layouts.app')
 @section('title',@$title) 
+@section('css')
+<link rel="stylesheet" type="text/css" href="{{asset('assets/css/bootstrap-table.min.css')}}">
+@endsection
 @section('content')
 <section id="section4" class="container mx-auto p-12 md:py-12">
     <div class="flex justify-between mb-15">
         <h4 class="text-lg md:text-2xl font-extrabold text-black">Sekolah Adiwiyata</h4>
     </div>
     <div class="w-full">
-        <table id="example" class="table-auto w-full">
-            <thead>
-                <tr class="border text-center border-[#333]">
-                    <th class="bg-success text-white text-center border border-[#eaeaea]">No</th>
-                    <th class="bg-success text-white text-center border border-[#eaeaea]">Sekolah</th>
-                    <th class="bg-success text-white text-center border border-[#eaeaea]">Kota</th>
-                    <th class="bg-success text-white text-center border border-[#eaeaea]">Tahun</th>
-                    <th class="bg-success text-white text-center border border-[#eaeaea]">Skor</th>
-                </tr>
-            </thead>
-            <tbody>
-            <?php
-            $data = [
-                ['name' => 'SMPN 253','kota' => 'Jakarta Selatan','skor' => '89,86','tahun' => '2024'],
-                ['name' => 'SDI Al Irsyad Islamiyah','kota' => 'Jakarta Pusat','skor' => '89,85','tahun' => '2024'],
-                ['name' => 'SDN Kemanggisan 17','kota' => 'Jakarta Barat','skor' => '89,45','tahun' => ''],
-                ['name' => 'SDN Sukabumi Utara 07','kota' => 'Jakarta Barat','skor' => '89,54','tahun' => ''],
-                ['name' => 'SDS Strada Santo Ignatius','kota' => 'Jakarta Utara','skor' => '89,24','tahun' => ''],
-                ['name' => 'SDN Jatinegara 06 Pagi','kota' => 'Jakarta Timur','skor' => '89,33','tahun' => ''],
-                ['name' => 'SDN Pekayon 03 Pagi','kota' => 'Jakarta Timur','skor' => '89,43','tahun' => ''],
-                ['name' => 'SDN Lubang Buaya 06 Pagi','kota' => 'Jakarta Timur','skor' => '89,71','tahun' => ''],
-            ];
-            ?>
-            @foreach($data as $k => $val)
-            <tr class="border">
-                <td class="bg-white border border-[#eaeaea] text-center">{{ $k+1 }}</td>                    
-                <td class="bg-white border border-[#eaeaea] text-center">{{ $val['name'] }}</td>
-                <td class="bg-white border border-[#eaeaea] text-center">{{ $val['kota'] }}</td>
-                <td class="bg-white border border-[#eaeaea] text-center">{{ $val['tahun'] }}</td>
-                <td class="bg-white border border-[#eaeaea] text-center">{{ $val['skor'] }}</td>
+        <table class="table" 
+        data-search="false"
+        data-toggle="table"
+        data-pagination="true"
+        data-toolbar="#toolbar"
+        data-show-refresh="false"
+        data-url="{{url('data/sekolah')}}"
+        data-ajax-options='{"xhrFields": {"withCredentials": true}}'
+        data-sort-name="ids"
+        data-sort-order="desc"
+        data-page-size="10"
+        data-id-field="id"
+        id="grid-data">
+            <thead class="bg-success text-white text-center border border-[#eaeaea] px-3 py-4">
+            <tr>
+                <th class="text-center border border-[#eaeaea] px-3 py-4" data-field="no">No</th>
+                <th class="border border-[#eaeaea] px-3 py-4" data-field="sekolah">Sekolah</th>
+                <th class="border border-[#eaeaea] px-3 py-4" data-field="kota">Kota</th>
+                <th class="border border-[#eaeaea] px-3 py-4" data-field="tahun">Tahun</th>
+                <th class="border border-[#eaeaea] px-3 py-4" data-field="skor">Skor</th>
             </tr>
-            @endforeach
-            </tbody>
-            
+            </thead>
+            <tbody></tbody>
         </table>
     </div>
 </section>
 @endsection
 @section('js')
-<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
-<script src="https://cdn.datatables.net/2.3.2/js/dataTables.js"></script>
-<script src="https://cdn.datatables.net/2.3.2/js/dataTables.tailwindcss.js"></script>
-<script>
-	new DataTable('#example');
-</script>
+<script src="{{asset('assets/js/vendors.bundle.js')}}"></script>
+<script type="text/javascript" src="{{asset('assets/js/bootstrap-table.min.js')}}"></script>
 @endsection
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 4399d15..72b73f1 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -44,6 +44,7 @@ Route::get('/sekolah',[FrontController::class,'sekolah'])->name('sekolah');
 Route::get('/kegiatan',[FrontController::class,'kegiatan'])->name('kegiatan');
 Route::get('/kegiatan/{slug}',[FrontController::class,'kegiatan_detail'])->name('kegiatan_detail');
 Route::get('/galeri',[FrontController::class,'galeri'])->name('galeri');
+Route::get('/data/sekolah',[FrontController::class,'dataSekolah'])->name('dataSekolah');
 
 // Auth::routes();
 // Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home');