amar
/
perling
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

main
marszayn 2025-07-04 09:35:04 +07:00
parent 80c528a942
commit 0bb237b314
7 changed files with 448 additions and 109 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/Http/Controllers/Izin/IzinAngkutController.php 100644
View File

@ -0,0 +1,14 @@
<?php
namespace App\Http\Controllers\Izin;
use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
class IzinAngkutController extends Controller
{
public function index_angkut()
{
return view('izinangkut/index_permohonan');
}
}

14
app/Http/Controllers/Izin/IzinEmisiController.php 100644
View File

@ -0,0 +1,14 @@
<?php
namespace App\Http\Controllers\Izin;
use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
class IzinEmisiController extends Controller
{
public function index_emisi()
{
return view('izinemisi/index_permohonan');
}
}

8
resources/views/components/sidebar.blade.php
View File

@ -152,9 +152,9 @@
{{-- submenu --}}
<ul class="sidebar-submenu">
<li>
<a href="{{ route('persetujuan.kerangka.index') }}"><i class="text-primary-600 w-auto"></i>
<a href="{{ route('izinangkut.index_permohonan') }}"><i class="text-primary-600 w-auto"></i>
<iconify-icon icon="bi:journal-text" class="menu-icon"></iconify-icon>
<span>Permohonan Kerangka Acuan</span>
<span>Daftar Permohonan</span>
</a>
</li>
</ul>
@ -168,9 +168,9 @@
{{-- submenu --}}
<ul class="sidebar-submenu">
<li>
<a href="{{ route('persetujuan.kerangka.index') }}"><i class="text-primary-600 w-auto"></i>
<a href="{{ route('izinemisi.index_permohonan') }}"><i class="text-primary-600 w-auto"></i>
<iconify-icon icon="bi:journal-text" class="menu-icon"></iconify-icon>
<span>Permohonan Kerangka Acuan</span>
<span>Daftar Permohonan</span>
</a>
</li>
</ul>

348
resources/views/dashboard/index.blade.php
View File

@ -11,69 +11,84 @@
<div class="col-12">
<div class="card shadow-lg border-0 overflow-hidden">
<div class="card-body p-0">
<ul class="nav nav-pills nav-justified position-relative" id="dashboard-tabs" role="tablist">
<div class="nav-indicator position-absolute bg-primary rounded-pill transition-all"
style="height: 100%; width: 20%; left: 0; top: 0; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1;"></div>
<ul class="nav nav-justified position-relative flex-wrap flex-md-nowrap" id="dashboard-tabs" role="tablist" style="gap: 4px; overflow-x: auto; white-space: nowrap;">
{{-- <div class="position-absolute bg-primary rounded-pill transition-all d-none d-md-block"
style="height: 100%; width: 20%; left: 0; top: 0; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1;"></div> --}}
<li class="nav-item position-relative" role="presentation" style="z-index: 2;">
<button class="nav-link active fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-4 px-3 border-0 bg-transparent position-relative overflow-hidden"
<li class="nav-item position-relative flex-fill" role="presentation" style="z-index: 2; min-width: 80px;">
<button class="nav-link active fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-3 px-2 border-0 bg-transparent position-relative overflow-hidden w-100"
id="pertek-tab" data-bs-toggle="pill" data-bs-target="#pertek-content"
type="button" role="tab" aria-controls="pertek-content" aria-selected="true">
type="button" role="tab" aria-controls="pertek-content" aria-selected="true"
data-bs-toggle="tooltip" data-bs-placement="bottom"
title="Persetujuan Teknis & Sertifikat Laik Operasi"
data-bs-custom-class="tooltip-mobile">
<div class="icon-wrapper d-flex align-items-center justify-content-center">
<x-lucide-shield-check class="w-22-px h-22-px transition-all duration-300"/>
<x-lucide-shield-check class="w-20-px h-20-px w-md-22-px h-md-22-px transition-all duration-300"/>
</div>
<span class="nav-text transition-all duration-300">PERTEK</span>
<span class="nav-text transition-all duration-300 d-none d-sm-inline">PERTEK</span>
<div class="nav-ripple position-absolute rounded-circle bg-white opacity-0 transition-all"
style="width: 0; height: 0; top: 50%; left: 50%; transform: translate(-50%, -50%);"></div>
</button>
</li>
<li class="nav-item position-relative" role="presentation" style="z-index: 2;">
<button class="nav-link fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-4 px-3 border-0 bg-transparent position-relative overflow-hidden"
<li class="nav-item position-relative flex-fill" role="presentation" style="z-index: 2; min-width: 80px;">
<button class="nav-link fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-3 px-2 border-0 bg-transparent position-relative overflow-hidden w-100"
id="rintek-tab" data-bs-toggle="pill" data-bs-target="#rintek-content"
type="button" role="tab" aria-controls="rintek-content" aria-selected="false">
type="button" role="tab" aria-controls="rintek-content" aria-selected="false"
data-bs-toggle="tooltip" data-bs-placement="bottom"
title="Rekomendasi Teknis"
data-bs-custom-class="tooltip-mobile">
<div class="icon-wrapper d-flex align-items-center justify-content-center">
<x-lucide-settings class="w-22-px h-22-px transition-all duration-300"/>
<x-lucide-settings class="w-20-px h-20-px w-md-22-px h-md-22-px transition-all duration-300"/>
</div>
<span class="nav-text transition-all duration-300">RINTEK</span>
<span class="nav-text transition-all duration-300 d-none d-sm-inline">RINTEK</span>
<div class="nav-ripple position-absolute rounded-circle bg-white opacity-0 transition-all"
style="width: 0; height: 0; top: 50%; left: 50%; transform: translate(-50%, -50%);"></div>
</button>
</li>
<li class="nav-item position-relative" role="presentation" style="z-index: 2;">
<button class="nav-link fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-4 px-3 border-0 bg-transparent position-relative overflow-hidden"
<li class="nav-item position-relative flex-fill" role="presentation" style="z-index: 2; min-width: 80px;">
<button class="nav-link fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-3 px-2 border-0 bg-transparent position-relative overflow-hidden w-100"
id="amdal-tab" data-bs-toggle="pill" data-bs-target="#amdal-content"
type="button" role="tab" aria-controls="amdal-content" aria-selected="false">
type="button" role="tab" aria-controls="amdal-content" aria-selected="false"
data-bs-toggle="tooltip" data-bs-placement="bottom"
title="Analisis Mengenai Dampak Lingkungan"
data-bs-custom-class="tooltip-mobile">
<div class="icon-wrapper d-flex align-items-center justify-content-center">
<x-lucide-leaf class="w-22-px h-22-px transition-all duration-300"/>
<x-lucide-leaf class="w-20-px h-20-px w-md-22-px h-md-22-px transition-all duration-300"/>
</div>
<span class="nav-text transition-all duration-300">AMDAL</span>
<span class="nav-text transition-all duration-300 d-none d-sm-inline">AMDAL</span>
<div class="nav-ripple position-absolute rounded-circle bg-white opacity-0 transition-all"
style="width: 0; height: 0; top: 50%; left: 50%; transform: translate(-50%, -50%);"></div>
</button>
</li>
<li class="nav-item position-relative" role="presentation" style="z-index: 2;">
<button class="nav-link fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-4 px-3 border-0 bg-transparent position-relative overflow-hidden"
<li class="nav-item position-relative flex-fill" role="presentation" style="z-index: 2; min-width: 80px;">
<button class="nav-link fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-3 px-2 border-0 bg-transparent position-relative overflow-hidden w-100"
id="angkut-tab" data-bs-toggle="pill" data-bs-target="#angkut-content"
type="button" role="tab" aria-controls="angkut-content" aria-selected="false">
type="button" role="tab" aria-controls="angkut-content" aria-selected="false"
data-bs-toggle="tooltip" data-bs-placement="bottom"
title="Izin Angkut & Olah Limbah B3"
data-bs-custom-class="tooltip-mobile">
<div class="icon-wrapper d-flex align-items-center justify-content-center">
<x-lucide-bus-front class="w-22-px h-22-px transition-all duration-300"/>
<x-lucide-bus-front class="w-20-px h-20-px w-md-22-px h-md-22-px transition-all duration-300"/>
</div>
<span class="nav-text transition-all duration-300">IZIN ANGKUT & OLAH</span>
<span class="nav-text transition-all duration-300 d-none d-sm-inline text-center">IZIN ANGKUT & OLAH</span>
<div class="nav-ripple position-absolute rounded-circle bg-white opacity-0 transition-all"
style="width: 0; height: 0; top: 50%; left: 50%; transform: translate(-50%, -50%);"></div>
</button>
</li>
<li class="nav-item position-relative" role="presentation" style="z-index: 2;">
<button class="nav-link fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-4 px-3 border-0 bg-transparent position-relative overflow-hidden"
<li class="nav-item position-relative flex-fill" role="presentation" style="z-index: 2; min-width: 80px;">
<button class="nav-link fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-3 px-2 border-0 bg-transparent position-relative overflow-hidden w-100"
id="ujiemisi-tab" data-bs-toggle="pill" data-bs-target="#ujiemisi-content"
type="button" role="tab" aria-controls="ujiemisi-content" aria-selected="false">
type="button" role="tab" aria-controls="ujiemisi-content" aria-selected="false"
data-bs-toggle="tooltip" data-bs-placement="bottom"
title="Izin Tempat Uji Emisi Kendaraan Bermotor"
data-bs-custom-class="tooltip-mobile">
<div class="icon-wrapper d-flex align-items-center justify-content-center">
<x-lucide-bus class="w-22-px h-22-px transition-all duration-300"/>
<x-lucide-bus class="w-20-px h-20-px w-md-22-px h-md-22-px transition-all duration-300"/>
</div>
<span class="nav-text transition-all duration-300">IZIN TEMPAT UJI EMISI</span>
<span class="nav-text transition-all duration-300 d-none d-sm-inline text-center">IZIN TEMPAT UJI EMISI</span>
<div class="nav-ripple position-absolute rounded-circle bg-white opacity-0 transition-all"
style="width: 0; height: 0; top: 50%; left: 50%; transform: translate(-50%, -50%);"></div>
</button>
@ -169,7 +184,7 @@
<!-- Top 5 Izin Tercepat Table -->
<div class="row gy-4 mt-4">
<div class="col-6">
<div class="col-lg-6 col-12">
<div class="card shadow-none border h-100">
<div class="card-body p-24">
<span class="badge text-bg-primary">PERTEK</span>
@ -180,46 +195,46 @@
<tr>
<th scope="col" class="text-sm">No</th>
<th scope="col" class="text-sm">Nama Izin</th>
<th scope="col" class="text-sm">Total Izin</th>
<th scope="col" class="text-sm d-none d-lg-table-cell">Waktu Rata-Rata (Pemohon)</th>
<th scope="col" class="text-sm d-none d-lg-table-cell">Waktu Rata-Rata (Petugas)</th>
<th scope="col" class="text-sm d-none d-md-table-cell">Total Izin</th>
<th scope="col" class="text-sm d-none d-xl-table-cell">Waktu Rata-Rata (Pemohon)</th>
<th scope="col" class="text-sm d-none d-xl-table-cell">Waktu Rata-Rata (Petugas)</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td class="text-sm">SERTIFIKAT LAIK OPERASI - PEMENUHAN BAKU MUTU EMISI</td>
<td class="text-sm">125</td>
<td class="text-sm d-none d-lg-table-cell">58 Jam 29 Menit</td>
<td class="text-sm d-none d-lg-table-cell">19 Jam 12 Menit</td>
<td class="text-sm d-none d-md-table-cell">125</td>
<td class="text-sm d-none d-xl-table-cell">58 Jam 29 Menit</td>
<td class="text-sm d-none d-xl-table-cell">19 Jam 12 Menit</td>
</tr>
<tr>
<td>2</td>
<td class="text-sm">PERSETUJUAN TEKNIS - PEMENUHAN BAKU MUTU AIR LIMBAH (PEMANFAATAN)</td>
<td class="text-sm">89</td>
<td class="text-sm d-none d-lg-table-cell">36 Jam 0 Menit</td>
<td class="text-sm d-none d-lg-table-cell">26 Jam 24 Menit</td>
<td class="text-sm d-none d-md-table-cell">89</td>
<td class="text-sm d-none d-xl-table-cell">36 Jam 0 Menit</td>
<td class="text-sm d-none d-xl-table-cell">26 Jam 24 Menit</td>
</tr>
<tr>
<td>3</td>
<td class="text-sm">SERTIFIKAT LAIK OPERASI - PEMENUHAN BAKU MUTU AIR LIMBAH (PEMBUANGAN)</td>
<td class="text-sm">156</td>
<td class="text-sm d-none d-lg-table-cell">43 Jam 12 Menit</td>
<td class="text-sm d-none d-lg-table-cell">31 Jam 12 Menit</td>
<td class="text-sm d-none d-md-table-cell">156</td>
<td class="text-sm d-none d-xl-table-cell">43 Jam 12 Menit</td>
<td class="text-sm d-none d-xl-table-cell">31 Jam 12 Menit</td>
</tr>
<tr>
<td>4</td>
<td class="text-sm">PERSETUJUAN TEKNIS - PEMENUHAN BAKU MUTU AIR LIMBAH (PEMBUANGAN)</td>
<td class="text-sm">73</td>
<td class="text-sm d-none d-lg-table-cell">50 Jam 24 Menit</td>
<td class="text-sm d-none d-lg-table-cell">38 Jam 24 Menit</td>
<td class="text-sm d-none d-md-table-cell">73</td>
<td class="text-sm d-none d-xl-table-cell">50 Jam 24 Menit</td>
<td class="text-sm d-none d-xl-table-cell">38 Jam 24 Menit</td>
</tr>
<tr>
<td>5</td>
<td class="text-sm">SERTIFIKAT LAIK OPERASI - PEMENUHAN BAKU MUTU AIR LIMBAH (PEMANFAATAN)</td>
<td class="text-sm">92</td>
<td class="text-sm d-none d-lg-table-cell">55 Jam 12 Menit</td>
<td class="text-sm d-none d-lg-table-cell">45 Jam 36 Menit</td>
<td class="text-sm d-none d-md-table-cell">92</td>
<td class="text-sm d-none d-xl-table-cell">55 Jam 12 Menit</td>
<td class="text-sm d-none d-xl-table-cell">45 Jam 36 Menit</td>
</tr>
</tbody>
</table>
@ -228,7 +243,7 @@
</div>
</div>
<div class="col-6">
<div class="col-lg-6 col-12">
<div class="card shadow-none border h-100">
<div class="card-body p-24">
<span class="badge text-bg-primary mb-12">PERTEK</span>
@ -239,40 +254,40 @@
<tr>
<th scope="col" class="text-sm">No</th>
<th scope="col" class="text-sm">Nama Izin</th>
<th scope="col" class="text-sm">Pemohon</th>
<th scope="col" class="text-sm d-none d-lg-table-cell">Tanggal Terbit</th>
<th scope="col" class="text-sm d-none d-md-table-cell">Pemohon</th>
<th scope="col" class="text-sm d-none d-xl-table-cell">Tanggal Terbit</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td class="text-sm">SERTIFIKAT LAIK OPERASI - PEMENUHAN BAKU MUTU EMISI</td>
<td class="text-sm">PT. MAJU BERSAMA</td>
<td class="text-sm d-none d-lg-table-cell">15 Des 2024</td>
<td class="text-sm d-none d-md-table-cell">PT. MAJU BERSAMA</td>
<td class="text-sm d-none d-xl-table-cell">15 Des 2024</td>
</tr>
<tr>
<td>2</td>
<td class="text-sm">PERSETUJUAN TEKNIS - PEMENUHAN BAKU MUTU AIR LIMBAH</td>
<td class="text-sm">CV. KARYA MANDIRI</td>
<td class="text-sm d-none d-lg-table-cell">14 Des 2024</td>
<td class="text-sm d-none d-md-table-cell">CV. KARYA MANDIRI</td>
<td class="text-sm d-none d-xl-table-cell">14 Des 2024</td>
</tr>
<tr>
<td>3</td>
<td class="text-sm">SERTIFIKAT LAIK OPERASI - PEMENUHAN BAKU MUTU AIR LIMBAH</td>
<td class="text-sm">PT. INDUSTRI SEJAHTERA</td>
<td class="text-sm d-none d-lg-table-cell">13 Des 2024</td>
<td class="text-sm d-none d-md-table-cell">PT. INDUSTRI SEJAHTERA</td>
<td class="text-sm d-none d-xl-table-cell">13 Des 2024</td>
</tr>
<tr>
<td>4</td>
<td class="text-sm">PERSETUJUAN TEKNIS - PEMENUHAN BAKU MUTU AIR LIMBAH</td>
<td class="text-sm">PT. TEKNOLOGI MODERN</td>
<td class="text-sm d-none d-lg-table-cell">12 Des 2024</td>
<td class="text-sm d-none d-md-table-cell">PT. TEKNOLOGI MODERN</td>
<td class="text-sm d-none d-xl-table-cell">12 Des 2024</td>
</tr>
<tr>
<td>5</td>
<td class="text-sm">SERTIFIKAT LAIK OPERASI - PEMENUHAN BAKU MUTU EMISI</td>
<td class="text-sm">CV. BERKAH JAYA</td>
<td class="text-sm d-none d-lg-table-cell">11 Des 2024</td>
<td class="text-sm d-none d-md-table-cell">CV. BERKAH JAYA</td>
<td class="text-sm d-none d-xl-table-cell">11 Des 2024</td>
</tr>
</tbody>
</table>
@ -433,7 +448,7 @@
<!-- Top 5 Izin Tercepat Table -->
<div class="row gy-4 mt-4">
<div class="col-6">
<div class="col-lg-6 col-12">
<div class="card shadow-none border h-100">
<div class="card-body p-24">
<span class="badge text-bg-success">RINTEK</span>
@ -444,46 +459,46 @@
<tr>
<th scope="col" class="text-sm">No</th>
<th scope="col" class="text-sm">Nama Izin</th>
<th scope="col" class="text-sm">Total Izin</th>
<th scope="col" class="text-sm d-none d-lg-table-cell">Waktu Rata-Rata (Pemohon)</th>
<th scope="col" class="text-sm d-none d-lg-table-cell">Waktu Rata-Rata (Petugas)</th>
<th scope="col" class="text-sm d-none d-md-table-cell">Total Izin</th>
<th scope="col" class="text-sm d-none d-xl-table-cell">Waktu Rata-Rata (Pemohon)</th>
<th scope="col" class="text-sm d-none d-xl-table-cell">Waktu Rata-Rata (Petugas)</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td class="text-sm">REKOMENDASI TEKNIS KEGIATAN PEMANFAATAN RUANG</td>
<td class="text-sm">98</td>
<td class="text-sm d-none d-lg-table-cell">42 Jam 15 Menit</td>
<td class="text-sm d-none d-lg-table-cell">18 Jam 30 Menit</td>
<td class="text-sm d-none d-md-table-cell">98</td>
<td class="text-sm d-none d-xl-table-cell">42 Jam 15 Menit</td>
<td class="text-sm d-none d-xl-table-cell">18 Jam 30 Menit</td>
</tr>
<tr>
<td>2</td>
<td class="text-sm">PERSETUJUAN TEKNIS BANGUNAN GEDUNG</td>
<td class="text-sm">76</td>
<td class="text-sm d-none d-lg-table-cell">35 Jam 45 Menit</td>
<td class="text-sm d-none d-lg-table-cell">22 Jam 12 Menit</td>
<td class="text-sm d-none d-md-table-cell">76</td>
<td class="text-sm d-none d-xl-table-cell">35 Jam 45 Menit</td>
<td class="text-sm d-none d-xl-table-cell">22 Jam 12 Menit</td>
</tr>
<tr>
<td>3</td>
<td class="text-sm">IZIN MENDIRIKAN BANGUNAN</td>
<td class="text-sm">134</td>
<td class="text-sm d-none d-lg-table-cell">48 Jam 20 Menit</td>
<td class="text-sm d-none d-lg-table-cell">28 Jam 45 Menit</td>
<td class="text-sm d-none d-md-table-cell">134</td>
<td class="text-sm d-none d-xl-table-cell">48 Jam 20 Menit</td>
<td class="text-sm d-none d-xl-table-cell">28 Jam 45 Menit</td>
</tr>
<tr>
<td>4</td>
<td class="text-sm">SERTIFIKAT LAIK FUNGSI BANGUNAN</td>
<td class="text-sm">67</td>
<td class="text-sm d-none d-lg-table-cell">52 Jam 10 Menit</td>
<td class="text-sm d-none d-lg-table-cell">35 Jam 20 Menit</td>
<td class="text-sm d-none d-md-table-cell">67</td>
<td class="text-sm d-none d-xl-table-cell">52 Jam 10 Menit</td>
<td class="text-sm d-none d-xl-table-cell">35 Jam 20 Menit</td>
</tr>
<tr>
<td>5</td>
<td class="text-sm">PERSETUJUAN TEKNIS PRASARANA WILAYAH</td>
<td class="text-sm">89</td>
<td class="text-sm d-none d-lg-table-cell">60 Jam 30 Menit</td>
<td class="text-sm d-none d-lg-table-cell">40 Jam 15 Menit</td>
<td class="text-sm d-none d-md-table-cell">89</td>
<td class="text-sm d-none d-xl-table-cell">60 Jam 30 Menit</td>
<td class="text-sm d-none d-xl-table-cell">40 Jam 15 Menit</td>
</tr>
</tbody>
</table>
@ -492,7 +507,7 @@
</div>
</div>
<div class="col-6">
<div class="col-lg-6 col-12">
<div class="card shadow-none border h-100">
<div class="card-body p-24">
<span class="badge text-bg-success">RINTEK</span>
@ -503,34 +518,34 @@
<tr>
<th scope="col" class="text-sm">No</th>
<th scope="col" class="text-sm">Nama Izin</th>
<th scope="col" class="text-sm">Pemohon</th>
<th scope="col" class="text-sm d-none d-lg-table-cell">Tanggal Terbit</th>
<th scope="col" class="text-sm d-none d-md-table-cell">Pemohon</th>
<th scope="col" class="text-sm d-none d-xl-table-cell">Tanggal Terbit</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td class="text-sm">SERTIFIKAT LAIK OPERASI - PEMENUHAN BAKU MUTU EMISI</td>
<td class="text-sm">PT. MAJU BERSAMA</td>
<td class="text-sm d-none d-lg-table-cell">15 Des 2024</td>
<td class="text-sm d-none d-md-table-cell">PT. MAJU BERSAMA</td>
<td class="text-sm d-none d-xl-table-cell">15 Des 2024</td>
</tr>
<tr>
<td>2</td>
<td class="text-sm">PERSETUJUAN TEKNIS - PEMENUHAN BAKU MUTU AIR LIMBAH</td>
<td class="text-sm">CV. KARYA MANDIRI</td>
<td class="text-sm d-none d-lg-table-cell">14 Des 2024</td>
<td class="text-sm d-none d-md-table-cell">CV. KARYA MANDIRI</td>
<td class="text-sm d-none d-xl-table-cell">14 Des 2024</td>
</tr>
<tr>
<td>3</td>
<td class="text-sm">SERTIFIKAT LAIK OPERASI - PEMENUHAN BAKU MUTU AIR LIMBAH</td>
<td class="text-sm">PT. INDUSTRI SEJAHTERA</td>
<td class="text-sm d-none d-lg-table-cell">13 Des 2024</td>
<td class="text-sm d-none d-md-table-cell">PT. INDUSTRI SEJAHTERA</td>
<td class="text-sm d-none d-xl-table-cell">13 Des 2024</td>
</tr>
<tr>
<td>4</td>
<td class="text-sm">PERSETUJUAN TEKNIS - PEMENUHAN BAKU MUTU AIR LIMBAH</td>
<td class="text-sm">PT. TEKNOLOGI MODERN</td>
<td class="text-sm d-none d-lg-table-cell">12 Des 2024</td>
<td class="text-sm d-none d-md-table-cell">PT. TEKNOLOGI MODERN</td>
<td class="text-sm d-none d-xl-table-cell">12 Des 2024</td>
</tr>
<tr>
<td>5</td>
@ -697,7 +712,7 @@
<!-- Top 5 Izin Tercepat Table -->
<div class="row gy-4 mt-4">
<div class="col-6">
<div class="col-lg-6 col-12">
<div class="card shadow-none border h-100">
<div class="card-body p-24">
<span class="badge text-bg-info text-white">AMDAL</span>
@ -1414,16 +1429,16 @@
@push('css')
<style>
.nav-pills {
/* .nav-pills {
background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);
border-radius: 16px;
padding: 8px;
box-shadow:
0 4px 24px rgba(0, 0, 0, 0.06),
inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
} */
.nav-pills .nav-link {
.nav-link {
border-radius: 12px;
position: relative;
overflow: hidden;
@ -1436,7 +1451,7 @@
z-index: 2;
}
.nav-pills .nav-link::before {
.nav-link::before {
content: '';
position: absolute;
top: 0;
@ -1450,24 +1465,24 @@
z-index: -1;
}
.nav-pills .nav-link:hover::before {
.nav-link:hover::before {
opacity: 1;
}
.nav-pills .nav-link:hover {
.nav-link:hover {
transform: translateY(-2px);
color: #3b82f6;
box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);
}
.nav-pills .nav-link.active {
.nav-link.active {
background: transparent;
color: white;
transform: translateY(-1px);
box-shadow: 0 12px 40px rgba(59, 130, 246, 0.4);
}
.nav-indicator {
/* .nav-indicator {
background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #06b6d4 100%);
border-radius: 12px;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
@ -1476,7 +1491,7 @@
0 4px 16px rgba(139, 92, 246, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
z-index: 1;
}
} */
.icon-wrapper {
width: 36px;
@ -1536,10 +1551,10 @@
/* Responsive design */
@media (max-width: 768px) {
.nav-pills {
/* .nav-pills {
padding: 6px;
border-radius: 12px;
}
} */
.nav-pills .nav-link {
padding: 12px 8px;
@ -1580,7 +1595,7 @@
}
/* Glass morphism effect */
.nav-pills::before {
/* .nav-pills::before {
content: '';
position: absolute;
top: 0;
@ -1592,7 +1607,7 @@
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
z-index: -1;
}
} */
</style>
@endpush
@ -1643,9 +1658,134 @@ document.addEventListener('DOMContentLoaded', function() {
const leftPosition = (tabIndex * 20) + '%';
indicator.style.left = leftPosition;
}
// Handle window resize to show/hide indicator
window.addEventListener('resize', function() {
if (window.innerWidth < 768) {
indicator.style.display = 'none';
} else {
indicator.style.display = 'block';
// Update indicator position for the active tab
const activeTab = document.querySelector('#dashboard-tabs .nav-link.active');
if (activeTab) {
updateIndicator(activeTab);
}
}
});
// Initial check for mobile/desktop
if (window.innerWidth < 768) {
indicator.style.display = 'none';
}
});
// Aktifkan tooltip Bootstrap pada semua tab di mobile
document.addEventListener('DOMContentLoaded', function () {
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
tooltipTriggerList.forEach(function (tooltipTriggerEl) {
new bootstrap.Tooltip(tooltipTriggerEl);
});
});
</script>
<style>
/* Desktop active state styles */
@media (min-width: 768px) {
#dashboard-tabs .nav-link.active {
background-color: var(--bs-primary) !important;
color: white !important;
border-radius: 12px !important;
position: relative;
z-index: 2;
}
#dashboard-tabs .nav-link.active svg {
color: white !important;
}
#dashboard-tabs .nav-link.active .nav-text {
color: white !important;
}
#dashboard-tabs .nav-link:not(.active) {
color: var(--bs-gray-600) !important;
}
#dashboard-tabs .nav-link:not(.active) svg {
color: var(--bs-gray-600) !important;
}
#dashboard-tabs .nav-link:not(.active) .nav-text {
color: var(--bs-gray-600) !important;
}
/* Hover states for desktop */
#dashboard-tabs .nav-link:not(.active):hover {
color: var(--bs-primary) !important;
transform: translateY(-2px);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
#dashboard-tabs .nav-link:not(.active):hover svg {
color: var(--bs-primary) !important;
}
#dashboard-tabs .nav-link:not(.active):hover .nav-text {
color: var(--bs-primary) !important;
}
.tooltip-mobile {
display: none !important;
}
}
@media (max-width: 767.98px) {
#dashboard-tabs {
flex-wrap: nowrap !important;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
#dashboard-tabs .nav-item {
min-width: 100px;
flex: 0 0 auto;
}
#dashboard-tabs .nav-text {
display: none !important;
}
/* Mobile active state styles */
#dashboard-tabs .nav-link.active {
background-color: var(--bs-primary) !important;
color: white !important;
border-radius: 8px !important;
}
#dashboard-tabs .nav-link.active svg {
color: white !important;
}
#dashboard-tabs .nav-link:not(.active) {
background-color: transparent !important;
color: var(--bs-gray-600) !important;
}
#dashboard-tabs .nav-link:not(.active) svg {
color: var(--bs-gray-600) !important;
}
/* Hover states for mobile */
#dashboard-tabs .nav-link:not(.active):hover {
background-color: var(--bs-gray-100) !important;
color: var(--bs-primary) !important;
}
#dashboard-tabs .nav-link:not(.active):hover svg {
color: var(--bs-primary) !important;
}
}
/* Custom tooltip styles for mobile */
.tooltip-mobile {
font-size: 12px !important;
}
</style>
@endpush

79
resources/views/izinangkut/index_permohonan.blade.php 100644
View File

@ -0,0 +1,79 @@
@extends('layout.layout')
@php
$title='Daftar Izin Angkut & Olah';
$subTitle = 'Daftar Izin Angkut & Olah';
$script = '<script>
let table = new DataTable("#dataTable");
</script>';
@endphp
@section('content')
<div class="card basic-data-table">
<div class="card-body">
<span class="badge bg-primary text-white mb-3">
Jumlah Izin Angkut & Olah: <span class="fw-bold">{{ $jumlahIzin ?? 20 }}</span>
</span>
<div class="table-responsive">
<table class="table bordered-table mb-0" id="dataTable" data-page-length='10'>
<thead>
<tr>
<th scope="col">
<div class="form-check style-check d-flex align-items-center">
<label class="form-check-label">
No
</label>
</div>
</th>
<th scope="col">Nomor Permohonan</th>
<th scope="col">Perusahaan</th>
<th scope="col">Nama Kegiatan</th>
<th scope="col">Tipe Perizinan</th>
<th scope="col">Pemohon</th>
<th scope="col">Tanggal</th>
<th scope="col">Status</th>
<th scope="col">Dok</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="form-check style-check d-flex align-items-center">
<label class="form-check-label">
01
</label>
</div>
</td>
{{-- <td><a href="javascript:void(0)" class="text-primary-600" data-bs-toggle="modal" data-bs-target="#detailModal">K24/250319E5CC8C330</a></td> --}}
<td>
<a href="{{ route('pertek.verifikator_arahan') }}" class="text-primary-600">K24/Verifikator</a>
<a href="{{ route('pertek.user_arahan') }}" class="text-primary-600 bg-amber-300 rounded-2xl">65D47C214422D</a>
</td>
{{-- @include('pertek.arahan.modal_detail_arahan') --}}
{{-- @include('pertek.arahan.admin_modal_detail_arahan') --}}
<td>
<div class="d-flex align-items-center">
{{-- <img src="{{ asset('assets/images/user-list/user-list1.png') }}" alt="" class="flex-shrink-0 me-12 radius-8"> --}}
<h6 class="text-md mb-0 fw-medium flex-grow-1">PT. Permata Hijau</h6>
</div>
</td>
<td>Pembangungan Gedung Baru</td>
<td>UKL-UPL</td>
<td>Charles Hasibuan</td>
<td>21 Maret 2025</td>
<td> <span class="bg-success-focus text-success-main px-24 py-4 rounded-pill fw-medium text-sm">Proses Review Teknis</span> </td>
<td>
<a href="#" class="btn btn-sm btn-light-primary text-success" title="Download Dokumen" download>
<iconify-icon icon="material-symbols:description" class="text-xl"></iconify-icon>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
@endsection

79
resources/views/izinemisi/index_permohonan.blade.php 100644
View File

@ -0,0 +1,79 @@
@extends('layout.layout')
@php
$title='Daftar Izin Tempat Uji Emisi';
$subTitle = 'Daftar Izin Tempat Uji Emisi';
$script = '<script>
let table = new DataTable("#dataTable");
</script>';
@endphp
@section('content')
<div class="card basic-data-table">
<div class="card-body">
<span class="badge bg-primary text-white mb-3">
Jumlah Izin Tempat Uji Emisi: <span class="fw-bold">{{ $jumlahIzin ?? 20 }}</span>
</span>
<div class="table-responsive">
<table class="table bordered-table mb-0" id="dataTable" data-page-length='10'>
<thead>
<tr>
<th scope="col">
<div class="form-check style-check d-flex align-items-center">
<label class="form-check-label">
No
</label>
</div>
</th>
<th scope="col">Nomor Permohonan</th>
<th scope="col">Perusahaan</th>
<th scope="col">Nama Kegiatan</th>
<th scope="col">Tipe Perizinan</th>
<th scope="col">Pemohon</th>
<th scope="col">Tanggal</th>
<th scope="col">Status</th>
<th scope="col">Dok</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="form-check style-check d-flex align-items-center">
<label class="form-check-label">
01
</label>
</div>
</td>
{{-- <td><a href="javascript:void(0)" class="text-primary-600" data-bs-toggle="modal" data-bs-target="#detailModal">K24/250319E5CC8C330</a></td> --}}
<td>
<a href="{{ route('pertek.verifikator_arahan') }}" class="text-primary-600">K24/Verifikator</a>
<a href="{{ route('pertek.user_arahan') }}" class="text-primary-600 bg-amber-300 rounded-2xl">65D47C214422D</a>
</td>
{{-- @include('pertek.arahan.modal_detail_arahan') --}}
{{-- @include('pertek.arahan.admin_modal_detail_arahan') --}}
<td>
<div class="d-flex align-items-center">
{{-- <img src="{{ asset('assets/images/user-list/user-list1.png') }}" alt="" class="flex-shrink-0 me-12 radius-8"> --}}
<h6 class="text-md mb-0 fw-medium flex-grow-1">PT. Permata Hijau</h6>
</div>
</td>
<td>Pembangungan Gedung Baru</td>
<td>UKL-UPL</td>
<td>Charles Hasibuan</td>
<td>21 Maret 2025</td>
<td> <span class="bg-success-focus text-success-main px-24 py-4 rounded-pill fw-medium text-sm">Proses Review Teknis</span> </td>
<td>
<a href="#" class="btn btn-sm btn-light-primary text-success" title="Download Dokumen" download>
<iconify-icon icon="material-symbols:description" class="text-xl"></iconify-icon>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
@endsection

13
routes/web.php
View File

@ -2,6 +2,8 @@
use App\Http\Controllers\DashboardController;
use App\Http\Controllers\HomeController;
use App\Http\Controllers\Izin\IzinAngkutController;
use App\Http\Controllers\Izin\IzinEmisiController;
use App\Http\Controllers\JadwalSidangController;
use App\Http\Controllers\LoginController;
use App\Http\Controllers\NewsController;
@ -89,6 +91,16 @@ Route::prefix('admin')->group(function () {
Route::get('/rintek/verifikator/arahan', [RincianTeknisController::class, 'verifikator_arahan'])->name('rintek.verifikator_arahan');
});
//izin angkut
Route::prefix('admin')->group(function () {
Route::get('/izinangkut', [IzinAngkutController::class, 'index_angkut'])->name('izinangkut.index_permohonan');
});
//izin angkut
Route::prefix('admin')->group(function () {
Route::get('/izinemisi', [IzinEmisiController::class, 'index_emisi'])->name('izinemisi.index_permohonan');
});
//rintek
// Route::prefix('admin')->group(function () {
// Route::get('/jadwal', [JadwalSidangController::class, 'index'])->name('jadwal.index');
@ -149,6 +161,7 @@ Route::prefix('admin')->group(function () {
Route::get('/delh/detail', [DelhController::class, 'detail'])->name('persetujuan.delh.detail');
});
Route::prefix('admin')->group(function () {
Route::get('/dplh', [DplhController::class, 'index'])->name('persetujuan.dplh.index');
Route::get('/dplh/detail', [DplhController::class, 'detail'])->name('persetujuan.dplh.detail');