diff --git a/app/Http/Controllers/Dashboard/CompanyController.php b/app/Http/Controllers/Dashboard/CompanyController.php
index 3a42288..b6f28c9 100644
--- a/app/Http/Controllers/Dashboard/CompanyController.php
+++ b/app/Http/Controllers/Dashboard/CompanyController.php
@@ -25,7 +25,7 @@ public function update(){}
     public function show($id){
         $company = Company::findOrFail(decrypt_id($id));
 
-        return view('dashboard.companies.detail', [
+        return view('dashboard.companies.show', [
             'title' => 'Detail Perusahaan',
             'company' => $company
         ]);
diff --git a/app/Http/Controllers/Dashboard/DatatableController.php b/app/Http/Controllers/Dashboard/DatatableController.php
index 5605e55..9f482d2 100644
--- a/app/Http/Controllers/Dashboard/DatatableController.php
+++ b/app/Http/Controllers/Dashboard/DatatableController.php
@@ -10,6 +10,7 @@
 use App\Models\GovernmentAgency;
 use App\Models\IssueManagement;
 use App\Models\Location;
+use App\Models\Media;
 use App\Models\MediaMonitoring;
 use App\Models\News;
 use App\Models\Role;
@@ -510,6 +511,98 @@ public function company(Request $request){
 
     }
 
+    public function media(Request $request){
+        if ($request->ajax()) {
+
+
+
+            $data = Media::with(['company.user'])->get();
+
+            return DataTables::of($data)
+                ->addIndexColumn()
+                ->addColumn('media_name', function ($data) {
+                    return $data->name;
+                })
+                ->addColumn('company_name', function ($data) {
+                    return $data->company->name;
+                })
+                ->addColumn('type', function ($data) {
+                    return ucfirst($data->type);
+                })
+                ->addColumn('classification', function ($data) {
+                    return ucfirst($data->classification);
+                })
+                ->addColumn('link', function ($data) {
+                    if($data->link){
+                        return '<a href='.$data->link.'>'.$data->link.'</a>';
+                    }else{
+                        return '<span class="badge bg-warning" style="display:inline-block;font-size:0.8rem;">Tidak memiliki link</span>';
+                    }
+                })
+                ->addColumn('address', function ($data) {
+                    return '<div style="width: 15rem;word-wrap: break-word; white-space: normal;">' . $data->address . '</div>';
+                })
+                ->addColumn('status', function ($data) {
+                    switch($data->company->user->status){
+                        case 0:
+                            return '<span class="badge bg-warning" style="display:inline-block;font-size:0.8rem;">Menunggu</span>';
+                        case 1:
+                            return '<span class="badge bg-success" style="display:inline-block;font-size:0.8rem;">Diterima</span>';
+                        case 2:
+                            return '<span class="badge bg-danger" style="display:inline-block;font-size:0.8rem;">Ditolak</span>';
+                        case 3:
+                            return '<span class="badge bg-secondary" style="display:inline-block;font-size:0.8rem;">Tidak Diketahui</span>';
+                    }
+                })
+                ->addColumn('status_edit', function ($data) {
+                    switch($data->edit_status){
+                        case 0:
+                            return '<span class="badge bg-warning" style="display:inline-block;font-size:0.8rem;">Menunggu</span>';
+                        case 1:
+                            return '<span class="badge bg-success" style="display:inline-block;font-size:0.8rem;">Diterima</span>';
+                        case 2:
+                            return '<span class="badge bg-danger" style="display:inline-block;font-size:0.8rem;">Ditolak</span>';
+                        case 3:
+                            return '<span class="badge bg-secondary" style="display:inline-block;font-size:0.8rem;">Tidak Diketahui</span>';
+                    }
+                })
+                ->addColumn('action', function ($data) {
+                    $showUrl = route('dashboard.media.show', ['id' => encrypt_id($data->id)]);
+
+                    $editUrl = route('dashboard.media.edit', ['id' => encrypt_id($data->id)]);
+
+                    $deleteUrl = route('dashboard.media.destroy', ['id' => encrypt_id($data->id)]);
+
+                    $dropdown = '<div class="dropdown" style="display:flex; justify-content:center;">
+                                        <a class="dropdown-toggle btn btn-icon btn-light" data-bs-toggle="dropdown"><em class="icon ni ni-more-v"></em></a>
+                                        <div class="dropdown-menu dropdown-menu-end">
+                                            <ul class="link-list-opt">
+                                                <li><a href="'.$showUrl.'"><em class="icon ni ni-eye"></em><span>Detail</span></a></li>';
+
+                        if (is_role([1])) {
+                            $dropdown .= '<li><a href="'.$editUrl.'"><em class="icon ni ni-edit"></em><span>Ubah</span></a></li>';
+                        }
+
+                        if (is_role([1])) {
+                            $dropdown .= '<li><a href="javascript:void(0);" onclick="deleteItem(\''.$deleteUrl.'\', \'Apakah Anda yakin ingin menghapus tema '.$data->name.'? Item ini akan dihapus secara permanen!\')"><em class="icon ni ni-trash"></em><span>Hapus</span></a></li>';
+
+                        }
+
+                        $dropdown .= '</ul>
+                                    </div>
+                                </div>';
+
+                        return $dropdown;
+                })
+
+                ->rawColumns(['link', 'address', 'status', 'status_edit', 'action'])
+                ->make(true);
+        }
+
+        return response()->json(['error' => 'Unauthorized'], 401);
+
+    }
+
     public function contentRecap(Request $request){
         if ($request->ajax()) {
 
diff --git a/app/Http/Controllers/Dashboard/MediaController.php b/app/Http/Controllers/Dashboard/MediaController.php
new file mode 100644
index 0000000..6d3148d
--- /dev/null
+++ b/app/Http/Controllers/Dashboard/MediaController.php
@@ -0,0 +1,35 @@
+<?php
+
+namespace App\Http\Controllers\Dashboard;
+
+use App\Http\Controllers\Controller;
+use App\Models\Media;
+use Illuminate\Http\Request;
+
+class MediaController extends Controller
+{
+    public function index(){
+        return view('dashboard.media.index',[
+            'title' => 'Media'
+        ]);
+    }
+
+    public function create(){}
+
+    public function store(){}
+
+    public function edit(){}
+
+    public function update(){}
+
+    public function show($id){
+        $media = Media::findOrFail(decrypt_id($id));
+
+        return view('dashboard.media.show', [
+            'title' => 'Detail media',
+            'media' => $media
+        ]);
+    }
+
+    public function destroy(){}
+}
diff --git a/app/Models/Legacy/OldMedia.php b/app/Models/Legacy/OldMedia.php
new file mode 100644
index 0000000..cb0031c
--- /dev/null
+++ b/app/Models/Legacy/OldMedia.php
@@ -0,0 +1,12 @@
+<?php
+
+namespace App\Models\Legacy;
+
+use Illuminate\Database\Eloquent\Model;
+
+class OldMedia extends Model
+{
+    protected $connection = 'legacy';
+
+    protected $table = 'media';
+}
diff --git a/app/Models/Media.php b/app/Models/Media.php
index 3d0f8b1..a33ae49 100644
--- a/app/Models/Media.php
+++ b/app/Models/Media.php
@@ -3,9 +3,12 @@
 namespace App\Models;
 
 use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\SoftDeletes;
 
 class Media extends Model
 {
+    use SoftDeletes;
+
     protected $table = 'media';
 
     protected $fillable = [
diff --git a/database/migrations/2025_02_25_024752_create_media_table.php b/database/migrations/2025_02_25_024752_create_media_table.php
index 0472552..472e176 100644
--- a/database/migrations/2025_02_25_024752_create_media_table.php
+++ b/database/migrations/2025_02_25_024752_create_media_table.php
@@ -15,16 +15,19 @@ public function up(): void
             $table->id();
             $table->string('name');
             $table->text('address');
-            $table->string('link');
-            $table->enum('type', ['online','print','radio','television']);
-            $table->enum('classification', ['local', 'regional', 'national']);
-            $table->string('journalism_organization');
+            $table->string('link')->nullable();
+            $table->enum('type', ['online','cetak','radio','televisi']);
+            $table->enum('classification', ['lokal', 'regional', 'nasional']);
+            $table->string('journalism_organization')->nullable();
             $table->string('journalism_organization_doc')->nullable();
-            $table->string('press_council_certificate');
+            $table->string('press_council_certificate')->nullable();
             $table->string('press_council_certificate_doc')->nullable();
+            $table->string('edit_desscription')->nullable();
+            $table->enum('edit_status', ['0', '1', '2', '3'])->default('0');
             $table->unsignedBigInteger('company_id');
             $table->foreign('company_id')->references('id')->on('companies');
             $table->timestamps();
+            $table->softDeletes();
         });
     }
 
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
index 12cca85..ea1ecd9 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -16,6 +16,7 @@ public function run(): void
         $this->call(RoleSeeder::class);
         $this->call(UserSeeder::class);
         $this->call(CompanySeeder::class);
+        $this->call(MediaSeeder::class);
         $this->call(ClassificationSeeder::class);
         $this->call(SubClassificationSeeder::class);
         $this->call(GovernmentAgencySeeder::class);
diff --git a/database/seeders/MediaSeeder.php b/database/seeders/MediaSeeder.php
index 7ea75cf..6c42c78 100644
--- a/database/seeders/MediaSeeder.php
+++ b/database/seeders/MediaSeeder.php
@@ -2,6 +2,8 @@
 
 namespace Database\Seeders;
 
+use App\Models\Legacy\OldMedia;
+use App\Models\Media;
 use Illuminate\Database\Console\Seeds\WithoutModelEvents;
 use Illuminate\Database\Seeder;
 
@@ -12,6 +14,26 @@ class MediaSeeder extends Seeder
      */
     public function run(): void
     {
-        //
+        $legacyMedia = OldMedia::all();
+
+        foreach($legacyMedia as $item){
+
+            Media::create([
+                'id' => $item->id,
+                'name' => $item->name,
+                'address' => $item->address,
+                'link' => $item->link,
+                'type' => $item->type,
+                'classification' => $item->classification == 'undefined' ? 'nasional' : $item->classification,
+                'journalism_organization' => $item->organization,
+                'journalism_organization_doc' => $item->doc_of_organization,
+                'press_council_certificate' => $item->certificate,
+                'press_council_certificate_doc' => $item->doc_of_certificate,
+                'company_id' => $item->company,
+                'created_at' => $item->created_at,
+                'updated_at' => $item->updated_at,
+                'deleted_at' => $item->deleted_at,
+            ]);
+        }
     }
 }
diff --git a/database/seeders/UserSeeder.php b/database/seeders/UserSeeder.php
index a1d12bb..001aca0 100644
--- a/database/seeders/UserSeeder.php
+++ b/database/seeders/UserSeeder.php
@@ -23,7 +23,7 @@ public function run(): void
                 'id' => $legacyUser->id,
                 'name' => $legacyUser->name,
                 'email' => $legacyUser->email,
-                'password' => "Rahasia123@",
+                'password' => $legacyUser->password,
                 'status' => $legacyUser->status,
                 'role_id' => $legacyUser->role,
                 'created_at' => $legacyUser->created_at,
@@ -39,5 +39,13 @@ public function run(): void
             'status' => '1',
             'role_id' => '1'
         ]);
+
+        User::find(117)->update([
+            'password' => 'Rahasia123@'
+        ]);
+
+        User::find(232)->update([
+            'password' => 'Rahasia123@'
+        ]);
     }
 }
diff --git a/public/assets/dashboard/css/custom.css b/public/assets/dashboard/css/custom.css
index 384f81a..9f6f21a 100644
--- a/public/assets/dashboard/css/custom.css
+++ b/public/assets/dashboard/css/custom.css
@@ -80,3 +80,10 @@ .news-content{
     padding: 0.7rem;
     border-radius: 0.4rem;
 }
+
+.custom-loader {
+    text-align: center;
+    font-size: 16px;
+    font-weight: bold;
+    color: #007bff;
+}
diff --git a/resources/views/dashboard/companies/detail.blade.php b/resources/views/dashboard/companies/show.blade.php
similarity index 100%
rename from resources/views/dashboard/companies/detail.blade.php
rename to resources/views/dashboard/companies/show.blade.php
diff --git a/resources/views/dashboard/media/index.blade.php b/resources/views/dashboard/media/index.blade.php
new file mode 100644
index 0000000..c741b1b
--- /dev/null
+++ b/resources/views/dashboard/media/index.blade.php
@@ -0,0 +1,67 @@
+@include('partials.dashboard.head')
+@include('partials.dashboard.sidebar', ['page' => 'media'])
+@include('partials.dashboard.header')
+                <!-- content @s -->
+                <div class="nk-content ">
+                    <div class="container-fluid">
+                        <div class="nk-content-inner">
+                            <div class="nk-content-body">
+                                <div class="nk-block-head nk-block-head-sm">
+                                    <div class="nk-block-between">
+                                        <div class="nk-block-head-content">
+                                            <h3 class="nk-block-title page-title">{{$title}}</h3>
+                                        </div><!-- .nk-block-head-content -->
+                                        {{-- <div class="nk-block-head-content">
+                                            <div class="toggle-wrap nk-block-tools-toggle">
+                                                <a href="#" class="btn btn-icon btn-trigger toggle-expand me-n1" data-target="pageMenu"><em class="icon ni ni-more-v"></em></a>
+                                                <div class="toggle-expand-content" data-content="pageMenu">
+                                                    <ul class="nk-block-tools g-3">
+                                                        <li>
+                                                            <div class="drodown">
+                                                                <a href="#" class="dropdown-toggle btn btn-white btn-dim btn-outline-light" data-bs-toggle="dropdown"><em class="d-none d-sm-inline icon ni ni-calender-date"></em><span><span class="d-none d-md-inline">Last</span> 30 Days</span><em class="dd-indc icon ni ni-chevron-right"></em></a>
+                                                                <div class="dropdown-menu dropdown-menu-end">
+                                                                    <ul class="link-list-opt no-bdr">
+                                                                        <li><a href="#"><span>Last 30 Days</span></a></li>
+                                                                        <li><a href="#"><span>Last 6 Months</span></a></li>
+                                                                        <li><a href="#"><span>Last 1 Years</span></a></li>
+                                                                    </ul>
+                                                                </div>
+                                                            </div>
+                                                        </li>
+                                                        <li class="nk-block-tools-opt"><a href="{{route('dashboard.users.create')}}" class="btn btn-primary"><em class="icon ni ni-plus"></em><span>Tambah</span></a></li>
+                                                    </ul>
+                                                </div>
+                                            </div>
+                                        </div><!-- .nk-block-head-content --> --}}
+                                    </div><!-- .nk-block-between -->
+                                </div><!-- .nk-block-head -->
+                                <div class="nk-block nk-block-lg">
+                                    <div class="card card-bordered card-preview">
+                                        <div class="card-inner">
+                                            <div class="table-responsive">
+                                                <table class="table table-striped table-bordered nowrap" id="mediaTable" border="1">
+                                                    <thead>
+                                                        <tr>
+                                                            <th style="width: 10% !important;">No</th>
+                                                            <th>Nama Media</th>
+                                                            <th>Perusahaan</th>
+                                                            <th>Jenis</th>
+                                                            <th>Klasifikasi</th>
+                                                            <th>Link</th>
+                                                            <th>Alamat</th>
+                                                            <th>Status</th>
+                                                            <th>Status Edit</th>
+                                                            <th style="width: 10% !important;"></th>
+                                                        </tr>
+                                                    </thead>
+                                                </table>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- content @e -->
+@include('partials.dashboard.footer' ,['datatable' => 'media'])
diff --git a/resources/views/dashboard/media/show.blade.php b/resources/views/dashboard/media/show.blade.php
new file mode 100644
index 0000000..6110eb0
--- /dev/null
+++ b/resources/views/dashboard/media/show.blade.php
@@ -0,0 +1,136 @@
+@include('partials.dashboard.head')
+@include('partials.dashboard.sidebar', ['page' => 'media'])
+@include('partials.dashboard.header')
+                <!-- content @s -->
+                <div class="nk-content ">
+                    <div class="container-fluid">
+                        <div class="nk-content-inner">
+                            <div class="nk-content-body">
+                                <div class="nk-block nk-block-lg">
+                                    <div class="card">
+                                        <div class="card-aside-wrap">
+                                            <div class="card-content">
+                                                <ul class="nav nav-tabs nav-tabs-mb-icon nav-tabs-card">
+                                                    <li class="nav-item">
+                                                        <a class="nav-link text-primary" href="#"><em class="icon ni ni-info"></em><span>Detail Media</span></a>
+                                                    </li>
+                                                </ul><!-- .nav-tabs -->
+                                                <div class="card-inner">
+                                                    <div class="nk-block">
+                                                        {{-- <div class="nk-block-head">
+                                                            <h5 class="title">Personal Information</h5>
+                                                            <p>Basic info, like your name and address, that you use on Nio Platform.</p>
+                                                        </div> --}}
+                                                        <div class="profile-ud-list">
+                                                            <div class="profile-ud-item">
+                                                                <div class="profile-ud wider">
+                                                                    <span class="profile-ud-label">Nama Media</span>
+                                                                    <span class="profile-ud-value">{{$media->name}}</span>
+                                                                </div>
+                                                            </div>
+                                                            <div class="profile-ud-item">
+                                                                <div class="profile-ud wider">
+                                                                    <span class="profile-ud-label">Jenis</span>
+                                                                    <span class="profile-ud-value">{{ucfirst($media->type)}}</span>
+                                                                </div>
+                                                            </div>
+                                                            <div class="profile-ud-item">
+                                                                <div class="profile-ud wider">
+                                                                    <span class="profile-ud-label">Klasifikasi</span>
+                                                                    <span class="profile-ud-value">{{ucfirst($media->classification)}}</span>
+                                                                </div>
+                                                            </div>
+                                                            <div class="profile-ud-item">
+                                                                <div class="profile-ud wider">
+                                                                    <span class="profile-ud-label">Alamat</span>
+                                                                    <span class="profile-ud-value">{{$media->address}}</span>
+                                                                </div>
+                                                            </div>
+                                                            <div class="profile-ud-item">
+                                                                <div class="profile-ud wider">
+                                                                    <span class="profile-ud-label">Organisasi Kewartawanan</span>
+                                                                    <span class="profile-ud-value">
+                                                                        @if ($media->journalism_organization_doc)
+                                                                            <a href="{{asset('storage/uploads/companies/'. $media->journalism_organization_doc)}}" target="__blank">{{$media->journalism_organization}}</a>
+                                                                        @else
+                                                                        {{$media->journalism_organization ?? '-'}}
+                                                                        @endif
+                                                                    </span>
+                                                                </div>
+                                                            </div>
+                                                            <div class="profile-ud-item">
+                                                                <div class="profile-ud wider">
+                                                                    <span class="profile-ud-label">Sertifikat Dewan Press</span>
+                                                                    <span class="profile-ud-value">
+                                                                        @if ($media->press_council_certificate_doc)
+                                                                            <a href="{{asset('storage/uploads/companies/'. $media->press_council_certificate_doc)}}" target="__blank">{{$media->press_council_certificate}}</a>
+                                                                        @else
+                                                                        {{$media->press_council_certificate ?? '-'}}
+                                                                        @endif
+                                                                    </span>
+                                                                </div>
+                                                            </div>
+                                                            <div class="profile-ud-item">
+                                                                <div class="profile-ud wider">
+                                                                    <span class="profile-ud-label">Status</span>
+                                                                    @switch($media->company->user->status)
+                                                                        @case(0)
+                                                                            <span class="profile-ud-value"><span class="badge bg-warning">Menunggu</span></span>
+                                                                            @break
+                                                                        @case(1)
+                                                                            <span class="profile-ud-value"><span class="badge bg-success">Diterima</span></span>
+                                                                            @break
+                                                                        @case(2)
+                                                                            <span class="profile-ud-value"><span class="badge bg-danger">Ditolak</span></span>
+                                                                            @break
+                                                                        @default
+                                                                            <span class="profile-ud-value"><span class="badge bg-secondary">Tidak Diketahui</span></span>
+                                                                    @endswitch
+                                                                </div>
+
+                                                            </div>
+                                                        </div><!-- .profile-ud-list -->
+                                                    </div><!-- .nk-block -->
+                                                    {{-- <div class="nk-divider divider md"></div> --}}
+                                                    {{-- @if (filled($media->rejection_reason))
+                                                    <div class="nk-block">
+                                                        <div class="nk-block-head nk-block-head-sm nk-block-between">
+                                                            <span class="profile-ud-label">Alasan Penolakan</span>
+                                                        </div><!-- .nk-block-head -->
+                                                        <div class="bq-note">
+                                                            <div class="bq-note-item">
+                                                                <div class="bq-note-text">
+                                                                    {!!$company->rejection_reason ?? '-' !!}
+                                                                </div>
+                                                            </div><!-- .bq-note-item -->
+                                                        </div><!-- .bq-note -->
+                                                    </div><!-- .nk-block -->
+                                                    @endif --}}
+                                                    {{-- <div class="nk-block">
+                                                        <div class="nk-block-head nk-block-head-sm nk-block-between">
+                                                            <span class="profile-ud-label">Konten</span>
+                                                        </div><!-- .nk-block-head -->
+                                                        <div class="bq-note">
+                                                            <div class="bq-note-item">
+                                                                <div class="bq-note-text">
+                                                                    {!!$mediaMonitoring->content!!}
+                                                                </div>
+                                                            </div><!-- .bq-note-item -->
+                                                        </div><!-- .bq-note -->
+                                                    </div><!-- .nk-block --> --}}
+                                                    <hr>
+                                                    <div class="nk-block d-flex justify-content-end">
+                                                        <a href="{{route('dashboard.media.index')}}" class="btn btn-white btn-dim btn-outline-light mx-2"><span>Kembali</span></a>
+                                                            {{-- <a href="{{route('dashboard.content.recaps.edit', ['id' => encrypt_id($mediaMonitoring->id)])}}" class="btn btn-warning"><span>Ubah</span></a> --}}
+                                                    </div><!-- .nk-block -->
+                                                </div><!-- .card-inner -->
+                                            </div><!-- .card-content -->
+                                        </div><!-- .card-aside-wrap -->
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- content @e -->
+@include('partials.dashboard.footer', ['rich_editor' => false])
diff --git a/resources/views/partials/app/datatable.blade.php b/resources/views/partials/app/datatable.blade.php
index 25b1808..14fb53b 100644
--- a/resources/views/partials/app/datatable.blade.php
+++ b/resources/views/partials/app/datatable.blade.php
@@ -16,7 +16,8 @@
         },
         processing: '<div class="spinner-border" role="status"><span class="sr-only">Loading...</span></div>',
         emptyTable: "Tidak ada data tersedia",
-        zeroRecords: "Tidak ditemukan data yang sesuai"
+        zeroRecords: "Tidak ditemukan data yang sesuai",
+        processing: '<div class="custom-loader">Memuat data...</div>'
     };
 </script>
 
@@ -224,7 +225,38 @@
             ],
             language: datatableLanguage,
             autoWidth: false,
-            order: [[3, 'desc']],
+            order: [[10, 'desc']],
+            pagingType: "simple",
+            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']]
+        });
+    });
+</script>
+@endif
+
+@if ($datatable === 'media')
+<script>
+    $(document).ready(function() {
+        $('#mediaTable').DataTable({
+            processing: true,
+            serverSide: true,
+            ajax: '{{ route('dashboard.media.data') }}',
+            columns: [
+                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
+                { data: 'media_name', name: 'media_name' },
+                { data: 'company_name', name: 'company_name' },
+                { data: 'type', name: 'type' },
+                { data: 'classification', name: 'classification' },
+                { data: 'link', name: 'link' },
+                { data: 'address', name: 'address' },
+                { data: 'status', name: 'status' },
+                { data: 'status_edit', name: 'status_edit' },
+                { data: 'action', name: 'action', orderable: false, searchable: false },
+                { data: 'created_at', name: 'created_at', visible: false },
+                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
+            ],
+            language: datatableLanguage,
+            autoWidth: false,
+            order: [[10, 'desc']],
             pagingType: "simple",
             lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']]
         });
diff --git a/resources/views/partials/dashboard/footer.blade.php b/resources/views/partials/dashboard/footer.blade.php
index 01bc606..8afba28 100644
--- a/resources/views/partials/dashboard/footer.blade.php
+++ b/resources/views/partials/dashboard/footer.blade.php
@@ -1,4 +1,8 @@
 <!-- footer @s -->
+<div id="customLoader" style="display:none; text-align:center;">
+    <img src="loader.gif" alt="Loading..." />
+</div>
+
 <div class="nk-footer">
     <div class="container-fluid">
         <div class="nk-footer-wrap">
diff --git a/resources/views/partials/dashboard/sidebar.blade.php b/resources/views/partials/dashboard/sidebar.blade.php
index dae0fe5..69141a5 100644
--- a/resources/views/partials/dashboard/sidebar.blade.php
+++ b/resources/views/partials/dashboard/sidebar.blade.php
@@ -100,7 +100,7 @@
                                     </a>
                                 </li><!-- .nk-menu-item -->
                                 <li class="nk-menu-item">
-                                    <a href="javascript:void(0);" class="nk-menu-link">
+                                    <a href="{{route('dashboard.media.index')}}" class="nk-menu-link {{$page === 'media' ? 'active-page' : ''}}">
                                         <span class="nk-menu-icon"><em class="icon ni ni-medium"></em></span>
                                         <span class="nk-menu-text">Media</span>
                                     </a>
diff --git a/routes/web.php b/routes/web.php
index 95773d5..d3bec14 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -9,6 +9,7 @@
 use App\Http\Controllers\Dashboard\GovernmentAgencyController;
 use App\Http\Controllers\Dashboard\IssueManagementController;
 use App\Http\Controllers\Dashboard\LocationController;
+use App\Http\Controllers\Dashboard\MediaController;
 use App\Http\Controllers\Dashboard\MediaMonitoringController;
 use App\Http\Controllers\Dashboard\NewsController;
 use App\Http\Controllers\Dashboard\OverviewController;
@@ -162,6 +163,20 @@
             Route::get('/data', [DatatableController::class, 'company'])->name('data');
         });
 
+        Route::prefix('media')->name('media.')->group(function(){
+            Route::controller(MediaController::class)->group(function(){
+                Route::get('/', 'index')->name('index');
+                Route::get('/create', 'create')->name('create');
+                Route::post('/', 'store')->name('store');
+                Route::get('/{id}/show', 'show')->name('show');
+                Route::get('/{id}/edit', 'edit')->name('edit');
+                Route::put('/{id}', 'update')->name('update');
+                Route::delete('/{id}', 'destroy')->name('destroy');
+            });
+
+            Route::get('/data', [DatatableController::class, 'media'])->name('data');
+        });
+
         Route::prefix('content-recaps')->name('content.recaps.')->group(function(){
             Route::controller(ContentRecapController::class)->group(function(){
                 Route::get('/', 'index')->name('index');