diff --git a/app/Http/Controllers/DataPokokController.php b/app/Http/Controllers/DataPokokController.php
index 693cfbae..3c814c3f 100644
--- a/app/Http/Controllers/DataPokokController.php
+++ b/app/Http/Controllers/DataPokokController.php
@@ -63,6 +63,11 @@ public function pariwisata()
         return view('data_pokok.pariwisata.index', ['title' => $title]);
     }
 
+    public function cetakPariwisata(Request $request)
+    {
+        return view('data_pokok.pariwisata.cetak', ['filter' => $request->getQueryString()]);
+    }
+
     public function pendidikan()
     {
         return view('data_pokok.pendidikan.index');
diff --git a/catatan_rilis.md b/catatan_rilis.md
index b85b0312..72f31e9a 100644
--- a/catatan_rilis.md
+++ b/catatan_rilis.md
@@ -6,6 +6,7 @@ Di rilis ini, versi 2601.0.0 berisi penambahan dan perbaikan yang diminta penggu
 2. [#884](https://github.com/OpenSID/OpenKab/issues/884) Penambahan fitur download data kecamatan.
 3. [#885](https://github.com/OpenSID/OpenKab/issues/885) Penambahan fungsi ekspor excel pada data daftar data keluarga.
 4. [#896](https://github.com/OpenSID/OpenKab/issues/896) Penambahan fungsi cetak pada data presisi infrastruktur.
+5. [#897](https://github.com/OpenSID/OpenKab/issues/897) Penambahan fungsi cetak pada data presisi pariwisata.
 
 #### Perbaikan BUG
 
diff --git a/resources/views/components/filter-kategori-wisata.blade.php b/resources/views/components/filter-kategori-wisata.blade.php
new file mode 100644
index 00000000..9e65a022
--- /dev/null
+++ b/resources/views/components/filter-kategori-wisata.blade.php
@@ -0,0 +1,7 @@
+<div class="col-sm-2">
+    <select id="filter-kategori-wisata" class="form-control form-control-sm">
+        <option value="">Pilih Kategori</option>
+        <option value="sarana-wisata">Sarana Wisata</option>
+        <option value="potensi-wisata">Potensi Wisata</option>
+    </select>
+</div>
\ No newline at end of file
diff --git a/resources/views/components/filter-komoditas-wisata.blade.php b/resources/views/components/filter-komoditas-wisata.blade.php
new file mode 100644
index 00000000..b45e88ca
--- /dev/null
+++ b/resources/views/components/filter-komoditas-wisata.blade.php
@@ -0,0 +1,8 @@
+<div class="col-auto">
+    <select id="filter-komoditas-wisata" class="form-control form-control-sm">
+        <option value="">Pilih Lokasi/Tempat/Area Wisata</option>
+        @foreach(App\Enums\KomoditasPotensiWisataEnum::getInstances() as $komoditas)
+        <option value="{{ $komoditas->value }}">{{ $komoditas->description }}</option>
+        @endforeach
+    </select>
+</div>
\ No newline at end of file
diff --git a/resources/views/components/filter-sarana-wisata.blade.php b/resources/views/components/filter-sarana-wisata.blade.php
new file mode 100644
index 00000000..a7148318
--- /dev/null
+++ b/resources/views/components/filter-sarana-wisata.blade.php
@@ -0,0 +1,8 @@
+<div class="col-auto">
+    <select id="filter-sarana-wisata" class="form-control form-control-sm">
+        <option value="">Pilih Jenis Hiburan</option>
+        @foreach(App\Enums\SaranaWisataEnum::getInstances() as $sarana)
+        <option value="{{ $sarana->value }}">{{ $sarana->description }}</option>
+        @endforeach
+    </select>
+</div>
\ No newline at end of file
diff --git a/resources/views/data_pokok/pariwisata/cetak.blade.php b/resources/views/data_pokok/pariwisata/cetak.blade.php
new file mode 100644
index 00000000..88d4c0b8
--- /dev/null
+++ b/resources/views/data_pokok/pariwisata/cetak.blade.php
@@ -0,0 +1,61 @@
+@extends('layouts.cetak.index')
+
+@section('title', 'Data pariwisata')
+
+@push('css')
+<style nonce="{{ csp_nonce() }}" type="text/css" media="print">
+    @page {
+        size: landscape;
+    }
+</style>
+@endpush
+
+@section('content')
+@include('partials.breadcrumbs')
+<table class="border thick" id="pariwisata">
+    <thead>
+        <tr class="border thick">            
+            <th>{{ config('app.sebutanDesa') }}</th>
+            <th>Jenis Hiburan</th>
+            <th>Jumlah Penginapan</th>
+            <th>Lokasi/Tempat/Area Wisata</th>
+            <th>Keberadaan</th>
+            <th>Luas (Ha)</th>
+            <th>Tingkat Pemanfaatan</th>
+        </tr>
+    </thead>
+    <tbody></tbody>
+</table>
+@stop
+
+@push('scripts')
+<script nonce="{{ csp_nonce() }}">
+    document.addEventListener("DOMContentLoaded", function(event) {
+        var str = `{{ $filter }}`
+        var filter = str.replace(/&amp;/g, '&').replace(/undefined/g, '')
+
+        const header = @include('layouts.components.header_bearer_api_gabungan');
+        $.ajax({
+            url: `{{ config('app.databaseGabunganUrl') . '/api/v1/pariwisata' }}?${filter}`,
+            headers: header,
+            method: 'get',
+            success: function(json) {
+                json.data.forEach(function(item) {
+                    var row = `
+                            <tr>                            
+                                <td>${item.attributes.nama_desa}</td>
+                                <td>${item.attributes.jenis_hiburan}</td>
+                                <td>${item.attributes.jumlah_penginapan}</td>
+                                <td>${item.attributes.lokasi_tempat_area_wisata}</td>
+                                <td>${item.attributes.keberadaan}</td>
+                                <td>${item.attributes.luas}</td>
+                                <td>${item.attributes.tingkat_pemanfaatan}</td>                                
+                            </tr>
+                            `
+                    $('#pariwisata tbody').append(row)
+                })
+            }
+        })
+    });
+</script>
+@endpush
\ No newline at end of file
diff --git a/resources/views/data_pokok/pariwisata/chart.blade.php b/resources/views/data_pokok/pariwisata/chart.blade.php
index d819f052..58df6826 100644
--- a/resources/views/data_pokok/pariwisata/chart.blade.php
+++ b/resources/views/data_pokok/pariwisata/chart.blade.php
@@ -1,4 +1,18 @@
 <script nonce="{{ csp_nonce() }}"  >
+    function randColorRGB() {
+        const r = Math.floor(Math.random() * 200) + 55;
+        const g = Math.floor(Math.random() * 200) + 55;
+        const b = Math.floor(Math.random() * 200) + 55;
+        return `rgba(${r}, ${g}, ${b}, 0.7)`;
+    }
+
+    function randColorHex() {
+        const r = Math.floor(Math.random() * 200) + 55;
+        const g = Math.floor(Math.random() * 200) + 55;
+        const b = Math.floor(Math.random() * 200) + 55;
+        return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
+    }
+
     function grafikPie() {
         data = [];
         $('#barChart').remove();
@@ -18,21 +32,20 @@ function grafikPie() {
 
     function tampilGrafik(areaChartData) {
         var barChartCanvas = $('#barChart').get(0).getContext('2d')
-        var barChartData = $.extend(true, {}, areaChartData)
-        var temp0 = areaChartData.datasets[0]
-        var temp1 = areaChartData.datasets[1]
-        barChartData.datasets[0] = temp1
-        barChartData.datasets[1] = temp0
-
+        
         var barChartOptions = {
             responsive: true,
             maintainAspectRatio: false,
-            datasetFill: false
+            scales: {
+                y: {
+                    beginAtZero: true
+                }
+            }
         }
 
         new Chart(barChartCanvas, {
             type: 'bar',
-            data: barChartData,
+            data: areaChartData,
             options: barChartOptions
         })
     }
@@ -55,23 +68,21 @@ function modifikasiDataGrafik(data) {
         var labelsPie = [];
         var dataPie = [];
         var backgroundColorPie = [];
+        var labels = [];
 
         data.forEach(function(item, index) {
             let color = randColorRGB();
             let colorPoint = randColorHex();
 
-            let jumlah = typeof item.jumlah_penginapan == 'string' ? item.jumlah_penginapan : 0
+            let jumlah = typeof item.jumlah_penginapan == 'string' ? parseInt(item.jumlah_penginapan) : 0
 
+            labels.push(item.jenis_hiburan)
             dataBaruGrafik.push({
                 label: item.jenis_hiburan,
                 backgroundColor: color,
                 borderColor: color,
-                pointRadius: false,
-                pointColor: color,
-                pointStrokeColor: colorPoint,
-                pointHighlightFill: colorPoint,
-                pointHighlightStroke: color,
-                data: [jumlah, 1]
+                borderWidth: 1,
+                data: [jumlah]
             })
 
             labelsPie.push(item.jenis_hiburan)
@@ -80,7 +91,7 @@ function modifikasiDataGrafik(data) {
         })
 
         return [{
-                labels: ['Jumlah Penginapan'],
+                labels: labels,
                 datasets: dataBaruGrafik
             },
             {
diff --git a/resources/views/data_pokok/pariwisata/index.blade.php b/resources/views/data_pokok/pariwisata/index.blade.php
index b3c8d066..017f221e 100644
--- a/resources/views/data_pokok/pariwisata/index.blade.php
+++ b/resources/views/data_pokok/pariwisata/index.blade.php
@@ -5,187 +5,232 @@
 @section('title', 'Data Bantuan')
 
 @section('content_header')
-    <h1>{{ $title }}</h1>
+<h1>{{ $title }}</h1>
 @stop
 
 @section('content')
-    @include('partials.breadcrumbs')
-    <div class="row">
-        <div class="col-lg-8">
-            <div class="card">
-                <div class="card-header">Statistik Jumlah Penginapan</div>
-                <div class="card-body">
-                    <div>
-                        <div class="chart" id="grafik">
-                            <canvas id="barChart"></canvas>
-                        </div>
-                        <hr class="hr-chart">
+@include('partials.breadcrumbs')
+<div class="row">
+    <div class="col-lg-8">
+        <div class="card">
+            <div class="card-header">Statistik Jumlah Penginapan</div>
+            <div class="card-body">
+                <div>
+                    <div class="chart" id="grafik">
+                        <canvas id="barChart"></canvas>
                     </div>
+                    <hr class="hr-chart">
                 </div>
             </div>
         </div>
-        <div class="col-lg-4">
-            <div class="card">
-                <div class="card-header">Statistik Tingkat Pemanfaatan</div>
-                <div class="card-body">
-                    <div>
-                        <div class="chart" id="pie">
-                            <canvas id="donutChart"></canvas>
-                        </div>
-                        <hr class="hr-chart">
+    </div>
+    <div class="col-lg-4">
+        <div class="card">
+            <div class="card-header">Statistik Tingkat Pemanfaatan</div>
+            <div class="card-body">                
+                <div>
+                    <div class="chart" id="pie">
+                        <canvas id="donutChart"></canvas>
                     </div>
+                    <hr class="hr-chart">
                 </div>
             </div>
         </div>
     </div>
-    <div class="row">
-        <div class="col-lg-12">
-            <div class="card card-outline card-primary">
-                <div class="card-header">
-                    <div class="float-left">{{ $title }}</div>
-                </div>
-                <div class="card-body">
-                    <div class="table-responsive">
-                        <table class="table table-striped" id="pariwisata">
-                            <thead>
-                                <tr>
-                                    <th>ID</th>
-                                    <th>{{ config('app.sebutanDesa') }}</th>
-                                    <th>Jenis Hiburan</th>
-                                    <th>Jumlah Penginapan</th>
-                                    <th>Lokasi/Tempat/Area Wisata</th>
-                                    <th>Keberadaan</th>
-                                    <th>Luas (Ha)</th>
-                                    <th>Tingkat Pemanfaatan</th>
-                                </tr>
-                            </thead>
-                            <tbody></tbody>
-                        </table>
+</div>
+<div class="row">
+    <div class="col-lg-12">
+        <div class="card card-outline card-primary">
+            <div class="card-header">
+                <div class="float-left">{{ $title }}</div>
+            </div>
+            <div class="card-body">
+                <div class="row mb-2">
+                    <x-filter-tahun />
+                    <x-filter-kategori-wisata />
+                    <div id="filter-sarana-wisata-container">
+                        <x-filter-sarana-wisata />
+                    </div>
+                    <div id="filter-komoditas-wisata-container">
+                        <x-filter-komoditas-wisata />
+                    </div>
+                    <div class="col-auto">
+                        <x-print-button :print-url="url('data-pokok/pariwisata/cetak')" table-id="pariwisata" :filter="[]" />
                     </div>
                 </div>
+                <div class="table-responsive">
+                    <table class="table table-striped" id="pariwisata">
+                        <thead>
+                            <tr>
+                                <th>ID</th>
+                                <th>{{ config('app.sebutanDesa') }}</th>
+                                <th>Jenis Hiburan</th>
+                                <th>Jumlah Penginapan</th>
+                                <th>Lokasi/Tempat/Area Wisata</th>
+                                <th>Keberadaan</th>
+                                <th>Luas (Ha)</th>
+                                <th>Tingkat Pemanfaatan</th>
+                            </tr>
+                        </thead>
+                        <tbody></tbody>
+                    </table>
+                </div>
             </div>
         </div>
     </div>
+</div>
 @endsection
 
 @section('js')
-    @include('data_pokok.pariwisata.chart')
-    <script nonce="{{ csp_nonce() }}">
-        let data_grafik = [];
-
-
-        document.addEventListener("DOMContentLoaded", function(event) {
-
-            const header = @include('layouts.components.header_bearer_api_gabungan');
-            var url = new URL("{{ config('app.databaseGabunganUrl') . '/api/v1/pariwisata' }}");
-            url.searchParams.set("kode_kabupaten", "{{ session('kabupaten.kode_kabupaten') ?? '' }}");
-            url.searchParams.set("kode_kecamatan", "{{ session('kecamatan.kode_kecamatan') ?? '' }}");
-            url.searchParams.set("config_desa", "{{ session('desa.id') ?? '' }}");
-
-            var pariwisata = $('#pariwisata').DataTable({
-                processing: true,
-                serverSide: true,
-                autoWidth: false,
-                ordering: true,
-                searchPanes: {
-                    viewTotal: false,
-                    columns: [0]
+@include('data_pokok.pariwisata.chart')
+<script nonce="{{ csp_nonce() }}">
+    let data_grafik = [];
+
+
+    document.addEventListener("DOMContentLoaded", function(event) {
+
+        const header = @include('layouts.components.header_bearer_api_gabungan');
+        var url = new URL("{{ config('app.databaseGabunganUrl') . '/api/v1/pariwisata' }}");
+        url.searchParams.set("kode_kabupaten", "{{ session('kabupaten.kode_kabupaten') ?? '' }}");
+        url.searchParams.set("kode_kecamatan", "{{ session('kecamatan.kode_kecamatan') ?? '' }}");
+        url.searchParams.set("config_desa", "{{ session('desa.id') ?? '' }}");
+
+        var pariwisata = $('#pariwisata').DataTable({
+            processing: true,
+            serverSide: true,
+            autoWidth: false,
+            ordering: true,
+            searchPanes: {
+                viewTotal: false,
+                columns: [0]
+            },
+            dom: 'lrtpi',
+            ajax: {
+                url: url.href,
+                method: 'get',
+                headers: header,
+                data: function(row) {
+                    return {
+                        "page[size]": row.length,
+                        "page[number]": (row.start / row.length) + 1,
+                        "filter[search]": row.search.value,
+                        "filter[tahun]": $('#filter-tahun').val(),
+                        "filter[kategori]": $('#filter-kategori-wisata').val(),
+                        "filter[sarana-wisata]": $('#filter-sarana-wisata').val(),
+                        "filter[potensi-wisata]": $('#filter-komoditas-wisata').val(),
+                        "sort": (row.order[0]?.dir === "asc" ? "" : "-") + row.columns[row.order[0]
+                                ?.column]
+                            ?.name,
+                    };
+                },
+                dataSrc: function(json) {
+                    // Set default values untuk recordsTotal dan recordsFiltered
+                    json.recordsTotal = json.meta?.pagination?.total || 0;
+                    json.recordsFiltered = json.meta?.pagination?.total || 0;
+
+                    if (json.data && json.data.length > 0) {
+                        data_grafik = [];
+                        json.data.forEach(function(item, index) {
+                            data_grafik.push(item.attributes)
+                        })
+
+                        grafikPie()
+                    } else {
+                        // Kosongkan data grafik jika tidak ada data
+                        data_grafik = [];
+                    }
+
+                    return json.data || [];
+                },
+            },
+            columnDefs: [{
+                targets: '_all',
+                className: 'text-nowrap',
+            }, ],
+            columns: [{
+                    data: null,
+                },
+                {
+                    data: "attributes.nama_desa",
+                    name: "desa",
+                    orderable: false
+                },
+                {
+                    data: "attributes.jenis_hiburan",
+                    name: "jenis_hiburan",
+                    orderable: false
                 },
-                ajax: {
-                    url: url.href,
-                    method: 'get',
-                    headers: header,
-                    data: function(row) {
-                        return {
-                            "page[size]": row.length,
-                            "page[number]": (row.start / row.length) + 1,
-                            "filter[search]": row.search.value,
-                            "sort": (row.order[0]?.dir === "asc" ? "" : "-") + row.columns[row.order[0]
-                                    ?.column]
-                                ?.name,
-                            "filter[kode_desa]": $("#kode_desa").val(),
-                        };
-                    },
-                    dataSrc: function(json) {
-
-                        if (json.data.length > 0) {
-
-                            json.recordsTotal = json.meta.pagination.total
-                            json.recordsFiltered = json.meta.pagination.total
-
-                            data_grafik = [];
-                            json.data.forEach(function(item, index) {
-                                data_grafik.push(item.attributes)
-                            })
-
-                            grafikPie()
-
-                            return json.data;
-                        }
-
-                        return false;
-
-                    },
+                {
+                    data: "attributes.jumlah_penginapan",
+                    name: "jumlah_penginapan",
+                    orderable: false
                 },
-                columnDefs: [{
-                    targets: '_all',
-                    className: 'text-nowrap',
-                }, ],
-                columns: [{
-                        data: null,
-                    },
-                    {
-                        data: "attributes.nama_desa",
-                        name: "desa",
-                        orderable: false
-                    },
-                    {
-                        data: "attributes.jenis_hiburan",
-                        name: "jenis_hiburan",
-                        orderable: false
-                    },
-                    {
-                        data: "attributes.jumlah_penginapan",
-                        name: "jumlah_penginapan",
-                        orderable: false
-                    },
-                    {
-                        data: "attributes.lokasi_tempat_area_wisata",
-                        name: "lokasi_tempat_area_wisata",
-                        className: 'text-center',
-                        orderable: false
-                    },
-                    {
-                        data: "attributes.keberadaan",
-                        name: "keberadaan",
-                        orderable: false
-                    },
-                    {
-                        data: "attributes.luas",
-                        name: "luas",
-                        orderable: false
-                    },
-                    {
-                        data: "attributes.tingkat_pemanfaatan",
-                        name: "tingkat_pemanfaatan",
-                        orderable: false
-                    },
-                ],
-                order: [
-                    [0, 'asc']
-                ]
-            })
-
-            pariwisata.on('draw.dt', function() {
-                var PageInfo = $('#pariwisata').DataTable().page.info();
-                pariwisata.column(0, {
-                    page: 'current'
-                }).nodes().each(function(cell, i) {
-                    cell.innerHTML = i + 1 + PageInfo.start;
-                });
+                {
+                    data: "attributes.lokasi_tempat_area_wisata",
+                    name: "lokasi_tempat_area_wisata",
+                    className: 'text-center',
+                    orderable: false
+                },
+                {
+                    data: "attributes.keberadaan",
+                    name: "keberadaan",
+                    orderable: false
+                },
+                {
+                    data: "attributes.luas",
+                    name: "luas",
+                    orderable: false
+                },
+                {
+                    data: "attributes.tingkat_pemanfaatan",
+                    name: "tingkat_pemanfaatan",
+                    orderable: false
+                },
+            ],
+            order: [
+                [0, 'asc']
+            ]
+        })
+
+        pariwisata.on('draw.dt', function() {
+            var PageInfo = $('#pariwisata').DataTable().page.info();
+            pariwisata.column(0, {
+                page: 'current'
+            }).nodes().each(function(cell, i) {
+                cell.innerHTML = i + 1 + PageInfo.start;
             });
+        });
 
+        $('#filter-tahun, #filter-sarana-wisata, #filter-komoditas-wisata').change(function() {
+            pariwisata.draw()
+        })
 
+        // Logika untuk menampilkan/menyembunyikan filter berdasarkan kategori
+        $('#filter-kategori-wisata').change(function() {
+            var kategori = $(this).val();
+            
+            // Sembunyikan semua filter terlebih dahulu
+            $('#filter-sarana-wisata-container').hide();
+            $('#filter-komoditas-wisata-container').hide();
+            
+            // Reset nilai filter
+            $('#filter-sarana-wisata').val('');
+            $('#filter-komoditas-wisata').val('');
+            
+            // Tampilkan filter yang sesuai dengan kategori
+            if (kategori === 'sarana-wisata') {
+                $('#filter-sarana-wisata-container').show();
+            } else if (kategori === 'potensi-wisata') {
+                $('#filter-komoditas-wisata-container').show();
+            }
+            
+            // Refresh tabel
+            pariwisata.draw();
         })
-    </script>
+
+        $('#filter-sarana-wisata-container').hide();
+        $('#filter-komoditas-wisata-container').hide();
+
+    })
+</script>
 @endsection
diff --git a/routes/web.php b/routes/web.php
index fba49602..375ea521 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -203,6 +203,7 @@
             Route::middleware(['permission:datapokok-pendidikan-read'])->get('/pendidikan', 'pendidikan')->name('pendidikan');
             Route::middleware(['permission:datapokok-pendidikan-read'])->get('/pendidikan/cetak', 'cetakPendidikan')->name('pendidikan.cetak');
             Route::middleware(['permission:datapokok-pariwisata-read'])->get('/pariwisata', 'pariwisata')->name('pariwisata');
+            Route::middleware(['permission:datapokok-pariwisata-read'])->get('/pariwisata/cetak', 'cetakPariwisata')->name('pariwisata.cetak');
             Route::middleware(['permission:datapokok-jaminan-sosial-read'])->get('/jaminan-sosial', 'jaminanSosial')->name('jaminan-sosial');
             Route::middleware(['permission:datapokok-jaminan-sosial-read'])->get('/jaminan-sosial/detail', 'detailJaminanSosial')->name('jaminan-sosial-detail');
             Route::middleware(['permission:datapokok-jaminan-sosial-read'])->get('/jaminan-sosial/cetak', 'cetakJaminanSosial')->name('jaminan-sosial-cetak');