fix merge

.htaccess

@@ -0,0 +1,21 @@
+<IfModule mod_rewrite.c>
+    <IfModule mod_negotiation.c>
+        Options -MultiViews -Indexes
+    </IfModule>
+
+    RewriteEngine On
+
+    # Handle Authorization Header
+    RewriteCond %{HTTP:Authorization} .
+    RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
+
+    # Redirect Trailing Slashes If Not A Folder...
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteCond %{REQUEST_URI} (.+)/$
+    RewriteRule ^ %1 [L,R=301]
+
+    # Send Requests To Front Controller...
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteCond %{REQUEST_FILENAME} !-f
+    RewriteRule ^ index.php [L]
+</IfModule>

app/Http/Controllers/DataBumdesController.php

@@ -11,15 +11,17 @@ use App\Models\data_pribadi_bumdes;
 use App\Http\Requests\Storedata_bumdesRequest;
 use App\Http\Requests\Updatedata_bumdesRequest;
 use Illuminate\Support\Facades\Validator;
+use Illuminate\Support\Facades\DB;
 
 class DataBumdesController extends Controller
 {
     /**
      * Display a listing of the resource.
      */
-    public function savebumdes(Request $request){
+    public function savebumdes(Request $request)
+    {
         $rules = [
-            'nip' => 'required',
+            'nip' => 'required|integer',
             'nama_lengkap' => 'required',
             'pangkat' => 'required',
             'jabatan' => 'required',
@@ -55,42 +57,45 @@ class DataBumdesController extends Controller
         if ($validator->fails()) {
             return response()->json(['input_data_gagal' => $validator->errors()], 400);
         }
-        data_pribadi_bumdes::create([
+        $data_pribadi_bumdes = data_pribadi_bumdes::create([
             "nip" => $request->nip,
-            "nama_lengkap"=>$request->nama_lengkap,
-            "pangkat"=>$request->pangkat,
-            "jabatan"=>$request->jabatan,
-            "instansi"=>$request->instansi,
-            "kabupaten"=>$request->kabupaten,
-            "phone_number"=>$request->phone_number,
-            "pesan"=>$request->pesan,
-            "alamat"=>$request->alamat
+            "nama_lengkap" => $request->nama_lengkap,
+            "pangkat" => $request->pangkat,
+            "jabatan" => $request->jabatan,
+            "instansi" => $request->instansi,
+            "kabupaten" => $request->kabupaten,
+            "phone_number" => $request->phone_number,
+            "pesan" => $request->pesan,
+            "alamat" => $request->alamat
         ]);
         data_distrik_bumdes::create([
-            "nama_distrik"=>$request->nama_distrik,
-            "jumlah_kampung"=>$request->jumlah_kampung,
-            "jumlah_penduduk"=>$request->jumlah_penduduk
+            "nama_distrik" => $request->nama_distrik,
+            "jumlah_kampung" => $request->jumlah_kampung,
+            "jumlah_penduduk" => $request->jumlah_penduduk,
+            'data_pribadi_bumdes_id' => $data_pribadi_bumdes->id
         ]);
+
         data_bumdes::create([
-            "pendidikan"=>$request->pendidikan,
-            "pertanian"=>$request->pertanian,
-            "peternakan"=>$request->peternakan,
-            "perikanan"=>$request->perikanan,
-            "perkebunan"=>$request->perkebunan,
-            "kehutanan"=>$request->kehutanan,
-            "lain_lain"=>$request->lain_lain,
-            "potensi_aset"=>$request->potensi_aset,
-            "jenis_pelatihan"=>$request->jenis_pelatihan,
-            "kelembagaan_adat"=>$request->kelembagaan_adat,
-            "kelembagaan_sosial"=>$request->kelembagaan_sosial,
-            "bumdes_sudah_berbadan"=>$request->bumdes_sudah_berbadan,
-            "bumdes_belum_berbadan"=>$request->bumdes_belum_berbadan,
-            "jenis_usaha_bumdes"=>$request->jenis_usaha_bumdes,
-            "jarak_tempuh_bandara"=>$request->jarak_tempuh_bandara,
-            "jarak_tempuh_kampung"=>$request->jarak_tempuh_kampung,
-            "sharing_information"=>$request->sharing_information,
+            "pendidikan" => $request->pendidikan,
+            "pertanian" => $request->pertanian,
+            "peternakan" => $request->peternakan,
+            "perikanan" => $request->perikanan,
+            "perkebunan" => $request->perkebunan,
+            "kehutanan" => $request->kehutanan,
+            "lain_lain" => $request->lain_lain,
+            "potensi_aset" => $request->potensi_aset,
+            "jenis_pelatihan" => $request->jenis_pelatihan,
+            "kelembagaan_adat" => $request->kelembagaan_adat,
+            "kelembagaan_sosial" => $request->kelembagaan_sosial,
+            "bumdes_sudah_berbadan" => $request->bumdes_sudah_berbadan,
+            "bumdes_belum_berbadan" => $request->bumdes_belum_berbadan,
+            "jenis_usaha_bumdes" => $request->jenis_usaha_bumdes,
+            "jarak_tempuh_bandara" => $request->jarak_tempuh_bandara,
+            "jarak_tempuh_kampung" => $request->jarak_tempuh_kampung,
+            "sharing_information" => $request->sharing_information,
+            'data_pribadi_bumdes_id' => $data_pribadi_bumdes->id
         ]);
-        $response=[
+        $response = [
             'nip' => $request->nip,
             'nama_lengkap' => $request->nama_lengkap,
             'pangkat' => $request->pangkat,
@@ -121,12 +126,32 @@ class DataBumdesController extends Controller
             'jenis_pelatihan' => $request->jenis_pelatihan,
             // 'kampung_binaan' => $request->kampung_binaan,
             'sharing_information' => $request->sharing_information,
+            'data_id' => $data_pribadi_bumdes->id
         ];
         return response()->json(['data' => $response, 'message' => 'Data berhasil disimpan']);
-
+    }
+    public function printpagesbumdes($category, $id)
+    {
+        // dd($category);
+        // dd($id);
+        // $categori = $category . "";
+        // dd($categori);
+        $query = "SELECT
+        data_pribadi_bumdes.*,
+        data_bumdes.*,
+        data_distrik_bumdes.* 
+    FROM
+        data_pribadi_bumdes
+        INNER JOIN data_bumdes ON data_pribadi_bumdes.ID = data_bumdes.data_pribadi_bumdes_id ::
+        INT INNER JOIN data_distrik_bumdes ON data_pribadi_bumdes.ID = data_distrik_bumdes.data_pribadi_bumdes_id :: INT WHERE data_pribadi_bumdes.id = $id";
+        $data = DB::select($query);
+        // dd($data[0]);
+        return view('BumDes.print-pages', [
+            'data_pribadi' => $data,
+        ]);
     }
 
-      public function index()
+    public function index()
     {
         //
     }

app/Http/Controllers/DataClatransController.php

@@ -9,15 +9,17 @@ use App\Models\data_distrik_caltrans;
 use App\Models\data_pribadi_caltrans;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Validator;
+use Illuminate\Support\Facades\DB;
 
 class DataClatransController extends Controller
 {
     /**
      * Display a listing of the resource.
      */
-    public function savedatacaltrans(Request $request){
+    public function savedatacaltrans(Request $request)
+    {
         $rules = [
-            'nip' => 'required',
+            'nip' => 'required|integer',
             'nama_lengkap' => 'required',
             'pangkat' => 'required',
             'jabatan' => 'required',
@@ -53,40 +55,42 @@ class DataClatransController extends Controller
         if ($validator->fails()) {
             return response()->json(['input_data_gagal' => $validator->errors()], 400);
         }
-        data_pribadi_caltrans::create([
+        $data_pribadi_caltrans = data_pribadi_caltrans::create([
             "nip" => $request->nip,
-            "nama_lengkap"=>$request->nama_lengkap,
-            "pangkat"=>$request->pangkat,
-            "jabatan"=>$request->jabatan,
-            "instansi"=>$request->instansi,
-            "kabupaten"=>$request->kabupaten,
-            "phone_number"=>$request->phone_number,
-            "pesan"=>$request->pesan,
-            "alamat"=>$request->alamat
+            "nama_lengkap" => $request->nama_lengkap,
+            "pangkat" => $request->pangkat,
+            "jabatan" => $request->jabatan,
+            "instansi" => $request->instansi,
+            "kabupaten" => $request->kabupaten,
+            "phone_number" => $request->phone_number,
+            "pesan" => $request->pesan,
+            "alamat" => $request->alamat
         ]);
         data_distrik_caltrans::create([
-            "nama_distrik"=>$request->nama_distrik,
-            "jumlah_kampung"=>$request->jumlah_kampung,
-            "jumlah_penduduk"=>$request->jumlah_penduduk
+            "nama_distrik" => $request->nama_distrik,
+            "jumlah_kampung" => $request->jumlah_kampung,
+            "jumlah_penduduk" => $request->jumlah_penduduk,
+            "data_pribadi_caltrans_id" => $data_pribadi_caltrans->id
         ]);
         data_clatrans::create([
-            "pendidikan"=>$request->pendidikan,
-            "pertanian"=>$request->pertanian,
-            "peternakan"=>$request->peternakan,
-            "perikanan"=>$request->perikanan,
-            "perkebunan"=>$request->perkebunan,
-            "kehutanan"=>$request->kehutanan,
-            "lain_lain"=>$request->lain_lain,
-            "kelembagaan_adat"=>$request->kelembagaan_adat,
-            "kelembagaan_sosial"=>$request->kelembagaan_sosial,
-            "no_sk_caltrans"=>$request->no_sk_caltrans,
-            "tgl_sk_caltrans"=>$request->tgl_sk_caltrans,
-            "penandatangan_sk_caltrans"=>$request->penandatangan_sk_caltrans,
-            "jarak_tempuh_bandara"=>$request->jarak_tempuh_bandara,
-            "jarak_tempuh_kampung"=>$request->jarak_tempuh_kampung,
-            "kampung_binaan"=>$request->kampung_binaan,
-            "jenis_pelatihan"=>$request->jenis_pelatihan,
-            "sharing_information"=>$request->sharing_information,
+            "pendidikan" => $request->pendidikan,
+            "pertanian" => $request->pertanian,
+            "peternakan" => $request->peternakan,
+            "perikanan" => $request->perikanan,
+            "perkebunan" => $request->perkebunan,
+            "kehutanan" => $request->kehutanan,
+            "lain_lain" => $request->lain_lain,
+            "kelembagaan_adat" => $request->kelembagaan_adat,
+            "kelembagaan_sosial" => $request->kelembagaan_sosial,
+            "no_sk_caltrans" => $request->no_sk_caltrans,
+            "tgl_sk_caltrans" => $request->tgl_sk_caltrans,
+            "penandatangan_sk_caltrans" => $request->penandatangan_sk_caltrans,
+            "jarak_tempuh_bandara" => $request->jarak_tempuh_bandara,
+            "jarak_tempuh_kampung" => $request->jarak_tempuh_kampung,
+            "kampung_binaan" => $request->kampung_binaan,
+            "jenis_pelatihan" => $request->jenis_pelatihan,
+            "sharing_information" => $request->sharing_information,
+            "data_pribadi_caltrans_id" => $data_pribadi_caltrans->id
         ]);
         $response = [
             'nip' => $request->nip,
@@ -118,12 +122,34 @@ class DataClatransController extends Controller
             'jenis_pelatihan' => $request->jenis_pelatihan,
             'kampung_binaan' => $request->kampung_binaan,
             'sharing_information' => $request->sharing_information,
+            'data_id' => $data_pribadi_caltrans->id
         ];
         // dd($response);
         // Kembalikan respons JSON
         return response()->json(['data' => $response, 'message' => 'Data berhasil disimpan']);
     }
-     public function index()
+    public function printpagescaltrans($category, $id)
+    {
+        // dd($category);
+        // dd($id);
+        // $categori = $category . "";
+        // dd($categori);
+        $query = "SELECT
+        data_pribadi_caltrans.*,
+        data_clatrans.*,
+        data_distrik_caltrans.* 
+    FROM
+        data_pribadi_caltrans
+        INNER JOIN data_clatrans ON data_pribadi_caltrans.ID = data_clatrans.data_pribadi_caltrans_id ::
+        INT INNER JOIN data_distrik_caltrans ON data_pribadi_caltrans.ID = data_distrik_caltrans.data_pribadi_caltrans_id :: INT WHERE data_pribadi_caltrans.id = $id";
+        $data = DB::select($query);
+        // dd($data[0]);
+        return view('CalTrans.print-pages', [
+            'data_pribadi' => $data,
+        ]);
+    }
+
+    public function index()
     {
         //
     }

app/Http/Controllers/DataDeswitaController.php

@@ -1,6 +1,7 @@
 <?php
 
 namespace App\Http\Controllers;
+
 use App\Models\data_distrik_deswita;
 use App\Models\data_pribadi_deswita;
 use Illuminate\Http\Request;
@@ -8,14 +9,17 @@ use App\Models\data_deswita;
 use App\Http\Requests\Storedata_deswitaRequest;
 use App\Http\Requests\Updatedata_deswitaRequest;
 use Illuminate\Support\Facades\Validator;
+use Illuminate\Support\Facades\DB;
+
 class DataDeswitaController extends Controller
 {
     /**
      * Display a listing of the resource.
      */
-    public function savedatadeswita(Request $request){
+    public function savedatadeswita(Request $request)
+    {
         $rules = [
-            'nip' => 'required',
+            'nip' => 'required|integer',
             'nama_lengkap' => 'required',
             'pangkat' => 'required',
             'jabatan' => 'required',
@@ -45,34 +49,36 @@ class DataDeswitaController extends Controller
         if ($validator->fails()) {
             return response()->json(['input_data_gagal' => $validator->errors()], 400);
         }
-        data_pribadi_deswita::create([
+        $data_pribadi_deswita = data_pribadi_deswita::create([
             "nip" => $request->nip,
-            "nama_lengkap"=>$request->nama_lengkap,
-            "pangkat"=>$request->pangkat,
-            "jabatan"=>$request->jabatan,
-            "instansi"=>$request->instansi,
-            "kabupaten"=>$request->kabupaten,
-            "phone_number"=>$request->phone_number,
-            "pesan"=>$request->pesan,
-            "alamat"=>$request->alamat
+            "nama_lengkap" => $request->nama_lengkap,
+            "pangkat" => $request->pangkat,
+            "jabatan" => $request->jabatan,
+            "instansi" => $request->instansi,
+            "kabupaten" => $request->kabupaten,
+            "phone_number" => $request->phone_number,
+            "pesan" => $request->pesan,
+            "alamat" => $request->alamat
         ]);
         data_distrik_deswita::create([
-            "nama_distrik"=>$request->nama_distrik,
-            "jumlah_kampung"=>$request->jumlah_kampung,
-            "jumlah_penduduk"=>$request->jumlah_penduduk
+            "nama_distrik" => $request->nama_distrik,
+            "jumlah_kampung" => $request->jumlah_kampung,
+            "jumlah_penduduk" => $request->jumlah_penduduk,
+            "data_pribadi_deswita_id" => $data_pribadi_deswita->id
         ]);
         data_deswita::create([
-            "pendidikan"=>$request->pendidikan,
-            "atraksi"=>$request->atraksi,
-            "amenitas"=>$request->amenitas,
-            "aksesibilitas"=>$request->aksesibilitas,
-            "kelembagaan"=>$request->kelembagaan,
-            "jumlah_pokdarwis"=>$request->jumlah_pokdarwis,
-            "jenis_pelatihan"=>$request->jenis_pelatihan,
-            "kampung_binaan"=>$request->kampung_binaan,
-            "jarak_tempuh_bandara"=>$request->jarak_tempuh_bandara,
-            "jarak_tempuh_kampung"=>$request->jarak_tempuh_kampung,
-            "sharing_information"=>$request->sharing_information,
+            "pendidikan" => $request->pendidikan,
+            "atraksi" => $request->atraksi,
+            "amenitas" => $request->amenitas,
+            "aksesibilitas" => $request->aksesibilitas,
+            "kelembagaan" => $request->kelembagaan,
+            "jumlah_pokdarwis" => $request->jumlah_pokdarwis,
+            "jenis_pelatihan" => $request->jenis_pelatihan,
+            "kampung_binaan" => $request->kampung_binaan,
+            "jarak_tempuh_bandara" => $request->jarak_tempuh_bandara,
+            "jarak_tempuh_kampung" => $request->jarak_tempuh_kampung,
+            "sharing_information" => $request->sharing_information,
+            "data_pribadi_deswita_id" => $data_pribadi_deswita->id
         ]);
         $response = [
             'nip' => $request->nip,
@@ -98,13 +104,26 @@ class DataDeswitaController extends Controller
             'jenis_pelatihan' => $request->jenis_pelatihan,
             'kampung_binaan' => $request->kampung_binaan,
             'sharing_information' => $request->sharing_information,
+            'data_id' => $data_pribadi_deswita->id
         ];
         // dd($response);
         // Kembalikan respons JSON
         return response()->json(['data' => $response, 'message' => 'Data berhasil disimpan']);
-
     }
-     public function index()
+    public function printpagesdeswita($category, $id)
+    {
+        // dd($category);
+        // dd($id);
+        $categori = $category . "s";
+        // dd($categori);
+        $query = "SELECT data_pribadi_$categori.*, data_$categori.*, data_distrik_$categori.* FROM data_pribadi_$categori INNER JOIN data_$categori ON data_pribadi_$categori.id = data_$categori.data_pribadi_" . $category . "_id::int INNER JOIN data_distrik_$categori ON data_pribadi_$categori.id = data_distrik_$categori.data_pribadi_" . $category . "_id::int WHERE data_pribadi_deswitas.id = $id";
+        $data = DB::select($query);
+        // dd($data[0]);
+        return view('DesWita.print-pages', [
+            'data_pribadi' => $data,
+        ]);
+    }
+    public function index()
     {
         //
     }
@@ -156,4 +175,4 @@ class DataDeswitaController extends Controller
     {
         //
     }
-}
+}

app/Http/Controllers/DataKpmdController.php

@@ -8,6 +8,7 @@ use App\Http\Requests\Storedata_kpmdRequest;
 use App\Http\Requests\Updatedata_kpmdRequest;
 use App\Models\data_pribadi_kpmd;
 use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB;
 use Illuminate\Support\Facades\Validator;
 
 class DataKpmdController extends Controller
@@ -15,9 +16,10 @@ class DataKpmdController extends Controller
     /**
      * Display a listing of the resource.
      */
-    public function savedatakpmd(Request $request){
+    public function savedatakpmd(Request $request)
+    {
         $rules = [
-            'nip' => 'required|string',
+            'nip' => 'required|integer',
             'nama_lengkap' => 'required|string',
             'pangkat' => 'required|string',
             'jabatan' => 'required|string',
@@ -57,37 +59,39 @@ class DataKpmdController extends Controller
         // }
         // dd($validator);
 
-        data_pribadi_kpmd::create([
+        $data_pribadi_kpmd = data_pribadi_kpmd::create([
             "nip" => $request->nip,
-            "nama_lengkap"=>$request->nama_lengkap,
-            "pangkat"=>$request->pangkat,
-            "jabatan"=>$request->jabatan,
-            "instansi"=>$request->instansi,
-            "kabupaten"=>$request->kabupaten,
-            "phone_number"=>$request->phone_number,
-            "pesan"=>$request->pesan,
-            "alamat"=>$request->alamat
+            "nama_lengkap" => $request->nama_lengkap,
+            "pangkat" => $request->pangkat,
+            "jabatan" => $request->jabatan,
+            "instansi" => $request->instansi,
+            "kabupaten" => $request->kabupaten,
+            "phone_number" => $request->phone_number,
+            "pesan" => $request->pesan,
+            "alamat" => $request->alamat
         ]);
         data_distrik_kpmd::create([
-            "nama_distrik"=>$request->nama_distrik,
-            "jumlah_kampung"=>$request->jumlah_kampung,
-            "jumlah_penduduk"=>$request->jumlah_penduduk
+            "nama_distrik" => $request->nama_distrik,
+            "jumlah_kampung" => $request->jumlah_kampung,
+            "jumlah_penduduk" => $request->jumlah_penduduk,
+            "data_pribadi_kpmd_id" => $data_pribadi_kpmd->id
         ]);
         data_kpmd::create([
-            "pendidikan"=>$request->pendidikan,
-            "pertanian"=>$request->pertanian,
-            "peternakan"=>$request->peternakan,
-            "perikanan"=>$request->perikanan,
-            "perkebunan"=>$request->perkebunan,
-            "kehutanan"=>$request->kehutanan,
-            "lain_lain"=>$request->lain_lain,
-            "kelembagaan_adat"=>$request->kelembagaan_adat,
-            "kelembagaan_sosial"=>$request->kelembagaan_sosial,
-            "jarak_tempuh_bandara"=>$request->jarak_tempuh_bandara,
-            "jarak_tempuh_kampung"=>$request->jarak_tempuh_kampung,
-            "jenis_pelatihan"=>$request->jenis_pelatihan,
-            "kampung_binaan"=>$request->kampung_binaan,
-            "sharing_information"=>$request->sharing_information,
+            "pendidikan" => $request->pendidikan,
+            "pertanian" => $request->pertanian,
+            "peternakan" => $request->peternakan,
+            "perikanan" => $request->perikanan,
+            "perkebunan" => $request->perkebunan,
+            "kehutanan" => $request->kehutanan,
+            "lain_lain" => $request->lain_lain,
+            "kelembagaan_adat" => $request->kelembagaan_adat,
+            "kelembagaan_sosial" => $request->kelembagaan_sosial,
+            "jarak_tempuh_bandara" => $request->jarak_tempuh_bandara,
+            "jarak_tempuh_kampung" => $request->jarak_tempuh_kampung,
+            "jenis_pelatihan" => $request->jenis_pelatihan,
+            "kampung_binaan" => $request->kampung_binaan,
+            "sharing_information" => $request->sharing_information,
+            "data_pribadi_kpmd_id" => $data_pribadi_kpmd->id
         ]);
         $response = [
             'nip' => $request->nip,
@@ -116,13 +120,30 @@ class DataKpmdController extends Controller
             'jenis_pelatihan' => $request->jenis_pelatihan,
             'kampung_binaan' => $request->kampung_binaan,
             'sharing_information' => $request->sharing_information,
+            'data_id' => $data_pribadi_kpmd->id
         ];
         // dd($response);
         // Kembalikan respons JSON
         return response()->json(['data' => $response, 'message' => 'Data berhasil disimpan']);
-
-
     }
+
+    public function printpages($category, $id)
+    {
+        // dd($category);
+        // dd($id);
+        $categori = $category . "s";
+        // dd($categori);
+        $query = "SELECT data_pribadi_$categori.*, data_$categori.*, data_distrik_$categori.* FROM data_pribadi_$categori INNER JOIN data_$categori ON data_pribadi_$categori.id = data_$categori.data_pribadi_" . $category . "_id::int INNER JOIN data_distrik_$categori ON data_pribadi_$categori.id = data_distrik_$categori.data_pribadi_" . $category . "_id::int WHERE data_pribadi_kpmds.id = $id";
+        $data = DB::select($query);
+        // dd($data[0]);
+        // return view('KPMD.print-pages', [
+        //     'data_pribadi' => $data,
+        // ]);
+        return view('KPMD.print-pages', [
+            'data_pribadi' => $data,
+        ]);
+    }
+
     public function index()
     {
         //

app/Http/Controllers/DataPribadiBumdesController.php

@@ -5,6 +5,7 @@ namespace App\Http\Controllers;
 use App\Models\data_pribadi_bumdes;
 use App\Http\Requests\Storedata_pribadi_bumdesRequest;
 use App\Http\Requests\Updatedata_pribadi_bumdesRequest;
+use Illuminate\Support\Facades\DB;
 
 class DataPribadiBumdesController extends Controller
 {
@@ -13,8 +14,8 @@ class DataPribadiBumdesController extends Controller
      */
     public function index()
     {
-        $data_pribadi=data_pribadi_bumdes::all();
-        return view('BumDes.index',compact('data_pribadi'));
+        $data_pribadi = data_pribadi_bumdes::all();
+        return view('BumDes.index', compact('data_pribadi'));
     }
 
     /**
@@ -22,26 +23,34 @@ class DataPribadiBumdesController extends Controller
      */
     public function create()
     {
-        return view('BumDes.index',[
-            'data_pribadi'=>data_pribadi_bumdes::all()
+        return view('BumDes.index', [
+            'data_pribadi' => data_pribadi_bumdes::all()
         ]);
     }
 
+    public function test()
+    {
+        $query = 'SELECT data_pribadi_bumdes.*, data_bumdes.*, data_distrik_bumdes.* FROM data_pribadi_bumdes INNER JOIN data_bumdes ON data_pribadi_bumdes."id" = data_bumdes.data_pribadi_kpmd_id::int INNER JOIN data_distrik_bumdes ON data_pribadi_bumdes."id" = data_distrik_bumdes.data_pribadi_bumdes_id::int';
+        $data = DB::select($query);
+        dd($data);
+    }
+
+
     /**
      * Store a newly created resource in storage.
      */
     public function store(Storedata_pribadi_bumdesRequest $request)
     {
-        $validateData=$request->validate([
-            'nip' => 'required|unique:data_pribadi_kpmds',
-            'nama_lengkap'=>'required',
-            'pangkat'=>'required',
-            'jabatan'=>'required',
-            'instansi'=>'required',
-            'kabupaten'=>'required',
-            'phone_number'=>'required',
-            'pesan'=>'required',
-            'alamat'=>'required'
+        $validateData = $request->validate([
+            'nip' => 'required|unique:data_pribadi_bumdes',
+            'nama_lengkap' => 'required',
+            'pangkat' => 'required',
+            'jabatan' => 'required',
+            'instansi' => 'required',
+            'kabupaten' => 'required',
+            'phone_number' => 'required',
+            'pesan' => 'required',
+            'alamat' => 'required'
         ]);
         data_pribadi_bumdes::create($validateData);
         return redirect('/data-distrik-bumdes');

app/Http/Controllers/DataPribadiCaltransController.php

@@ -5,6 +5,7 @@ namespace App\Http\Controllers;
 use App\Models\data_pribadi_caltrans;
 use App\Http\Requests\Storedata_pribadi_caltransRequest;
 use App\Http\Requests\Updatedata_pribadi_caltransRequest;
+use Illuminate\Support\Facades\DB;
 
 class DataPribadiCaltransController extends Controller
 {
@@ -13,8 +14,8 @@ class DataPribadiCaltransController extends Controller
      */
     public function index()
     {
-        $data_pribadi=data_pribadi_caltrans::all();
-        return view('CalTrans.index',compact('data_pribadi'));
+        $data_pribadi = data_pribadi_caltrans::all();
+        return view('CalTrans.index', compact('data_pribadi'));
     }
 
     /**
@@ -22,26 +23,32 @@ class DataPribadiCaltransController extends Controller
      */
     public function create()
     {
-        return view('CalTrans.index',[
-            'data_pribadi'=>data_pribadi_caltrans::all()
+        return view('CalTrans.index', [
+            'data_pribadi' => data_pribadi_caltrans::all()
         ]);
     }
+    public function dpcaltrans()
+    {
+        $query = 'SELECT data_pribadi_caltrans.*, data_caltrans.*, data_distrik_caltrans.* FROM data_pribadi_caltrans INNER JOIN data_caltrans ON data_pribadi_caltrans."id" = data_caltrans.data_pribadi_kpmd_id::int INNER JOIN data_distrik_caltrans ON data_pribadi_caltrans."id" = data_distrik_caltrans.data_pribadi_caltrans_id::int';
+        $data = DB::select($query);
+        dd($data);
+    }
 
     /**
      * Store a newly created resource in storage.
      */
     public function store(Storedata_pribadi_caltransRequest $request)
     {
-        $validateData=$request->validate([
-            'nip' => 'required|unique:data_pribadi_kpmds',
-            'nama_lengkap'=>'required',
-            'pangkat'=>'required',
-            'jabatan'=>'required',
-            'instansi'=>'required',
-            'kabupaten'=>'required',
-            'phone_number'=>'required',
-            'pesan'=>'required',
-            'alamat'=>'required'
+        $validateData = $request->validate([
+            'nip' => 'required|unique:data_pribadi_caltrans',
+            'nama_lengkap' => 'required',
+            'pangkat' => 'required',
+            'jabatan' => 'required',
+            'instansi' => 'required',
+            'kabupaten' => 'required',
+            'phone_number' => 'required',
+            'pesan' => 'required',
+            'alamat' => 'required'
         ]);
         data_pribadi_caltrans::create($validateData);
         return redirect('/data-distrik-caltrans');

app/Http/Controllers/DataPribadiDeswitaController.php

@@ -5,6 +5,7 @@ namespace App\Http\Controllers;
 use App\Models\data_pribadi_deswita;
 use App\Http\Requests\Storedata_pribadi_deswitaRequest;
 use App\Http\Requests\Updatedata_pribadi_deswitaRequest;
+use Illuminate\Support\Facades\DB;
 
 class DataPribadiDeswitaController extends Controller
 {
@@ -13,8 +14,8 @@ class DataPribadiDeswitaController extends Controller
      */
     public function index()
     {
-        $data_pribadi=data_pribadi_deswita::all();
-        return view('DesWita.index',compact('data_pribadi'));
+        $data_pribadi = data_pribadi_deswita::all();
+        return view('DesWita.index', compact('data_pribadi'));
     }
 
     /**
@@ -22,26 +23,32 @@ class DataPribadiDeswitaController extends Controller
      */
     public function create()
     {
-        return view('DesWita.index',[
-            'data_pribadi'=>data_pribadi_deswita::all()
+        return view('DesWita.index', [
+            'data_pribadi' => data_pribadi_deswita::all()
         ]);
     }
+    public function dpdeswita()
+    {
+        $query = 'SELECT data_pribadi_deswitas.*, data_deswitas.*, data_distrik_deswitas.* FROM data_pribadi_deswitas INNER JOIN data_deswitas ON data_pribadi_deswitas."id" = data_deswitas.data_pribadi_kpmd_id::int INNER JOIN data_distrik_deswitas ON data_pribadi_deswitas."id" = data_distrik_deswitas.data_pribadi_deswita_id::int';
+        $data = DB::select($query);
+        dd($data);
+    }
 
     /**
      * Store a newly created resource in storage.
      */
     public function store(Storedata_pribadi_deswitaRequest $request)
     {
-        $validateData=$request->validate([
-            'nip' => 'required|unique:data_pribadi_kpmds',
-            'nama_lengkap'=>'required',
-            'pangkat'=>'required',
-            'jabatan'=>'required',
-            'instansi'=>'required',
-            'kabupaten'=>'required',
-            'phone_number'=>'required',
-            'pesan'=>'required',
-            'alamat'=>'required'
+        $validateData = $request->validate([
+            'nip' => 'required|unique:data_pribadi_deswitas',
+            'nama_lengkap' => 'required',
+            'pangkat' => 'required',
+            'jabatan' => 'required',
+            'instansi' => 'required',
+            'kabupaten' => 'required',
+            'phone_number' => 'required',
+            'pesan' => 'required',
+            'alamat' => 'required'
         ]);
         // dd($validateData);
         data_pribadi_deswita::create($validateData);

app/Http/Controllers/DataPribadiKpmdController.php

@@ -5,6 +5,8 @@ namespace App\Http\Controllers;
 use App\Models\data_pribadi_kpmd;
 use App\Http\Requests\Storedata_pribadi_kpmdRequest;
 use App\Http\Requests\Updatedata_pribadi_kpmdRequest;
+use GuzzleHttp\Psr7\Request;
+use Illuminate\Support\Facades\DB;
 
 class DataPribadiKpmdController extends Controller
 {
@@ -13,8 +15,8 @@ class DataPribadiKpmdController extends Controller
      */
     public function index()
     {
-        $data_pribadi=data_pribadi_kpmd::all();
-        return view('KPMD.index',compact('data_pribadi'));
+        $data_pribadi = data_pribadi_kpmd::all();
+        return view('KPMD.index', compact('data_pribadi'));
     }
 
     /**
@@ -22,26 +24,33 @@ class DataPribadiKpmdController extends Controller
      */
     public function create()
     {
-        return view('KPMD.index',[
-            'data_pribadi'=>data_pribadi_kpmd::all()
+        return view('KPMD.index', [
+            'data_pribadi' => data_pribadi_kpmd::all()
         ]);
     }
 
+    public function coba()
+    {
+        $query = 'SELECT data_pribadi_kpmds.*, data_kpmds.*, data_distrik_kpmds.* FROM data_pribadi_kpmds INNER JOIN data_kpmds ON data_pribadi_kpmds."id" = data_kpmds.data_pribadi_kpmd_id::int INNER JOIN data_distrik_kpmds ON data_pribadi_kpmds."id" = data_distrik_kpmds.data_pribadi_kpmd_id::int';
+        $data = DB::select($query);
+        dd($data);
+    }
+
     /**
      * Store a newly created resource in storage.
      */
     public function store(Storedata_pribadi_kpmdRequest $request)
     {
-        $validateData=$request->validate([
+        $validateData = $request->validate([
             'nip' => 'required|unique:data_pribadi_kpmds',
-            'nama_lengkap'=>'required',
-            'pangkat'=>'required',
-            'jabatan'=>'required',
-            'instansi'=>'required',
-            'kabupaten'=>'required',
-            'phone_number'=>'required',
-            'pesan'=>'required',
-            'alamat'=>'required'
+            'nama_lengkap' => 'required',
+            'pangkat' => 'required',
+            'jabatan' => 'required',
+            'instansi' => 'required',
+            'kabupaten' => 'required',
+            'phone_number' => 'required',
+            'pesan' => 'required',
+            'alamat' => 'required'
         ]);
         data_pribadi_kpmd::create($validateData);
         return redirect('/data-distrik-kpmd');
@@ -78,4 +87,4 @@ class DataPribadiKpmdController extends Controller
     {
         //
     }
-}
+}

app/Http/Controllers/LandingController.php

@@ -0,0 +1,140 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\data_kpmd;
+use App\Models\data_deswita;
+use App\Models\data_bumdes;
+use App\Models\data_clatrans;
+use Illuminate\Http\Request;
+use Carbon\Carbon;
+
+class landingController extends Controller
+{
+    public function index()
+    {
+        $dataChartKPMD = [];
+        $dataChartDesWita = [];
+        $dataChartCalTrans = [];
+        $dataChartBumDes = [];
+        $namaBulan = [
+            'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
+            'Jul', 'Agu', 'Sept', 'Okt', 'Nov', 'Des'
+        ];
+        $kategori = [];
+        $currentYear = Carbon::now()->year;
+        for ($bulan = 1; $bulan <= 12; $bulan++) {
+            $totalPelayananKPMD = data_kpmd::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$currentYear])
+                ->whereRaw('EXTRACT(MONTH FROM created_at) = ?', [$bulan])->count();
+            $totalPelayananDesWita = data_deswita::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$currentYear])
+                ->whereRaw('EXTRACT(MONTH FROM created_at) = ?', [$bulan])->count();
+            $totalPelayananCalTrans = data_clatrans::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$currentYear])
+                ->whereRaw('EXTRACT(MONTH FROM created_at) = ?', [$bulan])->count();
+            $totalPelayananBumDes = data_bumdes::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$currentYear])
+                ->whereRaw('EXTRACT(MONTH FROM created_at) = ?', [$bulan])->count();
+
+            $dataChartKPMD[] = intval($totalPelayananKPMD);
+            $dataChartDesWita[] = intval($totalPelayananDesWita);
+            $dataChartCalTrans[] = intval($totalPelayananCalTrans);
+            $dataChartBumDes[] = intval($totalPelayananBumDes);
+            $kategori[] = strval($namaBulan[$bulan - 1]);
+        }
+
+        $tahunSaatIni = date("Y");
+
+        $dataChartKPMDtahun = [];
+        $dataChartDesWitatahun = [];
+        $dataChartCalTranstahun = [];
+        $dataChartBumDestahun = [];
+        // Inisialisasi array tahun
+        $tahunCharts = array();
+
+        // Mengisi array dengan 12 tahun, dimulai dari 12 tahun yang lalu
+        for ($i = ($tahunSaatIni + 1) - 12; $i < $tahunSaatIni + 1; $i++) {
+            $tahunCharts[] = $i;
+        }
+        for ($bulan = 1; $bulan <= 12; $bulan++) {
+            // var_dump($tahunCharts[$bulan]);
+            $totalPelayananKPMD = data_kpmd::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$tahunCharts[$bulan - 1]])->count();
+            $totalPelayananDesWita = data_deswita::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$tahunCharts[$bulan - 1]])->count();
+            $totalPelayananCalTrans = data_clatrans::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$tahunCharts[$bulan - 1]])->count();
+            $totalPelayananBumDes = data_bumdes::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$tahunCharts[$bulan - 1]])->count();
+
+            $dataChartKPMDtahun[] = intval($totalPelayananKPMD);
+            $dataChartDesWitatahun[] = intval($totalPelayananDesWita);
+            $dataChartCalTranstahun[] = intval($totalPelayananCalTrans);
+            $dataChartBumDestahun[] = intval($totalPelayananBumDes);
+        }
+        return view('layout.index', compact('dataChartKPMD', 'dataChartDesWita', 'dataChartCalTrans', 'dataChartBumDes', 'kategori', 'dataChartKPMDtahun', 'dataChartDesWitatahun', 'dataChartCalTranstahun', 'dataChartBumDestahun', 'tahunCharts'));
+        // dd($dataChartBumDes);
+    }
+    public function indexdashboard()
+    {
+        $dataChartKPMD = [];
+        $dataChartDesWita = [];
+        $dataChartCalTrans = [];
+        $dataChartBumDes = [];
+        $namaBulan = [
+            'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
+            'Jul', 'Agu', 'Sept', 'Okt', 'Nov', 'Des'
+        ];
+        $kategori = [];
+        $currentYear = Carbon::now()->year;
+        for ($bulan = 1; $bulan <= 12; $bulan++) {
+            $totalPelayananKPMD = data_kpmd::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$currentYear])
+                ->whereRaw('EXTRACT(MONTH FROM created_at) = ?', [$bulan])->count();
+            $totalPelayananDesWita = data_deswita::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$currentYear])
+                ->whereRaw('EXTRACT(MONTH FROM created_at) = ?', [$bulan])->count();
+            $totalPelayananCalTrans = data_clatrans::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$currentYear])
+                ->whereRaw('EXTRACT(MONTH FROM created_at) = ?', [$bulan])->count();
+            $totalPelayananBumDes = data_bumdes::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$currentYear])
+                ->whereRaw('EXTRACT(MONTH FROM created_at) = ?', [$bulan])->count();
+
+            $dataChartKPMD[] = intval($totalPelayananKPMD);
+            $dataChartDesWita[] = intval($totalPelayananDesWita);
+            $dataChartCalTrans[] = intval($totalPelayananCalTrans);
+            $dataChartBumDes[] = intval($totalPelayananBumDes);
+            $kategori[] = strval($namaBulan[$bulan - 1]);
+        }
+
+        $tahunSaatIni = date("Y");
+
+        $dataChartKPMDtahun = [];
+        $dataChartDesWitatahun = [];
+        $dataChartCalTranstahun = [];
+        $dataChartBumDestahun = [];
+        // Inisialisasi array tahun
+        $tahunCharts = array();
+
+        // Mengisi array dengan 12 tahun, dimulai dari 12 tahun yang lalu
+        for ($i = ($tahunSaatIni + 1) - 12; $i < $tahunSaatIni + 1; $i++) {
+            $tahunCharts[] = $i;
+        }
+        for ($bulan = 1; $bulan <= 12; $bulan++) {
+            // var_dump($tahunCharts[$bulan]);
+            $totalPelayananKPMD = data_kpmd::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$tahunCharts[$bulan - 1]])->count();
+            $totalPelayananDesWita = data_deswita::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$tahunCharts[$bulan - 1]])->count();
+            $totalPelayananCalTrans = data_clatrans::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$tahunCharts[$bulan - 1]])->count();
+            $totalPelayananBumDes = data_bumdes::whereRaw('EXTRACT(YEAR FROM created_at) = ?', [$tahunCharts[$bulan - 1]])->count();
+
+            $dataChartKPMDtahun[] = intval($totalPelayananKPMD);
+            $dataChartDesWitatahun[] = intval($totalPelayananDesWita);
+            $dataChartCalTranstahun[] = intval($totalPelayananCalTrans);
+            $dataChartBumDestahun[] = intval($totalPelayananBumDes);
+        }
+        // dd($tahunCharts);
+        return view('Admin.layout.index', compact('dataChartKPMD', 'dataChartDesWita', 'dataChartCalTrans', 'dataChartBumDes', 'kategori', 'dataChartKPMDtahun', 'dataChartDesWitatahun', 'dataChartCalTranstahun', 'dataChartBumDestahun', 'tahunCharts'));
+        dd($dataChartBumDes);
+    }
+
+
+    public function getDataByYear(Request $request)
+    {
+        return response()->json();
+    }
+
+    public function getDataByMonth()
+    {
+        return response()->json();
+    }
+}

app/Http/Controllers/ManajemenAdminController.php

@@ -14,7 +14,7 @@ class ManajemenAdminController extends Controller
      */
     public function index()
     {
-        $data= User::all();
+        $data = User::all();
         return view('Admin.Manejemen-Admin.index', compact('data'));
     }
 
@@ -24,8 +24,8 @@ class ManajemenAdminController extends Controller
     public function create()
     {
 
-        return view('Admin.Manejemen-Admin.create',[
-            'manajemen-data'=>User::all()
+        return view('Admin.Manejemen-Admin.create', [
+            'manajemen-data' => User::all()
         ]);
     }
 
@@ -34,9 +34,10 @@ class ManajemenAdminController extends Controller
      */
     public function store(Storemanajemen_adminRequest $request)
     {
-        $validateData=$request->validate([
-            'email'=>'required',
-            'name'=>'required',
+        $validateData = $request->validate([
+            'email' => 'required',
+            'name' => 'required',
+            'password' => 'required'
         ]);
         User::create($validateData);
         return redirect('/super-admin');
@@ -55,7 +56,9 @@ class ManajemenAdminController extends Controller
      */
     public function edit(manajemen_admin $manajemen_admin)
     {
-        //
+        return view('Admin.Manejemen-Admin.edit', [
+            'manajemen_admin' => $manajemen_admin
+        ]);
     }
 
     /**
@@ -63,14 +66,22 @@ class ManajemenAdminController extends Controller
      */
     public function update(Updatemanajemen_adminRequest $request, manajemen_admin $manajemen_admin)
     {
-        //
+        $validatedData = $request->validate([
+            'email' => 'required',
+            'name' => 'required',
+            'password' => 'required',
+        ]);
+        dd($validatedData);
+        User::WHERE('id', $manajemen_admin->id)->update($validatedData);
+        return redirect('/super-admin')->with('pesan', 'Data berhasil diubah');
     }
 
     /**
      * Remove the specified resource from storage.
      */
-    public function destroy(manajemen_admin $manajemen_admin)
+    public function destroy($id)
     {
-        //
+        User::where('id', $id)->delete();
+        return redirect('/super-admin')->with('Pesan', 'Data berhasil dihapus');
     }
-}
+}

app/Http/Middleware/Admin.php

@@ -1,10 +1,11 @@
 <?php
 
 namespace App\Http\Middleware;
-use Illuminate\Support\Facades\Auth;
+
 use Closure;
 use Illuminate\Http\Request;
 use Symfony\Component\HttpFoundation\Response;
+use Illuminate\Support\Facades\Auth;
 
 class Admin
 {
@@ -26,4 +27,4 @@ class Admin
 
         return $next($request);
     }
-}
+}

app/Models/data_bumdes.php

@@ -7,26 +7,28 @@ use Illuminate\Database\Eloquent\Model;
 
 class data_bumdes extends Model
 {
-    use HasFactory;
-    protected $table = 'data_bumdes';
-    protected $fillable = [
-        'pendidikan',
-          'pertanian',
-          'peternakan',
-          'perikanan',
-          'perkebunan',
-          'kehutanan',
-          'lain_lain',
-          'potensi_aset',
-          'jenis_pelatihan',
-          'kelembagaan_adat',
-          'kelembagaan_sosial',
-          'bumdes_sudah_berbadan',
-          'bumdes_belum_berbadan',
-          'jenis_usaha_bumdes',
-          'jarak_tempuh_bandara',
-          'jarak_tempuh_kampung',
-          'sharing_information',
-        // Kolom-kolom lain yang ingin diizinkan untuk mass assignment
-    ];
-}
+  use HasFactory;
+  protected $table = 'data_bumdes';
+  // protected $fillable = [
+  //   'pendidikan',
+  //   'pertanian',
+  //   'peternakan',
+  //   'perikanan',
+  //   'perkebunan',
+  //   'kehutanan',
+  //   'lain_lain',
+  //   'potensi_aset',
+  //   'jenis_pelatihan',
+  //   'kelembagaan_adat',
+  //   'kelembagaan_sosial',
+  //   'bumdes_sudah_berbadan',
+  //   'bumdes_belum_berbadan',
+  //   'jenis_usaha_bumdes',
+  //   'jarak_tempuh_bandara',
+  //   'jarak_tempuh_kampung',
+  //   'sharing_information',
+  //   'data_pribadi_kpmd_id'
+  //   // Kolom-kolom lain yang ingin diizinkan untuk mass assignment
+  // ];
+  protected $guarded = ["id"];
+}

app/Models/data_clatrans.php

@@ -8,24 +8,25 @@ use Illuminate\Database\Eloquent\Model;
 class data_clatrans extends Model
 {
     use HasFactory;
-    protected $table='data_clatrans';
-    protected $fillable=[
-       'pendidikan',
-       'pertanian',
-       'peternakan',
-       'perikanan',
-       'perkebunan',
-       'kehutanan',
-       'lain_lain',
-       'kelembagaan_adat',
-       'kelembagaan_sosial',
-       'no_sk_caltrans',
-       'tgl_sk_caltrans',
-       'penandatangan_sk_caltrans',
-       'jarak_tempuh_bandara',
-       'jarak_tempuh_kampung',
-       'kampung_binaan',
-       'jenis_pelatihan',
-       'sharing_information',
-    ];
-}
+    protected $table = 'data_clatrans';
+    // protected $fillable=[
+    //    'pendidikan',
+    //    'pertanian',
+    //    'peternakan',
+    //    'perikanan',
+    //    'perkebunan',
+    //    'kehutanan',
+    //    'lain_lain',
+    //    'kelembagaan_adat',
+    //    'kelembagaan_sosial',
+    //    'no_sk_caltrans',
+    //    'tgl_sk_caltrans',
+    //    'penandatangan_sk_caltrans',
+    //    'jarak_tempuh_bandara',
+    //    'jarak_tempuh_kampung',
+    //    'kampung_binaan',
+    //    'jenis_pelatihan',
+    //    'sharing_information',
+    // ];
+    protected $guarded = ["id"];
+}

app/Models/data_deswita.php

@@ -9,18 +9,19 @@ class data_deswita extends Model
 {
     use HasFactory;
     protected $table = 'data_deswitas';
-    protected $fillable = [
-       'pendidikan',
-       'atraksi',
-       'amenitas',
-       'aksesibilitas',
-       'kelembagaan',
-       'jumlah_pokdarwis',
-       'jenis_pelatihan',
-       'kampung_binaan',
-       'jarak_tempuh_bandara',
-       'jarak_tempuh_kampung',
-       'sharing_information',
-        // Kolom-kolom lain yang ingin diizinkan untuk mass assignment
-    ];
-}
+    // protected $fillable = [
+    //    'pendidikan',
+    //    'atraksi',
+    //    'amenitas',
+    //    'aksesibilitas',
+    //    'kelembagaan',
+    //    'jumlah_pokdarwis',
+    //    'jenis_pelatihan',
+    //    'kampung_binaan',
+    //    'jarak_tempuh_bandara',
+    //    'jarak_tempuh_kampung',
+    //    'sharing_information',
+    //     // Kolom-kolom lain yang ingin diizinkan untuk mass assignment
+    // ];
+    protected $guarded = ["id"];
+}

app/Models/data_distrik_bumdes.php

@@ -9,10 +9,12 @@ class data_distrik_bumdes extends Model
 {
     use HasFactory;
     protected $table = 'data_distrik_bumdes';
-    protected $fillable = [
-        'nama_distrik',
-        'jumlah_kampung',
-        'jumlah_penduduk'
-        // Kolom-kolom lain yang ingin diizinkan untuk mass assignment
-    ];
-}
+    // protected $fillable = [
+    //     'nama_distrik',
+    //     'jumlah_kampung',
+    //     'jumlah_penduduk',
+    //     'data_pribadi_bumdes_id'
+    //     // Kolom-kolom lain yang ingin diizinkan untuk mass assignment
+    // ];
+    protected $guarded = ["id"];
+}

app/Models/data_distrik_caltrans.php

@@ -9,10 +9,11 @@ class data_distrik_caltrans extends Model
 {
     use HasFactory;
     protected $table = 'data_distrik_caltrans';
-    protected $fillable = [
-        'nama_distrik',
-        'jumlah_kampung',
-        'jumlah_penduduk'
-        // Kolom-kolom lain yang ingin diizinkan untuk mass assignment
-    ];
-}
+    // protected $fillable = [
+    //     'nama_distrik',
+    //     'jumlah_kampung',
+    //     'jumlah_penduduk'
+    //     // Kolom-kolom lain yang ingin diizinkan untuk mass assignment
+    // ];
+    protected $guarded = ["id"];
+}

app/Models/data_distrik_deswita.php

@@ -9,10 +9,11 @@ class data_distrik_deswita extends Model
 {
     use HasFactory;
     protected $table = 'data_distrik_deswitas';
-    protected $fillable = [
-        'nama_distrik',
-        'jumlah_kampung',
-        'jumlah_penduduk'
-        // Kolom-kolom lain yang ingin diizinkan untuk mass assignment
-    ];
-}
+    // protected $fillable = [
+    //     'nama_distrik',
+    //     'jumlah_kampung',
+    //     'jumlah_penduduk'
+    //     // Kolom-kolom lain yang ingin diizinkan untuk mass assignment
+    // ];
+    protected $guarded = ["id"];
+}

app/Models/data_distrik_kpmd.php

@@ -12,7 +12,8 @@ class data_distrik_kpmd extends Model
     protected $fillable = [
         'nama_distrik',
         'jumlah_kampung',
-        'jumlah_penduduk'
+        'jumlah_penduduk',
+        'data_pribadi_kpmd_id'
         // Kolom-kolom lain yang ingin diizinkan untuk mass assignment
     ];
-}
+}

app/Models/data_kpmd.php

@@ -7,23 +7,24 @@ use Illuminate\Database\Eloquent\Model;
 
 class data_kpmd extends Model
 {
-    use HasFactory;
-    protected $table = 'data_kpmds';
-    protected $fillable = [
-        'pendidikan',
-          'pertanian',
-          'peternakan',
-          'perikanan',
-          'perkebunan',
-          'kehutanan',
-          'lain_lain',
-          'kelembagaan_adat',
-          'kelembagaan_sosial',
-          'jarak_tempuh_bandara',
-          'jarak_tempuh_kampung',
-          'jenis_pelatihan',
-          'kampung_binaan',
-          'sharing_information',
-        // Kolom-kolom lain yang ingin diizinkan untuk mass assignment
-    ];
+  use HasFactory;
+  protected $table = 'data_kpmds';
+  protected $fillable = [
+    'pendidikan',
+    'pertanian',
+    'peternakan',
+    'perikanan',
+    'perkebunan',
+    'kehutanan',
+    'lain_lain',
+    'kelembagaan_adat',
+    'kelembagaan_sosial',
+    'jarak_tempuh_bandara',
+    'jarak_tempuh_kampung',
+    'jenis_pelatihan',
+    'kampung_binaan',
+    'sharing_information',
+    'data_pribadi_kpmd_id'
+    // Kolom-kolom lain yang ingin diizinkan untuk mass assignment
+  ];
 }

app/Models/manajemen_admin.php

@@ -8,9 +8,10 @@ use Illuminate\Database\Eloquent\Model;
 class manajemen_admin extends Model
 {
     use HasFactory;
-    protected $table="manajemen_admins";
+    protected $table = "manajemen_admins";
     protected $fillable = [
         'email',
         'password',
+        'name'
     ];
-}
+}

composer.lock

@@ -972,16 +972,16 @@
         },
         {
             "name": "laravel/framework",
-            "version": "v10.25.1",
+            "version": "v10.26.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/framework.git",
-                "reference": "cd0a440f43eaaad247d6f6575d3782c156ec913c"
+                "reference": "6e5440f7c518f26b4495e5d7e4796ec239e26df9"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/framework/zipball/cd0a440f43eaaad247d6f6575d3782c156ec913c",
-                "reference": "cd0a440f43eaaad247d6f6575d3782c156ec913c",
+                "url": "https://api.github.com/repos/laravel/framework/zipball/6e5440f7c518f26b4495e5d7e4796ec239e26df9",
+                "reference": "6e5440f7c518f26b4495e5d7e4796ec239e26df9",
                 "shasum": ""
             },
             "require": {
@@ -1168,20 +1168,20 @@
                 "issues": "https://github.com/laravel/framework/issues",
                 "source": "https://github.com/laravel/framework"
             },
-            "time": "2023-09-27T01:29:32+00:00"
+            "time": "2023-10-03T14:24:20+00:00"
         },
         {
             "name": "laravel/prompts",
-            "version": "v0.1.9",
+            "version": "v0.1.11",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/prompts.git",
-                "reference": "b603410e7af1040aa2d29e0a2cdca570bb63e827"
+                "reference": "cce65a90e64712909ea1adc033e1d88de8455ffd"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/prompts/zipball/b603410e7af1040aa2d29e0a2cdca570bb63e827",
-                "reference": "b603410e7af1040aa2d29e0a2cdca570bb63e827",
+                "url": "https://api.github.com/repos/laravel/prompts/zipball/cce65a90e64712909ea1adc033e1d88de8455ffd",
+                "reference": "cce65a90e64712909ea1adc033e1d88de8455ffd",
                 "shasum": ""
             },
             "require": {
@@ -1223,9 +1223,9 @@
             ],
             "support": {
                 "issues": "https://github.com/laravel/prompts/issues",
-                "source": "https://github.com/laravel/prompts/tree/v0.1.9"
+                "source": "https://github.com/laravel/prompts/tree/v0.1.11"
             },
-            "time": "2023-09-26T13:14:20+00:00"
+            "time": "2023-10-03T01:07:35+00:00"
         },
         {
             "name": "laravel/sanctum",
@@ -3329,16 +3329,16 @@
         },
         {
             "name": "symfony/error-handler",
-            "version": "v6.3.2",
+            "version": "v6.3.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/error-handler.git",
-                "reference": "85fd65ed295c4078367c784e8a5a6cee30348b7a"
+                "reference": "1f69476b64fb47105c06beef757766c376b548c4"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/error-handler/zipball/85fd65ed295c4078367c784e8a5a6cee30348b7a",
-                "reference": "85fd65ed295c4078367c784e8a5a6cee30348b7a",
+                "url": "https://api.github.com/repos/symfony/error-handler/zipball/1f69476b64fb47105c06beef757766c376b548c4",
+                "reference": "1f69476b64fb47105c06beef757766c376b548c4",
                 "shasum": ""
             },
             "require": {
@@ -3383,7 +3383,7 @@
             "description": "Provides tools to manage errors and ease debugging PHP code",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/error-handler/tree/v6.3.2"
+                "source": "https://github.com/symfony/error-handler/tree/v6.3.5"
             },
             "funding": [
                 {
@@ -3399,7 +3399,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-07-16T17:05:46+00:00"
+            "time": "2023-09-12T06:57:20+00:00"
         },
         {
             "name": "symfony/event-dispatcher",
@@ -3559,16 +3559,16 @@
         },
         {
             "name": "symfony/finder",
-            "version": "v6.3.3",
+            "version": "v6.3.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/finder.git",
-                "reference": "9915db259f67d21eefee768c1abcf1cc61b1fc9e"
+                "reference": "a1b31d88c0e998168ca7792f222cbecee47428c4"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/finder/zipball/9915db259f67d21eefee768c1abcf1cc61b1fc9e",
-                "reference": "9915db259f67d21eefee768c1abcf1cc61b1fc9e",
+                "url": "https://api.github.com/repos/symfony/finder/zipball/a1b31d88c0e998168ca7792f222cbecee47428c4",
+                "reference": "a1b31d88c0e998168ca7792f222cbecee47428c4",
                 "shasum": ""
             },
             "require": {
@@ -3603,7 +3603,7 @@
             "description": "Finds files and directories via an intuitive fluent interface",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/finder/tree/v6.3.3"
+                "source": "https://github.com/symfony/finder/tree/v6.3.5"
             },
             "funding": [
                 {
@@ -3619,20 +3619,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-07-31T08:31:44+00:00"
+            "time": "2023-09-26T12:56:25+00:00"
         },
         {
             "name": "symfony/http-foundation",
-            "version": "v6.3.4",
+            "version": "v6.3.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-foundation.git",
-                "reference": "cac1556fdfdf6719668181974104e6fcfa60e844"
+                "reference": "b50f5e281d722cb0f4c296f908bacc3e2b721957"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/cac1556fdfdf6719668181974104e6fcfa60e844",
-                "reference": "cac1556fdfdf6719668181974104e6fcfa60e844",
+                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/b50f5e281d722cb0f4c296f908bacc3e2b721957",
+                "reference": "b50f5e281d722cb0f4c296f908bacc3e2b721957",
                 "shasum": ""
             },
             "require": {
@@ -3680,7 +3680,7 @@
             "description": "Defines an object-oriented layer for the HTTP specification",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/http-foundation/tree/v6.3.4"
+                "source": "https://github.com/symfony/http-foundation/tree/v6.3.5"
             },
             "funding": [
                 {
@@ -3696,20 +3696,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-08-22T08:20:46+00:00"
+            "time": "2023-09-04T21:33:54+00:00"
         },
         {
             "name": "symfony/http-kernel",
-            "version": "v6.3.4",
+            "version": "v6.3.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-kernel.git",
-                "reference": "36abb425b4af863ae1fe54d8a8b8b4c76a2bccdb"
+                "reference": "9f991a964368bee8d883e8d57ced4fe9fff04dfc"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/36abb425b4af863ae1fe54d8a8b8b4c76a2bccdb",
-                "reference": "36abb425b4af863ae1fe54d8a8b8b4c76a2bccdb",
+                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/9f991a964368bee8d883e8d57ced4fe9fff04dfc",
+                "reference": "9f991a964368bee8d883e8d57ced4fe9fff04dfc",
                 "shasum": ""
             },
             "require": {
@@ -3793,7 +3793,7 @@
             "description": "Provides a structured process for converting a Request into a Response",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/http-kernel/tree/v6.3.4"
+                "source": "https://github.com/symfony/http-kernel/tree/v6.3.5"
             },
             "funding": [
                 {
@@ -3809,20 +3809,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-08-26T13:54:49+00:00"
+            "time": "2023-09-30T06:37:04+00:00"
         },
         {
             "name": "symfony/mailer",
-            "version": "v6.3.0",
+            "version": "v6.3.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/mailer.git",
-                "reference": "7b03d9be1dea29bfec0a6c7b603f5072a4c97435"
+                "reference": "d89611a7830d51b5e118bca38e390dea92f9ea06"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/mailer/zipball/7b03d9be1dea29bfec0a6c7b603f5072a4c97435",
-                "reference": "7b03d9be1dea29bfec0a6c7b603f5072a4c97435",
+                "url": "https://api.github.com/repos/symfony/mailer/zipball/d89611a7830d51b5e118bca38e390dea92f9ea06",
+                "reference": "d89611a7830d51b5e118bca38e390dea92f9ea06",
                 "shasum": ""
             },
             "require": {
@@ -3873,7 +3873,7 @@
             "description": "Helps sending emails",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/mailer/tree/v6.3.0"
+                "source": "https://github.com/symfony/mailer/tree/v6.3.5"
             },
             "funding": [
                 {
@@ -3889,20 +3889,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-05-29T12:49:39+00:00"
+            "time": "2023-09-06T09:47:15+00:00"
         },
         {
             "name": "symfony/mime",
-            "version": "v6.3.3",
+            "version": "v6.3.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/mime.git",
-                "reference": "9a0cbd52baa5ba5a5b1f0cacc59466f194730f98"
+                "reference": "d5179eedf1cb2946dbd760475ebf05c251ef6a6e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/mime/zipball/9a0cbd52baa5ba5a5b1f0cacc59466f194730f98",
-                "reference": "9a0cbd52baa5ba5a5b1f0cacc59466f194730f98",
+                "url": "https://api.github.com/repos/symfony/mime/zipball/d5179eedf1cb2946dbd760475ebf05c251ef6a6e",
+                "reference": "d5179eedf1cb2946dbd760475ebf05c251ef6a6e",
                 "shasum": ""
             },
             "require": {
@@ -3957,7 +3957,7 @@
                 "mime-type"
             ],
             "support": {
-                "source": "https://github.com/symfony/mime/tree/v6.3.3"
+                "source": "https://github.com/symfony/mime/tree/v6.3.5"
             },
             "funding": [
                 {
@@ -3973,7 +3973,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-07-31T07:08:24+00:00"
+            "time": "2023-09-29T06:59:36+00:00"
         },
         {
             "name": "symfony/polyfill-ctype",
@@ -4776,16 +4776,16 @@
         },
         {
             "name": "symfony/routing",
-            "version": "v6.3.3",
+            "version": "v6.3.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/routing.git",
-                "reference": "e7243039ab663822ff134fbc46099b5fdfa16f6a"
+                "reference": "82616e59acd3e3d9c916bba798326cb7796d7d31"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/routing/zipball/e7243039ab663822ff134fbc46099b5fdfa16f6a",
-                "reference": "e7243039ab663822ff134fbc46099b5fdfa16f6a",
+                "url": "https://api.github.com/repos/symfony/routing/zipball/82616e59acd3e3d9c916bba798326cb7796d7d31",
+                "reference": "82616e59acd3e3d9c916bba798326cb7796d7d31",
                 "shasum": ""
             },
             "require": {
@@ -4839,7 +4839,7 @@
                 "url"
             ],
             "support": {
-                "source": "https://github.com/symfony/routing/tree/v6.3.3"
+                "source": "https://github.com/symfony/routing/tree/v6.3.5"
             },
             "funding": [
                 {
@@ -4855,7 +4855,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-07-31T07:08:24+00:00"
+            "time": "2023-09-20T16:05:51+00:00"
         },
         {
             "name": "symfony/service-contracts",
@@ -4941,16 +4941,16 @@
         },
         {
             "name": "symfony/string",
-            "version": "v6.3.2",
+            "version": "v6.3.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/string.git",
-                "reference": "53d1a83225002635bca3482fcbf963001313fb68"
+                "reference": "13d76d0fb049051ed12a04bef4f9de8715bea339"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/string/zipball/53d1a83225002635bca3482fcbf963001313fb68",
-                "reference": "53d1a83225002635bca3482fcbf963001313fb68",
+                "url": "https://api.github.com/repos/symfony/string/zipball/13d76d0fb049051ed12a04bef4f9de8715bea339",
+                "reference": "13d76d0fb049051ed12a04bef4f9de8715bea339",
                 "shasum": ""
             },
             "require": {
@@ -5007,7 +5007,7 @@
                 "utf8"
             ],
             "support": {
-                "source": "https://github.com/symfony/string/tree/v6.3.2"
+                "source": "https://github.com/symfony/string/tree/v6.3.5"
             },
             "funding": [
                 {
@@ -5023,7 +5023,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-07-05T08:41:27+00:00"
+            "time": "2023-09-18T10:38:32+00:00"
         },
         {
             "name": "symfony/translation",
@@ -5274,16 +5274,16 @@
         },
         {
             "name": "symfony/var-dumper",
-            "version": "v6.3.4",
+            "version": "v6.3.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/var-dumper.git",
-                "reference": "2027be14f8ae8eae999ceadebcda5b4909b81d45"
+                "reference": "3d9999376be5fea8de47752837a3e1d1c5f69ef5"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/2027be14f8ae8eae999ceadebcda5b4909b81d45",
-                "reference": "2027be14f8ae8eae999ceadebcda5b4909b81d45",
+                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/3d9999376be5fea8de47752837a3e1d1c5f69ef5",
+                "reference": "3d9999376be5fea8de47752837a3e1d1c5f69ef5",
                 "shasum": ""
             },
             "require": {
@@ -5338,7 +5338,7 @@
                 "dump"
             ],
             "support": {
-                "source": "https://github.com/symfony/var-dumper/tree/v6.3.4"
+                "source": "https://github.com/symfony/var-dumper/tree/v6.3.5"
             },
             "funding": [
                 {
@@ -5354,7 +5354,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-08-24T14:51:05+00:00"
+            "time": "2023-09-12T10:11:35+00:00"
         },
         {
             "name": "tijsverkoyen/css-to-inline-styles",
@@ -6298,16 +6298,16 @@
         },
         {
             "name": "phpunit/php-code-coverage",
-            "version": "10.1.6",
+            "version": "10.1.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/php-code-coverage.git",
-                "reference": "56f33548fe522c8d82da7ff3824b42829d324364"
+                "reference": "355324ca4980b8916c18b9db29f3ef484078f26e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/56f33548fe522c8d82da7ff3824b42829d324364",
-                "reference": "56f33548fe522c8d82da7ff3824b42829d324364",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/355324ca4980b8916c18b9db29f3ef484078f26e",
+                "reference": "355324ca4980b8916c18b9db29f3ef484078f26e",
                 "shasum": ""
             },
             "require": {
@@ -6364,7 +6364,7 @@
             "support": {
                 "issues": "https://github.com/sebastianbergmann/php-code-coverage/issues",
                 "security": "https://github.com/sebastianbergmann/php-code-coverage/security/policy",
-                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/10.1.6"
+                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/10.1.7"
             },
             "funding": [
                 {
@@ -6372,7 +6372,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-09-19T04:59:03+00:00"
+            "time": "2023-10-04T15:34:17+00:00"
         },
         {
             "name": "phpunit/php-file-iterator",
@@ -6964,16 +6964,16 @@
         },
         {
             "name": "sebastian/complexity",
-            "version": "3.0.1",
+            "version": "3.1.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/complexity.git",
-                "reference": "c70b73893e10757af9c6a48929fa6a333b56a97a"
+                "reference": "68cfb347a44871f01e33ab0ef8215966432f6957"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/complexity/zipball/c70b73893e10757af9c6a48929fa6a333b56a97a",
-                "reference": "c70b73893e10757af9c6a48929fa6a333b56a97a",
+                "url": "https://api.github.com/repos/sebastianbergmann/complexity/zipball/68cfb347a44871f01e33ab0ef8215966432f6957",
+                "reference": "68cfb347a44871f01e33ab0ef8215966432f6957",
                 "shasum": ""
             },
             "require": {
@@ -6986,7 +6986,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "3.0-dev"
+                    "dev-main": "3.1-dev"
                 }
             },
             "autoload": {
@@ -7010,7 +7010,7 @@
             "support": {
                 "issues": "https://github.com/sebastianbergmann/complexity/issues",
                 "security": "https://github.com/sebastianbergmann/complexity/security/policy",
-                "source": "https://github.com/sebastianbergmann/complexity/tree/3.0.1"
+                "source": "https://github.com/sebastianbergmann/complexity/tree/3.1.0"
             },
             "funding": [
                 {
@@ -7018,7 +7018,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-08-31T09:55:53+00:00"
+            "time": "2023-09-28T11:50:59+00:00"
         },
         {
             "name": "sebastian/diff",
@@ -8072,5 +8072,5 @@
         "php": "^8.1"
     },
     "platform-dev": [],
-    "plugin-api-version": "2.6.0"
+    "plugin-api-version": "2.3.0"
 }

css/responsive.css

@@ -0,0 +1,111 @@
+@media (max-width: 1300px) {
+  .footer_container {
+    border-radius: 250px 0 0 0;
+  }
+}
+
+@media (max-width: 1120px) {}
+
+@media (max-width: 992px) {
+  .hero_area {
+    height: auto;
+  }
+
+  .quote_btn-container {
+    display: none;
+  }
+
+  .custom_nav-container .navbar-nav {
+    margin: 0;
+    margin-left: auto;
+    align-items: center;
+  }
+
+  .custom_nav-container .navbar-nav {
+    padding-top: 15px;
+  }
+
+
+  .custom_nav-container .navbar-nav .nav-item .nav-link {
+    padding: 5px 25px;
+    margin: 5px 0;
+  }
+
+  .slider_section {
+    padding: 75px 0;
+  }
+
+  .contact_section .img-box {
+    margin-top: 45px;
+  }
+
+  .info_section .row>div:nth-child(1) {
+    margin-bottom: 25px;
+  }
+
+  .info_section .row>div:nth-child(2) {
+    margin-bottom: 25px;
+  }
+}
+
+@media (max-width: 768px) {
+  .hero_area {
+    border-radius: 0 0 250px 0;
+  }
+
+  .slider_section .detail-box {
+    margin-top: 45px;
+  }
+
+  .about_section {
+    border-radius: 150px 0 150px 0;
+  }
+
+  .about_section .img-box {
+    margin-top: 45px;
+  }
+
+  .contact_section .row {
+    flex-direction: column-reverse;
+  }
+
+  .contact_section .map_container {
+    margin-left: 0;
+    margin-bottom: 45px;
+    height: 375px;
+  }
+
+  .info_section .row>div:nth-child(3) {
+    margin-bottom: 35px;
+  }
+
+  .info_section .row>div {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+
+  }
+
+  .info_section .info_links {
+    align-items: center;
+  }
+
+  .info_section form input {
+    text-align: center;
+  }
+}
+
+@media (max-width: 576px) {}
+
+@media (max-width: 480px) {}
+
+@media (max-width: 420px) {}
+
+@media (max-width: 376px) {}
+
+@media (min-width: 1200px) {
+  .container {
+    max-width: 1170px;
+  }
+}

css/style.css

@@ -0,0 +1,875 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");
+body {
+  font-family: "Poppins", sans-serif;
+  color: #0c0c0c;
+  background-color: #ffffff;
+  overflow-x: hidden;
+}
+
+.layout_padding {
+  padding: 90px 0;
+}
+
+.layout_margin {
+  margin: 90px 0;
+}
+
+.layout_padding2 {
+  padding: 75px 0;
+}
+
+.layout_padding2-top {
+  padding-top: 75px;
+}
+
+.layout_padding2-bottom {
+  padding-bottom: 75px;
+}
+
+.layout_padding-top {
+  padding-top: 90px;
+}
+
+.layout_padding-bottom {
+  padding-bottom: 90px;
+}
+
+.heading_container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+}
+
+.heading_container h2 {
+  position: relative;
+  font-weight: bold;
+}
+
+.heading_container h2 span {
+  color: #7335b7;
+}
+
+.heading_container.heading_center {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  text-align: center;
+}
+
+a,
+a:hover,
+a:focus {
+  text-decoration: none;
+}
+
+a:hover,
+a:focus {
+  color: initial;
+}
+
+.btn,
+.btn:focus {
+  outline: none !important;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+/*header section*/
+.hero_area {
+  position: relative;
+  min-height: 100vh;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  background-color: #7335b7;
+  border-radius: 0 0 350px 0;
+}
+
+.sub_page .hero_area {
+  min-height: auto;
+  border-radius: 0 0 45px 0;
+}
+
+.header_section {
+  padding: 15px 0;
+}
+
+.header_section .container-fluid {
+  padding-right: 25px;
+  padding-left: 25px;
+}
+
+.navbar-brand span {
+  font-weight: bold;
+  color: #ffffff;
+  font-size: 24px;
+}
+
+.custom_nav-container {
+  padding: 0;
+}
+
+.custom_nav-container .navbar-nav {
+  margin: auto;
+}
+
+.custom_nav-container .navbar-nav .nav-item .nav-link {
+  padding: 5px 25px;
+  color: #ffffff;
+  text-align: center;
+  text-transform: uppercase;
+  border-radius: 5px;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+
+.custom_nav-container .navbar-nav .nav-item:hover .nav-link, .custom_nav-container .navbar-nav .nav-item.active .nav-link {
+  color: #000000;
+  background-color: #ffffff;
+}
+
+.custom_nav-container .navbar-toggler {
+  outline: none;
+}
+
+.custom_nav-container .navbar-toggler {
+  padding: 0;
+  width: 37px;
+  height: 42px;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+
+.custom_nav-container .navbar-toggler span {
+  display: block;
+  width: 35px;
+  height: 4px;
+  background-color: #ffffff;
+  margin: 7px 0;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  position: relative;
+  border-radius: 5px;
+  transition: all 0.3s;
+}
+
+.custom_nav-container .navbar-toggler span::before, .custom_nav-container .navbar-toggler span::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  background-color: #ffffff;
+  top: -10px;
+  border-radius: 5px;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+
+.custom_nav-container .navbar-toggler span::after {
+  top: 10px;
+}
+
+.custom_nav-container .navbar-toggler[aria-expanded="true"] {
+  -webkit-transform: rotate(360deg);
+          transform: rotate(360deg);
+}
+
+.custom_nav-container .navbar-toggler[aria-expanded="true"] span {
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+
+.custom_nav-container .navbar-toggler[aria-expanded="true"] span::before, .custom_nav-container .navbar-toggler[aria-expanded="true"] span::after {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+  top: 0;
+}
+
+.custom_nav-container .navbar-toggler[aria-expanded="true"] .s-1 {
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+  margin: 0;
+  margin-bottom: -4px;
+}
+
+.custom_nav-container .navbar-toggler[aria-expanded="true"] .s-2 {
+  display: none;
+}
+
+.custom_nav-container .navbar-toggler[aria-expanded="true"] .s-3 {
+  -webkit-transform: rotate(-45deg);
+          transform: rotate(-45deg);
+  margin: 0;
+  margin-top: -4px;
+}
+
+.custom_nav-container .navbar-toggler[aria-expanded="false"] .s-1,
+.custom_nav-container .navbar-toggler[aria-expanded="false"] .s-2,
+.custom_nav-container .navbar-toggler[aria-expanded="false"] .s-3 {
+  -webkit-transform: none;
+          transform: none;
+}
+
+.quote_btn-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.quote_btn-container a {
+  color: #000000;
+  text-transform: uppercase;
+}
+
+.quote_btn-container a span {
+  margin-left: 5px;
+}
+
+.quote_btn-container a:hover {
+  color: #f8842b;
+}
+
+.quote_btn-container .quote_btn {
+  display: inline-block;
+  padding: 5px 25px;
+  background-color: #f8842b;
+  color: #ffffff;
+  border-radius: 5px;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  border: 1px solid #f8842b;
+}
+
+.quote_btn-container .quote_btn:hover {
+  color: #ffffff;
+  -webkit-transform: translateY(-3px);
+          transform: translateY(-3px);
+}
+
+/*end header section*/
+/* slider section */
+.slider_section {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 45px 0;
+}
+
+.slider_section .row {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.slider_section #customCarousel1 {
+  width: 100%;
+  position: unset;
+}
+
+.slider_section .detail-box {
+  text-align: center;
+  color: #ffffff;
+}
+
+.slider_section .detail-box h1 {
+  font-weight: bold;
+  margin-bottom: 20px;
+}
+
+.slider_section .detail-box .btn-box {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  margin: 0 -5px;
+  margin-top: 45px;
+}
+
+.slider_section .detail-box .btn-box a {
+  margin: 5px;
+  text-align: center;
+  width: 185px;
+}
+
+.slider_section .detail-box .btn-box .btn1 {
+  display: inline-block;
+  padding: 12px 15px;
+  background-color: #5a2a8f;
+  color: #ffffff;
+  border-radius: 5px;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  border: 1px solid #5a2a8f;
+}
+
+.slider_section .detail-box .btn-box .btn1:hover {
+  color: #ffffff;
+  -webkit-transform: translateY(-3px);
+          transform: translateY(-3px);
+}
+
+.slider_section .img-box img {
+  width: 100%;
+}
+
+.slider_section .carousel-indicators {
+  position: unset;
+  margin: 0;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-top: 45px;
+}
+
+.slider_section .carousel-indicators li {
+  background-color: #ffffff;
+  width: 15px;
+  height: 15px;
+  border-radius: 100%;
+  opacity: 1;
+}
+
+.slider_section .carousel-indicators li.active {
+  width: 23px;
+  height: 23px;
+  background-color: #f8842b;
+}
+
+.service_section {
+  text-align: center;
+}
+
+.service_section .heading_container {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.service_section .box {
+  margin-top: 25px;
+  padding: 15px;
+  border-radius: 10px;
+  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
+          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
+  position: relative;
+  overflow: hidden;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  height: 310px; /* Set a fixed height for the boxes */
+        border: 1px solid #ccc;
+}
+
+.service_section .box::before {
+  content: "";
+  width: 275px;
+  height: 275px;
+  position: absolute;
+  right: -137.5px;
+  bottom: -137.5px;
+  background-color: #faf8fd;
+  z-index: -1;
+  border-radius: 100%;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+
+.service_section .box .img-box {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  height: 125px;
+  border-radius: 15px;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+
+.service_section .box .img-box img {
+  width: 75px;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+
+.service_section .box .detail-box {
+  margin-top: 15px;
+}
+
+.service_section .box .detail-box h5 {
+  font-weight: bold;
+  position: relative;
+}
+
+.service_section .box .detail-box a {
+  color: inherit;
+}
+
+.service_section .box:hover {
+  color: #ffffff;
+}
+
+.service_section .box:hover::before {
+  -webkit-transform: scale(5);
+          transform: scale(5);
+  background-color: #7335b7;
+}
+
+.service_section .box:hover img {
+  -webkit-filter: invert(1);
+          filter: invert(1);
+}
+
+.service_section .btn-box {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  margin-top: 45px;
+}
+
+.service_section .btn-box a {
+  display: inline-block;
+  padding: 10px 45px;
+  background-color: #7335b7;
+  color: #ffffff;
+  border-radius: 5px;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  border: 1px solid #7335b7;
+}
+
+.service_section .btn-box a:hover {
+  color: #ffffff;
+  -webkit-transform: translateY(-3px);
+          transform: translateY(-3px);
+}
+
+.about_section {
+  background-color: #7335b7;
+  color: #ffffff;
+  border-radius: 250px 0 250px 0;
+}
+
+.about_section .row {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.about_section .img-box {
+  position: relative;
+}
+
+.about_section .img-box img {
+  width: 100%;
+}
+
+.about_section .detail-box p {
+  margin-top: 15px;
+}
+
+.about_section .detail-box a {
+  display: inline-block;
+  padding: 10px 45px;
+  background-color: #f8842b;
+  color: #ffffff;
+  border-radius: 5px;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  border: 1px solid #f8842b;
+  margin-top: 15px;
+}
+
+.about_section .detail-box a:hover {
+  color: #ffffff;
+  -webkit-transform: translateY(-3px);
+          transform: translateY(-3px);
+}
+
+.case_section .heading_container {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.case_section .heading_container h2::before {
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+
+.case_section .box {
+  margin-top: 45px;
+  background-color: #ffffff;
+  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
+          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
+  text-align: center;
+}
+
+.case_section .box .img-box {
+  position: relative;
+}
+
+.case_section .box .img-box img {
+  width: 100%;
+}
+
+.case_section .box .detail-box {
+  padding: 25px;
+}
+
+.case_section .box .detail-box h5 {
+  font-weight: bold;
+}
+
+.case_section .box .detail-box p {
+  font-size: 15px;
+}
+
+.case_section .box .detail-box a {
+  color: #7335b7;
+}
+
+.client_section .box {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin: 45px 0;
+  text-align: center;
+}
+
+.client_section .box .img-box {
+  width: 125px;
+  height: 125px;
+  min-width: 125px;
+  position: relative;
+  margin-bottom: -62.5px;
+}
+
+.client_section .box .img-box img {
+  width: 100%;
+  border-radius: 100%;
+}
+
+.client_section .box .client_info .client_name h5 {
+  font-weight: bold;
+  margin-bottom: 0;
+  text-transform: uppercase;
+}
+
+.client_section .box .client_info .client_name h6 {
+  margin-bottom: 0;
+  color: #7335b7;
+  font-weight: normal;
+  font-size: 15px;
+  text-transform: uppercase;
+}
+
+.client_section .box .client_info i {
+  font-size: 24px;
+}
+
+.client_section .box p {
+  margin-top: 15px;
+}
+
+.client_section .box .detail-box {
+  background-color: #ffffff;
+  background-color: #7335b7;
+  color: #ffffff;
+  border-radius: 15px;
+  padding: 85px 45px 15px 45px;
+}
+
+.client_section .carousel-indicators {
+  position: unset;
+  margin: 0;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.client_section .carousel-indicators li {
+  background-color: #7335b7;
+  width: 10px;
+  height: 10px;
+  border-radius: 100%;
+  opacity: 1;
+}
+
+.client_section .carousel-indicators li.active {
+  width: 20px;
+  height: 20px;
+  background-color: #f8842b;
+}
+
+.contact_section {
+  position: relative;
+}
+
+.contact_section form {
+  margin-top: 45px;
+}
+
+.contact_section input {
+  width: 100%;
+  border: none;
+  height: 50px;
+  margin-bottom: 25px;
+  padding-left: 15px;
+  background-color: transparent;
+  outline: none;
+  color: #000000;
+  border: 1px solid #a5a5a5;
+}
+
+.contact_section input::-webkit-input-placeholder {
+  color: #1c1b1b;
+}
+
+.contact_section input:-ms-input-placeholder {
+  color: #1c1b1b;
+}
+
+.contact_section input::-ms-input-placeholder {
+  color: #1c1b1b;
+}
+
+.contact_section input::placeholder {
+  color: #1c1b1b;
+}
+
+.contact_section input.message-box {
+  height: 120px;
+}
+
+.contact_section button {
+  font-family: "Poppins", sans-serif;
+  display: inline-block;
+  padding: 10px 65px;
+  background-color: #7335b7;
+  color: #ffffff;
+  border-radius: 3px;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  border: 1px solid #7335b7;
+  color: #fff;
+  margin-top: 10px;
+}
+
+.contact_section button:hover {
+  color: #ffffff;
+  -webkit-transform: translateY(-3px);
+          transform: translateY(-3px);
+}
+
+.contact_section .map_container {
+  height: 100%;
+  min-height: 325px;
+  overflow: hidden;
+  margin-left: 45px;
+}
+
+.contact_section .map_container .map {
+  height: 100%;
+}
+
+.contact_section .map_container .map #googleMap {
+  height: 100%;
+}
+
+.footer_container {
+  background-color: #7335b7;
+  color: #ffffff;
+  border-radius: 350px 0 0 0;
+  padding-top: 145px;
+}
+
+/* info section */
+.info_section h4 {
+  font-weight: 600;
+  margin-bottom: 20px;
+}
+
+.info_section .info_contact .contact_link_box {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+
+.info_section .info_contact .contact_link_box a {
+  margin: 5px 0;
+  color: #ffffff;
+}
+
+.info_section .info_contact .contact_link_box a i {
+  margin-right: 5px;
+}
+
+.info_section .info_contact .contact_link_box a:hover {
+  color: #f8842b;
+}
+
+.info_section .info_social {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  margin-top: 20px;
+}
+
+.info_section .info_social a {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  color: #ffffff;
+  border-radius: 100%;
+  margin-right: 10px;
+  font-size: 24px;
+}
+
+.info_section .info_social a:hover {
+  color: #f8842b;
+}
+
+.info_section .info_links {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+
+.info_section .info_links a {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-bottom: 15px;
+  color: #ffffff;
+}
+
+.info_section .info_links a:hover {
+  color: #f8842b;
+}
+
+.info_section form input {
+  border: none;
+  border-bottom: 1px solid #ffffff;
+  background-color: transparent;
+  width: 100%;
+  height: 45px;
+  color: #ffffff;
+  outline: none;
+}
+
+.info_section form input::-webkit-input-placeholder {
+  color: #ffffff;
+}
+
+.info_section form input:-ms-input-placeholder {
+  color: #ffffff;
+}
+
+.info_section form input::-ms-input-placeholder {
+  color: #ffffff;
+}
+
+.info_section form input::placeholder {
+  color: #ffffff;
+}
+
+.info_section form button {
+  width: 100%;
+  text-align: center;
+  display: inline-block;
+  padding: 10px 55px;
+  background-color: #f8842b;
+  color: #ffffff;
+  border-radius: 0;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  border: 1px solid #f8842b;
+  margin-top: 15px;
+}
+
+.info_section form button:hover {
+  color: #ffffff;
+  -webkit-transform: translateY(-3px);
+          transform: translateY(-3px);
+}
+
+/* end info section */
+/* footer section*/
+.footer_section {
+  position: relative;
+  text-align: center;
+}
+
+.footer_section p {
+  padding: 25px 0;
+  margin: 0;
+}
+
+.footer_section p a {
+  color: inherit;
+}
+
+/*# sourceMappingURL=style.css.map */

css/style.scss

@@ -0,0 +1,763 @@
+$white: #ffffff;
+$black: #000000;
+$primary1: #7335b7;
+$primary2: #f8842b;
+$textCol: #1f1f1f;
+
+// import fonts
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");
+
+@mixin main-font {
+  font-family: "Poppins", sans-serif;
+}
+
+@mixin hero_btn($col1, $col2, $pad1, $pad2, $bRadius) {
+  display: inline-block;
+  padding: $pad1 $pad2;
+  background-color: $col1;
+  color: $col2;
+  border-radius: $bRadius;
+  transition: all 0.3s;
+  border: 1px solid $col1;
+
+  &:hover {
+    color: $col2;
+    transform: translateY(-3px);
+  }
+}
+
+@mixin upperBold {
+  text-transform: uppercase;
+  font-weight: bold;
+}
+
+body {
+  @include main-font;
+  color: #0c0c0c;
+  background-color: #ffffff;
+  overflow-x: hidden;
+}
+
+.layout_padding {
+  padding: 90px 0;
+}
+
+.layout_margin {
+  margin: 90px 0;
+}
+
+.layout_padding2 {
+  padding: 75px 0;
+}
+
+.layout_padding2-top {
+  padding-top: 75px;
+}
+
+.layout_padding2-bottom {
+  padding-bottom: 75px;
+}
+
+.layout_padding-top {
+  padding-top: 90px;
+}
+
+.layout_padding-bottom {
+  padding-bottom: 90px;
+}
+
+.heading_container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+
+  h2 {
+    position: relative;
+    font-weight: bold;
+
+    span {
+      color: $primary1;
+    }
+  }
+
+  &.heading_center {
+    align-items: center;
+    text-align: center;
+  }
+}
+
+a,
+a:hover,
+a:focus {
+  text-decoration: none;
+}
+
+a:hover,
+a:focus {
+  color: initial;
+}
+
+.btn,
+.btn:focus {
+  outline: none !important;
+  box-shadow: none;
+}
+
+/*header section*/
+.hero_area {
+  position: relative;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background-color: $primary1;
+  border-radius: 0 0 350px 0;
+}
+
+.sub_page {
+  .hero_area {
+    min-height: auto;
+    border-radius: 0 0 45px 0;
+  }
+}
+
+.header_section {
+  padding: 15px 0;
+
+  .container-fluid {
+    padding-right: 25px;
+    padding-left: 25px;
+  }
+}
+
+.navbar-brand {
+  span {
+    font-weight: bold;
+    color: $white;
+    font-size: 24px;
+  }
+}
+
+.custom_nav-container {
+  padding: 0;
+
+  .navbar-nav {
+    margin: auto;
+
+    .nav-item {
+      .nav-link {
+        padding: 5px 25px;
+        color: $white;
+        text-align: center;
+        text-transform: uppercase;
+        border-radius: 5px;
+        transition: all 0.3s;
+      }
+
+      &:hover,
+      &.active {
+        .nav-link {
+          color: $black;
+          background-color: $white;
+        }
+      }
+    }
+  }
+}
+
+.custom_nav-container .navbar-toggler {
+  outline: none;
+}
+
+.custom_nav-container .navbar-toggler {
+  padding: 0;
+  width: 37px;
+  height: 42px;
+  transition: all 0.3s;
+
+  span {
+    display: block;
+    width: 35px;
+    height: 4px;
+    background-color: $white;
+    margin: 7px 0;
+    transition: all 0.3s;
+    position: relative;
+    border-radius: 5px;
+    transition: all 0.3s;
+
+    &::before,
+    &::after {
+      content: "";
+      position: absolute;
+      left: 0;
+      height: 100%;
+      width: 100%;
+      background-color: $white;
+      top: -10px;
+      border-radius: 5px;
+      transition: all 0.3s;
+    }
+
+    &::after {
+      top: 10px;
+    }
+  }
+
+  &[aria-expanded="true"] {
+    transform: rotate(360deg);
+
+    span {
+      transform: rotate(45deg);
+
+      &::before,
+      &::after {
+        transform: rotate(90deg);
+        top: 0;
+      }
+    }
+
+    .s-1 {
+      transform: rotate(45deg);
+      margin: 0;
+      margin-bottom: -4px;
+    }
+
+    .s-2 {
+      display: none;
+    }
+
+    .s-3 {
+      transform: rotate(-45deg);
+      margin: 0;
+      margin-top: -4px;
+    }
+  }
+
+  &[aria-expanded="false"] {
+
+    .s-1,
+    .s-2,
+    .s-3 {
+      transform: none;
+    }
+  }
+}
+
+.quote_btn-container {
+  display: flex;
+  align-items: center;
+
+  a {
+    color: $black;
+    text-transform: uppercase;
+
+    span {
+      margin-left: 5px;
+    }
+
+    &:hover {
+      color: $primary2;
+    }
+  }
+
+  .quote_btn {
+    @include hero_btn($primary2, $white, 5px, 25px, 5px);
+  }
+}
+
+/*end header section*/
+
+/* slider section */
+.slider_section {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  padding: 45px 0;
+
+  .row {
+    align-items: center;
+  }
+
+  #customCarousel1 {
+    width: 100%;
+    position: unset;
+  }
+
+  .detail-box {
+    text-align: center;
+    color: $white;
+
+    h1 {
+      font-weight: bold;
+      margin-bottom: 20px;
+    }
+
+    p {}
+
+    .btn-box {
+      display: flex;
+      justify-content: center;
+      margin: 0 -5px;
+      margin-top: 45px;
+
+      a {
+        margin: 5px;
+        text-align: center;
+        width: 185px;
+      }
+
+      .btn1 {
+        @include hero_btn(darken($color: $primary1, $amount: 10),
+          $white,
+          12px,
+          15px,
+          5px);
+      }
+    }
+  }
+
+  .img-box {
+    img {
+      width: 100%;
+    }
+  }
+
+  .carousel-indicators {
+    position: unset;
+    margin: 0;
+    justify-content: center;
+    align-items: center;
+    margin-top: 45px;
+
+    li {
+      background-color: $white;
+      width: 15px;
+      height: 15px;
+      border-radius: 100%;
+      opacity: 1;
+
+      &.active {
+        width: 23px;
+        height: 23px;
+        background-color: $primary2;
+      }
+    }
+  }
+}
+
+// end slider section
+
+// service section
+
+.service_section {
+  text-align: center;
+
+  .heading_container {
+    align-items: center;
+  }
+
+  .box {
+    margin-top: 25px;
+    // background: darken($color: $primary1, $amount: 10);
+    // color: $white;
+    padding: 15px;
+    border-radius: 10px;
+    box-shadow: 0 0 5px 0 rgba($color: #000000, $alpha: 0.25);
+    position: relative;
+    overflow: hidden;
+    transition: all 0.3s;
+
+    &::before {
+      content: "";
+      width: 275px;
+      height: 275px;
+      position: absolute;
+      right: -137.5px;
+      bottom: -137.5px;
+      background-color: lighten($color: $primary1, $amount: 52);
+      z-index: -1;
+      border-radius: 100%;
+      transition: all 0.3s;
+    }
+
+    .img-box {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 125px;
+      border-radius: 15px;
+      transition: all 0.3s;
+
+      img {
+        width: 75px;
+        transition: all 0.3s;
+      }
+    }
+
+    .detail-box {
+      margin-top: 15px;
+
+      h5 {
+        font-weight: bold;
+        position: relative;
+      }
+
+      a {
+        color: inherit;
+      }
+    }
+
+    &:hover {
+      &::before {
+        transform: scale(5);
+        background-color: $primary1;
+      }
+
+      color: $white;
+
+      img {
+        filter: invert(1);
+      }
+    }
+  }
+
+  .btn-box {
+    display: flex;
+    justify-content: center;
+    margin-top: 45px;
+
+    a {
+      @include hero_btn($primary1, $white, 10px, 45px, 5px);
+    }
+  }
+}
+
+// end service section
+
+// about section
+.about_section {
+  background-color: $primary1;
+  color: $white;
+  border-radius: 250px 0 250px 0;
+
+  .row {
+    align-items: center;
+  }
+
+  .img-box {
+    position: relative;
+
+    img {
+      width: 100%;
+    }
+  }
+
+  .detail-box {
+    p {
+      margin-top: 15px;
+    }
+
+    a {
+      @include hero_btn($primary2, $white, 10px, 45px, 5px);
+      margin-top: 15px;
+    }
+  }
+}
+
+// end about section
+
+// case section
+.case_section {
+  .heading_container {
+    align-items: center;
+
+    h2 {
+      &::before {
+        left: 50%;
+        transform: translateX(-50%);
+      }
+    }
+  }
+
+  .box {
+    margin-top: 45px;
+    background-color: $white;
+    box-shadow: 0 0 10px 0 rgba($color: #000000, $alpha: 0.15);
+    text-align: center;
+
+    .img-box {
+      position: relative;
+
+      img {
+        width: 100%;
+      }
+    }
+
+    .detail-box {
+      padding: 25px;
+
+      h5 {
+        font-weight: bold;
+      }
+
+      p {
+        font-size: 15px;
+      }
+
+      a {
+        color: $primary1;
+      }
+    }
+  }
+}
+
+// end case section
+
+// client section
+
+.client_section {
+  .box {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin: 45px 0;
+    text-align: center;
+
+    .img-box {
+      width: 125px;
+      height: 125px;
+      min-width: 125px;
+      position: relative;
+      margin-bottom: -62.5px;
+
+      img {
+        width: 100%;
+        border-radius: 100%;
+      }
+    }
+
+    .client_info {
+      .client_name {
+        h5 {
+          font-weight: bold;
+          margin-bottom: 0;
+          text-transform: uppercase;
+        }
+
+        h6 {
+          margin-bottom: 0;
+          color: $primary1;
+          font-weight: normal;
+          font-size: 15px;
+          text-transform: uppercase;
+        }
+      }
+
+      i {
+        font-size: 24px;
+      }
+    }
+
+    p {
+      margin-top: 15px;
+    }
+
+    .detail-box {
+      background-color: $white;
+      background-color: $primary1;
+      color: $white;
+      border-radius: 15px;
+      padding: 85px 45px 15px 45px;
+    }
+  }
+
+  .carousel-indicators {
+    position: unset;
+    margin: 0;
+    justify-content: center;
+    align-items: center;
+
+    li {
+      background-color: $primary1;
+      width: 10px;
+      height: 10px;
+      border-radius: 100%;
+      opacity: 1;
+
+      &.active {
+        width: 20px;
+        height: 20px;
+        background-color: $primary2;
+      }
+    }
+  }
+}
+
+// end client section
+
+// contact section
+.contact_section {
+  position: relative;
+
+  form {
+    margin-top: 45px;
+  }
+
+  input {
+    width: 100%;
+    border: none;
+    height: 50px;
+    margin-bottom: 25px;
+    padding-left: 15px;
+    background-color: transparent;
+    outline: none;
+    color: $black;
+    border: 1px solid #a5a5a5;
+
+    &::placeholder {
+      color: #1c1b1b;
+    }
+
+    &.message-box {
+      height: 120px;
+    }
+  }
+
+  button {
+    @include main-font();
+    @include hero_btn($primary1, $white, 10px, 65px, 3px);
+    color: #fff;
+    margin-top: 10px;
+  }
+
+  .map_container {
+    height: 100%;
+    min-height: 325px;
+    overflow: hidden;
+    margin-left: 45px;
+
+    .map {
+      height: 100%;
+
+      #googleMap {
+        height: 100%;
+      }
+    }
+  }
+}
+
+// end contact section
+
+.footer_container {
+  background-color: $primary1;
+  color: $white;
+  border-radius: 350px 0 0 0;
+  padding-top: 145px;
+}
+
+/* info section */
+.info_section {
+  h4 {
+    font-weight: 600;
+    margin-bottom: 20px;
+  }
+
+  .info_contact {
+    .contact_link_box {
+      display: flex;
+      flex-direction: column;
+
+      a {
+        margin: 5px 0;
+        color: $white;
+
+        i {
+          margin-right: 5px;
+        }
+
+        &:hover {
+          color: $primary2;
+        }
+      }
+    }
+  }
+
+  .info_social {
+    display: flex;
+    margin-top: 20px;
+
+    a {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      color: $white;
+      border-radius: 100%;
+      margin-right: 10px;
+      font-size: 24px;
+
+      &:hover {
+        color: $primary2;
+      }
+    }
+  }
+
+  .info_links {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+
+    a {
+      display: flex;
+      align-items: center;
+      margin-bottom: 15px;
+      color: $white;
+
+      &:hover {
+        color: $primary2;
+      }
+    }
+  }
+
+  form {
+    input {
+      border: none;
+      border-bottom: 1px solid $white;
+      background-color: transparent;
+      width: 100%;
+      height: 45px;
+      color: $white;
+      outline: none;
+
+      &::placeholder {
+        color: $white;
+      }
+    }
+
+    button {
+      width: 100%;
+      text-align: center;
+      @include hero_btn($primary2, $white, 10px, 55px, 0);
+      margin-top: 15px;
+    }
+  }
+}
+
+/* end info section */
+
+/* footer section*/
+
+.footer_section {
+  position: relative;
+  text-align: center;
+
+  p {
+    padding: 25px 0;
+    margin: 0;
+
+    a {
+      color: inherit;
+    }
+  }
+}
+
+// end footer section

database/migrations/2023_10_03_125704_create_data_distrik_kpmds_table.php

@@ -16,6 +16,7 @@ return new class extends Migration
             $table->string('nama_distrik');
             $table->string('jumlah_kampung');
             $table->string('jumlah_penduduk');
+            $table->foreignId('data_pribadi_kpmd_id');
             $table->timestamps();
         });
     }

database/migrations/2023_10_05_024156_create_data_kpmds_table.php

@@ -27,6 +27,7 @@ return new class extends Migration
             $table->string('jenis_pelatihan');
             $table->string('kampung_binaan');
             $table->string('sharing_information');
+            $table->foreignId('data_pribadi_kpmd_id');
             $table->timestamps();
         });
     }
@@ -38,4 +39,4 @@ return new class extends Migration
     {
         Schema::dropIfExists('data_kpmds');
     }
-};
+};

database/migrations/2023_10_05_030809_create_data_distrik_bumdes_table.php

@@ -16,6 +16,7 @@ return new class extends Migration
             $table->string('nama_distrik');
             $table->string('jumlah_kampung');
             $table->string('jumlah_penduduk');
+            $table->foreignId('data_pribadi_bumdes_id');
             $table->timestamps();
         });
     }
@@ -27,4 +28,4 @@ return new class extends Migration
     {
         Schema::dropIfExists('data_distrik_bumdes');
     }
-};
+};

database/migrations/2023_10_05_032810_create_data_distrik_deswitas_table.php

@@ -16,6 +16,7 @@ return new class extends Migration
             $table->string('nama_distrik');
             $table->string('jumlah_kampung');
             $table->string('jumlah_penduduk');
+            $table->foreignId('data_pribadi_deswita_id');
             $table->timestamps();
         });
     }
@@ -27,4 +28,4 @@ return new class extends Migration
     {
         Schema::dropIfExists('data_distrik_deswitas');
     }
-};
+};

database/migrations/2023_10_05_035809_create_data_distrik_caltrans_table.php

@@ -16,6 +16,7 @@ return new class extends Migration
             $table->string('nama_distrik');
             $table->string('jumlah_kampung');
             $table->string('jumlah_penduduk');
+            $table->foreignId('data_pribadi_caltrans_id');
             $table->timestamps();
         });
     }
@@ -27,4 +28,4 @@ return new class extends Migration
     {
         Schema::dropIfExists('data_distrik_caltrans');
     }
-};
+};

database/migrations/2023_10_05_072046_create_data_bumdes_table.php

@@ -30,6 +30,7 @@ return new class extends Migration
             $table->string('jarak_tempuh_bandara');
             $table->string('jarak_tempuh_kampung');
             $table->string('sharing_information');
+            $table->foreignId('data_pribadi_bumdes_id');
             $table->timestamps();
         });
     }
@@ -41,4 +42,4 @@ return new class extends Migration
     {
         Schema::dropIfExists('data_bumdes');
     }
-};
+};

database/migrations/2023_10_05_095355_create_data_deswitas_table.php

@@ -20,11 +20,11 @@ return new class extends Migration
             $table->string('kelembagaan');
             $table->string('jumlah_pokdarwis');
             $table->string('jenis_pelatihan');
-            $table->string('kampung_binaan');           ;
+            $table->string('kampung_binaan');;
             $table->string('jarak_tempuh_bandara');
             $table->string('jarak_tempuh_kampung');
             $table->string('sharing_information');
-
+            $table->foreignId('data_pribadi_deswita_id');
             $table->timestamps();
         });
     }

database/migrations/2023_10_05_122806_create_data_clatrans_table.php

@@ -30,6 +30,7 @@ return new class extends Migration
             $table->string('kampung_binaan');
             $table->string('jenis_pelatihan');
             $table->string('sharing_information');
+            $table->foreignId('data_pribadi_caltrans_id');
             $table->timestamps();
         });
     }
@@ -41,4 +42,4 @@ return new class extends Migration
     {
         Schema::dropIfExists('data_clatrans');
     }
-};
+};

database/migrations/2023_10_09_034545_create_manajemen_admins_table.php

@@ -14,7 +14,8 @@ return new class extends Migration
         Schema::create('manajemen_admins', function (Blueprint $table) {
             $table->id();
             $table->string('email')->unique();
-            $table->string('password')->default('$2y$10$u8KZtzUT6WWgveYj0ylI7OD4txOBrxKJlJbrYK0b68LZPv7XU1McK'); //password
+            //$table->string('password')->default('$2y$10$u8KZtzUT6WWgveYj0ylI7OD4txOBrxKJlJbrYK0b68LZPv7XU1McK'); //password
+            $table->string('password');
             $table->string('status')->default('admin');
             $table->timestamps();
         });
@@ -27,4 +28,4 @@ return new class extends Migration
     {
         Schema::dropIfExists('manajemen_admins');
     }
-};
+};

index.php

@@ -0,0 +1,55 @@
+<?php
+
+use Illuminate\Contracts\Http\Kernel;
+use Illuminate\Http\Request;
+
+define('LARAVEL_START', microtime(true));
+
+/*
+|--------------------------------------------------------------------------
+| Check If The Application Is Under Maintenance
+|--------------------------------------------------------------------------
+|
+| If the application is in maintenance / demo mode via the "down" command
+| we will load this file so that any pre-rendered content can be shown
+| instead of starting the framework, which could cause an exception.
+|
+*/
+
+if (file_exists($maintenance = __DIR__.'/storage/framework/maintenance.php')) {
+    require $maintenance;
+}
+
+/*
+|--------------------------------------------------------------------------
+| Register The Auto Loader
+|--------------------------------------------------------------------------
+|
+| Composer provides a convenient, automatically generated class loader for
+| this application. We just need to utilize it! We'll simply require it
+| into the script here so we don't need to manually load our classes.
+|
+*/
+
+require __DIR__.'/vendor/autoload.php';
+
+/*
+|--------------------------------------------------------------------------
+| Run The Application
+|--------------------------------------------------------------------------
+|
+| Once we have the application, we can handle the incoming request using
+| the application's HTTP kernel. Then, we will send the response back
+| to this client's browser, allowing them to enjoy our application.
+|
+*/
+
+$app = require_once __DIR__.'/bootstrap/app.php';
+
+$kernel = $app->make(Kernel::class);
+
+$response = $kernel->handle(
+    $request = Request::capture()
+)->send();
+
+$kernel->terminate($request, $response);

js/custom.js

@@ -0,0 +1,18 @@
+// to get current year
+function getYear() {
+    var currentDate = new Date();
+    var currentYear = currentDate.getFullYear();
+    document.querySelector("#displayYear").innerHTML = currentYear;
+}
+
+getYear();
+
+/** google_map js **/
+
+function myMap() {
+    var mapProp = {
+        center: new google.maps.LatLng(40.712775, -74.005973),
+        zoom: 18,
+    };
+    var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
+}

public/assets-login-landing/css/style.css

@@ -1,6 +1,7 @@
 /*--------------------------------------------------------------
 # General
 --------------------------------------------------------------*/
+
 *{
   margin: 0;
   padding: 0;
@@ -693,25 +694,27 @@ section {
 }
 
 
+@media screen and (max-width: 1120px) {
+  form{
+		width: 300px;
+	}
 
-@media screen and (max-width: 1050px) {
-  .login .container {
-    grid-gap: 5rem;
-  }
-}
-
-@media screen and (max-width: 1000px) {
-  .login form {
-    width: 290px;
-  }
-
-  .login .login-content h2 {
+	.login-content h2{
     font-size: 2.4rem;
     margin: 8px 0;
+	}
+
+	.login .img {
+    justify-content: center;
+    margin: 0;
   }
 
   .login .img img {
-    width: 400px;
+    width: 80%;
+  }
+
+  .login .login-content form {
+    width: 80%;
   }
 }
 
@@ -731,4 +734,23 @@ section {
   .login .login-content {
     justify-content: center;
   }
-}
+} 
+
+@media screen and (max-width: 768px) {
+  .login .container {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .login .login-content {
+    justify-content: center;
+  }
+
+  .login .login-content form {
+    width: 80%;
+  }
+
+  .login .btn {
+    width: 100%;
+  }
+}

public/assets-login-landing/js/index.js

@@ -1,120 +1,134 @@
 
-function project(){
+function project() {
 	//paexchart
-	setTimeout(()=>{
-		var options1 = {
-			series: [
-				{
-					name: 'Pelayanan',
-					data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50]
-				},
-				{
-					name: "Total Pelayanan",
-					data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45]
-				},
-			],
+	setTimeout(() => {
+	  var options1 = {
+		series: [
+		  {
+			name: 'Total Pelayanan KPMD',
+			// data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50],
+			data: totalPelayananKPMD,
+
+		  },
+		  {
+			name: "Total Pelayanan DesWita",
+			// data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45],
+			data: totalPelayananDesWita,
+		  },
+		  {
+			name: "Total Pelayanan BumDes",
+			// data: [21, 34, 54, 65, 77, 97, 53, 22, 43, 43, 23, 34],
+			data: totalPelayananBumDes,
+
+		  },
+		  {
+			name: 'Total Pelayanan CalTrans',
+			// data: [40, 35, 78, 50, 75, 48, 23, 33, 64, 65, 40, 50],
+			data: totalPelayananCalTrans,
+
+		  },
+		],
 		chart: {
-			height: 330,
-			type: 'area',
-			zoom: {
-			enabled: false
-			},
-			toolbar: {
-				show: false,
-			},
-			dropShadow: {
-				enabled: false,
-				enabledOnSeries: undefined,
-				top: 5,
-				left: 0,
-				blur: 0,
-				color: '#000',
-				opacity: 0,
-			},
+		  height: 330,
+		  type: 'area',
+		  zoom: {
+			enabled: false,
+		  },
+		  toolbar: {
+			show: false,
+		  },
+		  dropShadow: {
+			enabled: false,
+			enabledOnSeries: undefined,
+			top: 5,
+			left: 0,
+			blur: 0,
+			color: '#000',
+			opacity: 0,
+		  },
 		},
 		dataLabels: {
-			enabled: false
+		  enabled: false,
 		},
 		stroke: {
-			width: [3, 3],
-			curve:'smooth',
-			dashArray: [0, 0],
+		  width: [3, 3],
+		  curve: 'smooth',
+		  dashArray: [0, 0],
 		},
 		legend: {
-			show: true,
-			position: 'top',
-			horizontalAlign: 'center',
-			fontWeight: 600,
-			tooltipHoverFormatter: function(val, opts) {
-			return val + ' - ' + opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] + ''
-			},
-			labels: {
-				colors: '#74767c',
-			},
-			markers: {
-				width: 9,
-				height: 9,
-				strokeWidth: 0,
-				radius: 12,
-				offsetX: 0,
-				offsetY: 0
-			},
+		  show: true,
+		  position: 'top',
+		  horizontalAlign: 'center',
+		  fontWeight: 600,
+		  tooltipHoverFormatter: function (val, opts) {
+			return val + ' - ' + opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] + '';
+		  },
+		  labels: {
+			colors: '#74767c',
+		  },
+		  markers: {
+			width: 9,
+			height: 9,
+			strokeWidth: 0,
+			radius: 12,
+			offsetX: 0,
+			offsetY: 0,
+		  },
 		},
 		markers: {
-			size: [0, 0],
-			hover: {
-			sizeOffset: 4
-			}
+		  size: [0, 0],
+		  hover: {
+			sizeOffset: 4,
+		  },
 		},
-		colors: [myVarVal, '#fb8d34'],
+		colors: ['#ff5733', '#45b7cd', '#7a4bca', '#f7b13f'], 
 		xaxis: {
-			categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep',
-			'Oct', 'Nov', 'Dec'
-			],
-			axisBorder: {
-				show: true,
-				color: 'rgba(119, 119, 142, 0.05)',
-			},
-			axisTicks: {
-				show: true,
-				color: 'rgba(119, 119, 142, 0.05)',
-			},
+		//   categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+		  categories: kategori,
+		  axisBorder: {
+			show: true,
+			color: 'rgba(119, 119, 142, 0.05)',
+		  },
+		  axisTicks: {
+			show: true,
+			color: 'rgba(119, 119, 142, 0.05)',
+		  },
 		},
 		tooltip: {
-			y: [
+		  y: [
 			{
-				title: {
+			  title: {
 				formatter: function (val) {
-					return val + " (mins)"
-				}
-				}
+				  return val + " (mins)";
+				},
+			  },
 			},
 			{
-				title: {
+			  title: {
 				formatter: function (val) {
-					return val + " per session"
-				}
-				}
+				  return val + " per session";
+				},
+			  },
 			},
 			{
-				title: {
+			  title: {
 				formatter: function (val) {
-					return val;
-				}
-				}
-			}
-			]
+				  return val;
+				},
+			  },
+			},
+		  ],
 		},
 		grid: {
-			borderColor: 'rgba(119, 119, 142, 0.1)',
-		}
-		};
-		document.getElementById('project-budget').innerHTML = ''; 
-		var chart1 = new ApexCharts(document.querySelector("#project-budget"), options1);
-		chart1.render();
+		  borderColor: 'rgba(119, 119, 142, 0.1)',
+		},
+	  };
+	  document.getElementById('project-budget').innerHTML = '';
+	  var chart1 = new ApexCharts(document.querySelector("#project-budget"), options1);
+	  chart1.render();
 	}, 300);
-	
-	}
+  }
+  
 	
 /* Chartjs (#chartDonut) */
 function chart() {

resources/views/Admin/Manejemen-Admin/create.blade.php

@@ -25,6 +25,14 @@
                                     <label>Name</label>
                                     <input type="text" class="form-control" name="name">
                                 </div>
+                                <div class="form-group">
+                                    <label>Password</label>
+                                    <input type="password" class="form-control" name="password">
+                                    @error('password')
+                                        <p class="text text-danger">
+                                            {{ $message }}</p>
+                                    @enderror
+                                </div>
                             </div>
                             <div class="d-flex justify-content-end mb-3">
                                 <button type="button" class="btn btn-light me-1" data-bs-dismiss="modal">Close</button>

resources/views/Admin/Manejemen-Admin/edit.blade.php

@@ -0,0 +1,42 @@
+   <div class="row">
+       <div class="col-12">
+           <form method="POST" action="/super-admin/{{ $manajemen_admin->id }}">
+
+               {{-- @method('PUT') --}}
+               @csrf
+               <div class="card-body">
+                   <div class="form-group">
+                       <label>Email</label>
+                       <input type="email" class="form-control" name="email"
+                           value="{{ old('email', $manajemen_admin->email) }}" required>
+                       @error('email')
+                           <p class="text text-danger">
+                               {{ $message }}</p>
+                       @enderror
+                   </div>
+                   <div class="form-group">
+                       <label>Name</label>
+                       <input type="text" class="form-control" name="name"
+                           value="{{ old('name', $manajemen_admin->name) }}" required>
+                       @error('name')
+                           <p class="text text-danger">
+                               {{ $message }}</p>
+                       @enderror
+                   </div>
+                   <div class="form-group">
+                       <label>Password</label>
+                       <input type="password" class="form-control" name="password"
+                           value="{{ old('password', $manajemen_admin->password) }}" required>
+                       @error('password')
+                           <p class="text text-danger">
+                               {{ $message }}</p>
+                       @enderror
+                   </div>
+               </div>
+               <div class="d-flex justify-content-end mb-3">
+                   <button type="button" class="btn btn-light me-1" data-bs-dismiss="modal">Close</button>
+                   <button type="submit" class="btn btn-success" id="btn-save-event">Save</button>
+               </div>
+           </form>
+       </div>
+   </div>

resources/views/Admin/Manejemen-Admin/index.blade.php

@@ -10,10 +10,10 @@
                             <div class="page-title-right">
                                 <ol class="breadcrumb m-0">
                                     <li class="breadcrumb-item"><a href="/">Dashboard</a></li>
-                                    <li class="breadcrumb-item active">Data Tables</li>
+                                    <li class="breadcrumb-item active">Manajemen Admin Pelatihan</li>
                                 </ol>
                             </div>
-                            <h4 class="page-title">Data Tables</h4>
+                            <h4 class="page-title">Manajemen Admin Pelatihan</h4>
                         </div>
                     </div>
                 </div>
@@ -22,7 +22,7 @@
                     <div class="col-12">
                         <div class="card">
                             <div class="card-body">
-                                <h4 class="header-title">Basic Data Table</h4>
+                                <h4 class="header-title">Manajemen Admin</h4>
 
                                 <div class="d-flex justify-content-end mb-3">
                                     <a class="btn btn-lg font-16 btn-danger" data-bs-toggle="modal"
@@ -52,11 +52,24 @@
                                                     {{-- <td>{{ $$manajemenadmin['name'] }}</td> --}}
                                                     {{-- <td>Admin</td> --}}
                                                     <td class="table-action">
-                                                        <a href="javascript:void(0);" class="action-icon"> <i
-                                                                class="mdi mdi-square-edit-outline"></i></a>
-                                                        <a href="javascript:void(0);" class="action-icon"> <i
-                                                                class="mdi mdi-delete"></i></a>
+                                                        <form
+                                                            action="{{ url('super-admin/' . $manajemenadmin->id . '/edit') }}"
+                                                            method="GET" class="d-inline">
+                                                            <button type="submit" class="action-icon edit-button">
+                                                                <i class="mdi mdi-square-edit-outline"></i>
+                                                            </button>
+                                                        </form>
+                                                        <form action="{{ url('super-admin/' . $manajemenadmin->id) }}"
+                                                            method="POST" class="d-inline">
+                                                            @method('DELETE')
+                                                            @csrf
+                                                            <button type="submit" class="action-icon delete-button"
+                                                                onclick="return confirm('Yakin akan menghapus data ?')">
+                                                                <i class="mdi mdi-delete"></i>
+                                                            </button>
+                                                        </form>
                                                     </td>
+
                                                 </tr>
                                             @endforeach
                                         </tbody>

resources/views/Admin/layout/header.blade.php

@@ -19,7 +19,6 @@
                      <i class="dripicons-gear noti-icon"></i>
                  </a>
              </li>
-
              <li class="dropdown notification-list">
                  <a class="nav-link dropdown-toggle nav-user arrow-none me-0" data-bs-toggle="dropdown" href="#"
                      role="button" aria-haspopup="false" aria-expanded="false">
@@ -50,70 +49,5 @@
          <button class="button-menu-mobile open-left">
              <i class="mdi mdi-menu"></i>
          </button>
-         <div class="app-search dropdown d-none d-lg-block">
-             <form>
-                 <div class="input-group">
-                     <input type="text" class="form-control dropdown-toggle" placeholder="Search..." id="top-search">
-                     <span class="mdi mdi-magnify search-icon"></span>
-                     <button class="input-group-text btn-primary" type="submit">Search</button>
-                 </div>
-             </form>
-
-             <div class="dropdown-menu dropdown-menu-animated dropdown-lg" id="search-dropdown">
-                 <!-- item-->
-                 <div class="dropdown-header noti-title">
-                     <h5 class="text-overflow mb-2">Found <span class="text-danger">17</span> results</h5>
-                 </div>
-
-                 <!-- item-->
-                 <a href="javascript:void(0);" class="dropdown-item notify-item">
-                     <i class="uil-notes font-16 me-1"></i>
-                     <span>Analytics Report</span>
-                 </a>
-
-                 <!-- item-->
-                 <a href="javascript:void(0);" class="dropdown-item notify-item">
-                     <i class="uil-life-ring font-16 me-1"></i>
-                     <span>How can I help you?</span>
-                 </a>
-
-                 <!-- item-->
-                 <a href="javascript:void(0);" class="dropdown-item notify-item">
-                     <i class="uil-cog font-16 me-1"></i>
-                     <span>User profile settings</span>
-                 </a>
-
-                 <!-- item-->
-                 <div class="dropdown-header noti-title">
-                     <h6 class="text-overflow mb-2 text-uppercase">Users</h6>
-                 </div>
-
-                 <div class="notification-list">
-                     <!-- item-->
-                     <a href="javascript:void(0);" class="dropdown-item notify-item">
-                         <div class="d-flex">
-                             <img class="d-flex me-2 rounded-circle" src="assets/images/users/avatar-2.jpg"
-                                 alt="Generic placeholder image" height="32">
-                             <div class="w-100">
-                                 <h5 class="m-0 font-14">Erwin Brown</h5>
-                                 <span class="font-12 mb-0">UI Designer</span>
-                             </div>
-                         </div>
-                     </a>
-
-                     <!-- item-->
-                     <a href="javascript:void(0);" class="dropdown-item notify-item">
-                         <div class="d-flex">
-                             <img class="d-flex me-2 rounded-circle" src="assets/images/users/avatar-5.jpg"
-                                 alt="Generic placeholder image" height="32">
-                             <div class="w-100">
-                                 <h5 class="m-0 font-14">Jacob Deo</h5>
-                                 <span class="font-12 mb-0">Developer</span>
-                             </div>
-                         </div>
-                     </a>
-                 </div>
-             </div>
-         </div>
      </div>
      <!-- end Topbar -->

resources/views/Admin/layout/index.blade.php

@@ -1,19 +1,18 @@
 @extends('Admin.layout.main')
 @section('content')
-    <!-- Start Page Content here -->
-    <!-- ============================================================== -->
     <style>
         :root {
             --primary-bg-color: #009C98;
         }
     </style>
+
+    <!-- Start Page Content here -->
+    <!-- ============================================================== -->
+
     <div class="content-page">
         <div class="content">
-
-
             <!-- Start Content-->
             <div class="container-fluid">
-
                 <!-- start page title -->
                 <div class="row">
                     <div class="col-12">
@@ -21,21 +20,18 @@
                             <div class="page-title-right">
                                 <ol class="breadcrumb m-0">
                                     <li class="breadcrumb-item"><a href="javascript: void(0);">Hyper</a></li>
-                                    <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboard</a></li>
-                                    <li class="breadcrumb-item active">CRM</li>
+                                    {{-- <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboard</a></li> --}}
+                                    <li class="breadcrumb-item active">Dashboard</li>
                                 </ol>
                             </div>
-                            <h4 class="page-title">CRM</h4>
+                            <h4 class="page-title">Dashboard</h4>
                         </div>
                     </div>
                 </div>
                 <!-- end page title -->
-
                 <div class="row">
-
                 </div>
                 <!-- end row -->
-
                 <section>
                     <div class="container">
                         <div class="row">
@@ -51,8 +47,8 @@
                                                 Pilih Waktu Grafik
                                             </button>
                                             <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-                                                <a class="dropdown-item" href="#">Bulan</a>
-                                                <a class="dropdown-item" href="#">Tahun</a>
+                                                <a class="dropdown-item" href="#" id="ambilBulan">Bulan</a>
+                                                <a class="dropdown-item" href="#" id="ambilTahun">Tahun</a>
                                             </div>
                                         </div>
                                     </div>
@@ -60,21 +56,29 @@
                                         Terkini.</p>
                                 </div>
                                 <div class="card-body pd-y-7">
-                                    <div id="project-budget"></div>
+                                    <div id="chart-dashboard"></div>
                                 </div>
                             </div>
                         </div>
                     </div>
                 </section>
                 <!-- end row-->
-
             </div> <!-- container -->
-
         </div> <!-- content -->
-
-
-
     </div>
+    <script>
+        let totalPelayananKPMD = {{ json_encode($dataChartKPMD) }};
+        let totalPelayananDesWita = {{ json_encode($dataChartDesWita) }};
+        let totalPelayananBumDes = {{ json_encode($dataChartCalTrans) }};;
+        let totalPelayananCalTrans = {{ json_encode($dataChartBumDes) }};;
+        let kategori = {!! json_encode($kategori) !!};
+
+        let totalTahunPelayananKPMD = {{ json_encode($dataChartKPMDtahun) }};
+        let totalTahunPelayananDesWita = {{ json_encode($dataChartDesWitatahun) }};
+        let totalTahunPelayananBumDes = {{ json_encode($dataChartCalTranstahun) }};;
+        let totalTahunPelayananCalTrans = {{ json_encode($dataChartBumDestahun) }};;
+        let tahunkategori = {!! json_encode($tahunCharts) !!};
+    </script>
 
     <!-- ============================================================== -->
     <!-- End Page content -->

resources/views/Admin/layout/main.blade.php

@@ -133,9 +133,9 @@
                 <div class="d-grid mt-4">
                     <button class="btn btn-primary" id="resetBtn">Reset to Default</button>
 
-                    <a href="../../product/hyper-responsive-admin-dashboard-template/index.htm"
+                    {{-- <a href="../../product/hyper-responsive-admin-dashboard-template/index.htm"
                         class="btn btn-danger mt-3" target="_blank"><i class="mdi mdi-basket me-1"></i> Purchase
-                        Now</a>
+                        Now</a> --}}
                 </div>
             </div> <!-- end padding-->
 
@@ -196,7 +196,193 @@
     <!-- Google Map -->
     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
     </script>
+    <script>
+        var chart1
+        $(document).ready(function(e){
+            var options1 = {
+                series: [{
+                        name: 'Total Pelayanan KPMD',
+                        // data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50],
+                        data: totalPelayananKPMD,
 
+                    },
+                    {
+                        name: "Total Pelayanan DesWita",
+                        // data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45],
+                        data: totalPelayananDesWita,
+                    },
+                    {
+                        name: "Total Pelayanan BumDes",
+                        // data: [21, 34, 54, 65, 77, 97, 53, 22, 43, 43, 23, 34],
+                        data: totalPelayananBumDes,
+
+                    },
+                    {
+                        name: 'Total Pelayanan CalTrans',
+                        // data: [40, 35, 78, 50, 75, 48, 23, 33, 64, 65, 40, 50],
+                        data: totalPelayananCalTrans,
+
+                    },
+                ],
+                chart: {
+                    height: 330,
+                    type: 'area',
+                    zoom: {
+                        enabled: false,
+                    },
+                    toolbar: {
+                        show: false,
+                    },
+                    dropShadow: {
+                        enabled: false,
+                        enabledOnSeries: undefined,
+                        top: 5,
+                        left: 0,
+                        blur: 0,
+                        color: '#000',
+                        opacity: 0,
+                    },
+                },
+                dataLabels: {
+                    enabled: false,
+                },
+                stroke: {
+                    width: [3, 3],
+                    curve: 'smooth',
+                    dashArray: [0, 0],
+                },
+                legend: {
+                    show: true,
+                    position: 'top',
+                    horizontalAlign: 'center',
+                    fontWeight: 600,
+                    tooltipHoverFormatter: function(val, opts) {
+                        return val + ' - ' + opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] + '';
+                    },
+                    labels: {
+                        colors: '#74767c',
+                    },
+                    markers: {
+                        width: 9,
+                        height: 9,
+                        strokeWidth: 0,
+                        radius: 12,
+                        offsetX: 0,
+                        offsetY: 0,
+                    },
+                },
+                markers: {
+                    size: [0, 0],
+                    hover: {
+                        sizeOffset: 4,
+                    },
+                },
+                colors: ['#ff5733', '#45b7cd', '#7a4bca', '#f7b13f'],
+                xaxis: {
+                    //   categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+                    categories: kategori,
+                    axisBorder: {
+                        show: true,
+                        color: 'rgba(119, 119, 142, 0.05)',
+                    },
+                    axisTicks: {
+                        show: true,
+                        color: 'rgba(119, 119, 142, 0.05)',
+                    },
+                },
+                tooltip: {
+                    y: [{
+                            title: {
+                                formatter: function(val) {
+                                    return val + " (mins)";
+                                },
+                            },
+                        },
+                        {
+                            title: {
+                                formatter: function(val) {
+                                    return val + " per session";
+                                },
+                            },
+                        },
+                        {
+                            title: {
+                                formatter: function(val) {
+                                    return val;
+                                },
+                            },
+                        },
+                    ],
+                },
+                grid: {
+                    borderColor: 'rgba(119, 119, 142, 0.1)',
+                },
+            };
+            document.getElementById('chart-dashboard').innerHTML = '';
+            chart1 = new ApexCharts(document.querySelector("#chart-dashboard"), options1);
+            chart1.render();
+
+
+            $("#ambilTahun").on("click",function(){
+                chart1.updateOptions({
+                    xaxis: {
+                        categories: tahunkategori
+                    },
+                    series: [{
+                        name: 'Total Pelayanan KPMD',
+                        // data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50],
+                        data: totalTahunPelayananKPMD,
+
+                    },
+                    {
+                        name: "Total Pelayanan DesWita",
+                        // data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45],
+                        data: totalTahunPelayananDesWita,
+                    },
+                    {
+                        name: "Total Pelayanan BumDes",
+                        // data: [21, 34, 54, 65, 77, 97, 53, 22, 43, 43, 23, 34],
+                        data: totalTahunPelayananBumDes,
+
+                    },
+                    {
+                        name: 'Total Pelayanan CalTrans',
+                        // data: [40, 35, 78, 50, 75, 48, 23, 33, 64, 65, 40, 50],
+                        data: totalTahunPelayananCalTrans,
+                    },
+                ]});
+            })
+            $("#ambilBulan").on("click",function(){
+                chart1.updateOptions({
+                    xaxis: {
+                        categories: kategori
+                    },
+                    series: [{
+                        name: 'Total Pelayanan KPMD',
+                        // data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50],
+                        data: totalPelayananKPMD,
+
+                    },
+                    {
+                        name: "Total Pelayanan DesWita",
+                        // data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45],
+                        data: totalPelayananDesWita,
+                    },
+                    {
+                        name: "Total Pelayanan BumDes",
+                        // data: [21, 34, 54, 65, 77, 97, 53, 22, 43, 43, 23, 34],
+                        data: totalPelayananBumDes,
+
+                    },
+                    {
+                        name: 'Total Pelayanan CalTrans',
+                        // data: [40, 35, 78, 50, 75, 48, 23, 33, 64, 65, 40, 50],
+                        data: totalPelayananCalTrans,
+                    },
+                ]});
+            })
+        })
+    </script>
     <!-- demo app -->
 
 </body>

resources/views/Admin/layout/sidebar.blade.php

@@ -4,10 +4,10 @@
        <!-- LOGO -->
        <a href="index.html" class="logo text-center logo-light">
            <span class="logo-lg">
-               <img src="assets/images/logo_sm.png" alt="" height="16">
+               <img src="/assets-login-landing/img/Kemendes_Logo.png" alt="" height="60px">
            </span>
            <span class="logo-sm">
-               <img src="assets/images/logo_sm.png" alt="" height="16">
+               <img src="/assets-login-landing/img/Kemendes_Logo.png" alt="" height="16">
            </span>
        </a>
 
@@ -42,7 +42,7 @@
                    </a>
                </li>
                <li class="side-nav-item">
-                   <a href="/" class="side-nav-link">
+                   <a href="/home" class="side-nav-link">
                        <i class="uil-store"></i>
                        <span> Landing Page </span>
                    </a>

resources/views/BumDes/index.blade.php

@@ -3,10 +3,23 @@
     <br><br>
     @push('css')
         <style>
+            @media print {
+                body {
+                    visibility: hidden;
+                }
+
+                #section-to-print {
+                    visibility: visible;
+                    position: absolute;
+                    left: 0;
+                    top: 0;
+                }
+            }
+
             .form-select {
                 padding: 8px 15px;
                 border: 1px solid #ccc;
-                border-radius: 0;
+                border-radius: 7px;
                 width: 100%;
                 background-color: #ECEFF1;
                 font-family: montserrat;
@@ -74,11 +87,25 @@
                 display: none
             }
 
-            #msform input,
-            #msform textarea {
+            #msform input {
                 padding: 8px 15px 8px 15px;
                 border: 1px solid #ccc;
-                border-radius: 0px;
+                border-radius: 7px;
+                margin-bottom: 25px;
+                margin-top: 2px;
+                width: 100%;
+                box-sizing: border-box;
+                font-family: montserrat;
+                color: #2C3E50;
+                background-color: #ECEFF1;
+                font-size: 16px;
+                letter-spacing: 1px
+            }
+
+            #msform textarea {
+                padding: 15px 15px 0px 15px;
+                border: 1px solid #ccc;
+                border-radius: 7px;
                 margin-bottom: 25px;
                 margin-top: 2px;
                 width: 100%;
@@ -247,6 +274,65 @@
                 width: 100%;
                 object-fit: cover
             }
+
+
+            .FormInput {
+                position: relative;
+                margin-bottom: 1rem;
+            }
+
+            .FormInput input,
+            .FormInput textarea,
+            .FormInput select {
+                width: 17rem;
+                height: 3.6rem;
+                padding: 0 .8rem;
+                font-size: 16px;
+                outline: none;
+            }
+
+            .FormInput label {
+                position: absolute;
+                top: 28%;
+                left: .5rem;
+                transform: translateY(-25%);
+                font-size: 16px;
+                color: #919191;
+                padding: 0 5px;
+                pointer-events: none;
+                padding: 0 1rem 0 0.8rem;
+                transition: .5s;
+            }
+
+            .FormInput input:focus~label,
+            .FormInput input:valid~label {
+                top: 0;
+                background-color: #fff;
+                border-radius: 1rem;
+            }
+
+            .FormInput textarea:focus~label,
+            .FormInput textarea:valid~label {
+                top: 0;
+                background-color: #fff;
+                border-radius: 1rem;
+            }
+
+            .FormInput select:focus~label,
+            .FormInput select:valid~label {
+                top: 0;
+                background-color: #fff;
+                border-radius: 1rem;
+            }
+
+            .is-invalid {
+                border-color: #dc3545 !important;
+                padding-right: calc(1.5em + .75rem);
+                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+                background-repeat: no-repeat;
+                background-position: right calc(.375em + .1875rem) center;
+                background-size: calc(.75em + .375rem) calc(.75em + .375rem);
+            }
         </style>
     @endpush
     <div class="container-fluid">
@@ -277,92 +363,138 @@
                                 </div>
                                 <div class="row">
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">NIP</label>
-                                        <input type="text" class="form-control" name="nip">
-                                        @error('nip')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('nip') is-invalid @enderror" name="nip"
+                                                required>
+                                            @error('nip')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                            <label for="">NIP</label>
+                                        </div>
+
                                     </div>
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Nama Lengkap</label>
-                                        <input type="text" class="form-control" name="nama_lengkap">
-                                        @error('nama_lengkap')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('nama_lengkap') is-invalid @enderror"
+                                                name="nama_lengkap" required>
+                                            @error('nama_lengkap')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Nama Lengkap</label>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                        </div>
                                     </div>
                                 </div>
                                 <div class="row">
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Pangkat/Golongan</label>
-                                        <input type="text" class="form-control" name="pangkat">
-                                        @error('pangkat')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('pangkat') is-invalid @enderror"
+                                                name="pangkat" required>
+                                            @error('pangkat')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Pangkat/Golongan</label>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                        </div>
+
                                     </div>
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Jabatan</label>
-                                        <input type="text" class="form-control" name="jabatan">
-                                        @error('jabatan')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('jabatan') is-invalid @enderror"
+                                                name="jabatan" required>
+                                            @error('jabatan')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Jabatan</label>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                        </div>
+
                                     </div>
                                 </div>
                                 <div class="row">
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Instansi</label>
-                                        <input type="text" class="form-control" name="instansi">
-                                        @error('instansi')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('instansi') is-invalid @enderror"
+                                                name="instansi" required>
+                                            @error('instansi')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Instansi</label>
+                                            <span class="invalid-feedback">Please fill out this
+                                                field.</span>
+                                        </div>
+
                                     </div>
+
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Kabupaten</label>
-                                        <input type="text" class="form-control" name="kabupaten">
-                                        @error('kabupaten')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('kabupaten') is-invalid @enderror"
+                                                name="kabupaten" required>
+                                            @error('kabupaten')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Kabupaten</label>
+                                            <span class="invalid-feedback">Please fill out this
+                                                field.</span>
+                                        </div>
+
                                     </div>
                                 </div>
                                 <div class="row">
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">No. HP</label>
-                                        <input type="text" class="form-control" name="phone_number">
-                                        @error('phone_number')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('phone_number') is-invalid @enderror"
+                                                name="phone_number" required>
+                                            @error('phone_number')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">No. HP</label>
+                                            <span class="invalid-feedback">Please fill out this
+                                                field.</span>
+                                        </div>
+
                                     </div>
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Pesan</label>
-                                        <textarea type="text" class="form-control" name="pesan"></textarea>
-                                        @error('pesan')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <textarea type="text" class="@error('pesan') is-invalid @enderror" name="pesan" required></textarea>
+                                            @error('pesan')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Pesan</label>
+                                            <span class="invalid-feedback">Please fill out this
+                                                field.</span>
+                                        </div>
+
                                     </div>
                                 </div>
                                 <div class="row">
                                     <div class="col-12">
-                                        <label class="fieldlabels">Alamat</label>
-                                        <textarea type="text" class="form-control" name="alamat"></textarea>
-                                        @error('alamat')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <textarea type="text" class="@error('alamat') is-invalid @enderror" name="alamat" required></textarea>
+                                            @error('alamat')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Alamat</label>
+                                            <span class="invalid-feedback">Please fill out
+                                                this field.</span>
+                                        </div>
+
                                     </div>
                                 </div>
                             </div>
-                            {{-- <div class="text-right">
-                                <button class="btn btn-success">Next</button>
-                            </div> --}}
-                            <button type="button" name="next" class="next action-button" value="Next">Next</button>
-                            {{-- <input type="button" name="next" class="next action-button" value="Next" /> --}}
+
+                            <button type="button" name="next" class="next action-button"
+                                value="Next">Next</button>
+
                         </fieldset>
                         <fieldset>
                             <div class="form-card">
@@ -370,15 +502,34 @@
                                     <div class="col-7">
                                         <h2 class="fs-title">Data Distrik</h2>
                                     </div>
-
-                                </div> <label class="fieldlabels">Nama Distrik</label>
-                                <input type="text" class="form-control" name="nama_distrik"> <label
-                                    class="fieldlabels">Jumlah
-                                    Kampung</label>
-                                <input type="text" class="form-control" name="jumlah_kampung"> <label
-                                    class="fieldlabels">Jumlah
-                                    Penduduk</label>
-                                <input type="text" class="form-control" name="jumlah_penduduk">
+                                    <div class="FormInput">
+                                        <input type="text" class="@error('nama_distrik') is-invalid @enderror"
+                                            name="nama_distrik" required>
+                                        @error('nama_distrik')
+                                            <div class="invalid-feedback">{{ $message }}</div>
+                                        @enderror
+                                        <label for="" style="margin-left: 15px;">Nama Distrik</label>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                    </div>
+                                    <div class="FormInput">
+                                        <input type="text" class="@error('jumlah_kampung') is-invalid @enderror"
+                                            name="jumlah_kampung" required>
+                                        @error('jumlah_kampung')
+                                            <div class="invalid-feedback">{{ $message }}</div>
+                                        @enderror
+                                        <label for="" style="margin-left: 15px;">Jumlah Kampung</label>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                    </div>
+                                    <div class="FormInput">
+                                        <input type="text" class="@error('jumlah_penduduk') is-invalid @enderror"
+                                            name="jumlah_penduduk" required>
+                                        @error('jumlah_penduduk')
+                                            <div class="invalid-feedback">{{ $message }}</div>
+                                        @enderror
+                                        <label for="" style="margin-left: 15px;">Jumlah Penduduk</label>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                    </div>
+                                </div>
                             </div> <input type="button" name="next" class="next action-button" value="Next" />
                             <input type="button" name="previous" class="previous action-button-previous"
                                 value="Previous" />
@@ -399,77 +550,174 @@
                                     <div class="col-md-6">
                                         <div class="form-group">
                                             <label class="fieldlabels">Pendidikan</label>
-                                            <select class="form-select" aria-label="Pendidikan" style="width:100%"
-                                                name="pendidikan">
-                                                <option selected>Pendidikan</option>
-                                                <option value="1">SMP</option>
-                                                <option value="2">SMA</option>
-                                                <option value="3">Sarjana</option>
-                                            </select>
+                                            <div class="FormInput">
+                                                <select class="form-select @error('pendidikan') is-invalid @enderror"
+                                                    aria-label="Pendidikan" style="width:100%" name="pendidikan">
+                                                    <option selected>Pendidikan</option>
+                                                    <option value="1">SMP</option>
+                                                    <option value="2">SMA</option>
+                                                    <option value="3">Sarjana</option>
+                                                </select>
+                                                @error('pendidikan')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
                                         </div>
                                         <div class="form-group">
-                                            {{-- <label class="fieldlabels">Potensi SDA</label>
-                                            <select class="form-select" aria-label="Potensi SDA" style="width:100%">
-                                                <option selected>Potensi SDA</option>
-                                                <option value="1">Pertanian</option>
-                                                <option value="2">Peternakan</option>
-                                                <option value="3">Perikanan</option>
-                                                <option value="4">Perkebunan</option>
-                                                <option value="5">Kehutanan</option>
-                                            </select> --}}
                                             <label class="fieldlabels">Potensi SDA</label>
-                                            <input type="text" class="form-control" name="pertanian"
-                                                placeholder="Pertanian" style="margin-bottom: 25px">
-                                            <input type="text" class="form-control" name="peternakan"
-                                                placeholder="Peternakan" style="margin-bottom: 25px">
-                                            <input type="text" class="form-control" name="perikanan"
-                                                placeholder="Perikanan" style="margin-bottom: 25px">
-                                            <input type="text" class="form-control" name="perkebunan"
-                                                placeholder="Perkenunan" style="margin-bottom: 25px">
-                                            <input type="text" class="form-control" name="kehutanan"
-                                                placeholder="Kehutanan" style="margin-bottom: 25px">
-                                            <input type="text" class="form-control" name="lain_lain"
-                                                placeholder="lain_lain" style="margin-bottom: 25px">
-
+                                            <div class="FormInput">
+                                                <input type="text" class="@error('pertanian') is-invalid @enderror"
+                                                    name="pertanian" required>
+                                                @error('pertanian')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                                <label for="">Pertanian</label>
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                            <div class="FormInput">
+                                                <input type="text" class="@error('peternakan') is-invalid @enderror"
+                                                    name="peternakan" style="margin-bottom: 25px" required>
+                                                @error('peternakan')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                                <label for="">Peternakan</label>
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                            <div class="FormInput">
+                                                <input type="text" class="@error('perikanan') is-invalid @enderror"
+                                                    name="perikanan" style="margin-bottom: 25px" required>
+                                                @error('perikanan')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                                <label for="">Perikanan</label>
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                            <div class="FormInput">
+                                                <input type="text" class="@error('perkebunan') is-invalid @enderror"
+                                                    name="perkebunan" style="margin-bottom: 25px" required>
+                                                @error('perkebunan')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                                <label for="">Perkebunan</label>
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                            <div class="FormInput">
+                                                <input type="text" class="@error('kehutanan') is-invalid @enderror"
+                                                    name="kehutanan" style="margin-bottom: 25px" required>
+                                                @error('kehutanan')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                                <label for="">Kehutanan</label>
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                            <div class="FormInput">
+                                                <input type="text" class="@error('lain_lain') is-invalid @enderror"
+                                                    name="lain_lain" style="margin-bottom: 25px" required>
+                                                @error('lain_lain')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                                <label for="">Lain-lain</label>
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
                                         </div>
-                                        {{-- <div class="form-group">
-                                            <label class="fieldlabels">Potensi Kelembagaan</label>
-                                            <select class="form-select" aria-label="Potensi Kelembagaan"
-                                                style="width:100%">
-                                                <option selected>Potensi Kelembagaan</option>
-                                                <option value="1">Kelembagaan Adat</option>
-                                                <option value="2">Kelembagaan Sosial</option>
-                                            </select>
-                                        </div> --}}
-                                        <label class="fieldlabels">Potensi Aset</label>
-                                        <input type="text" class="form-control" name="potensi_aset">
-                                        <label class="fieldlabels">Jenis Pelatihan Yang Pernah Diikuti</label>
-                                        <input type="text" class="form-control" name="jenis_pelatihan">
-
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('potensi_aset') is-invalid @enderror"
+                                                name="potensi_aset" required>
+                                            @error('potensi_aset')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Potensi Aset</label>
+                                        </div> <span class="invalid-feedback">Please fill out this field.</span>
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('jenis_pelatihan') is-invalid @enderror"
+                                                name="jenis_pelatihan" required>
+                                            @error('jenis_pelatihan')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Jenis Pelatihan Yang Pernah Diikuti</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
                                     </div>
                                     <div class="col-md-6">
                                         <label class="fieldlabels">Kelembagaan</label>
-                                        <input type="text" class="form-control" name="kelembagaan_adat"
-                                            placeholder="Kelembagaan Adat" style="margin-bottom: 25px">
-                                        <input type="text" class="form-control" name="kelembagaan_sosial"
-                                            placeholder="Kelembagaan Sosial" style="margin-bottom: 25px">x
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('kelembagaan_adat') is-invalid @enderror"
+                                                name="kelembagaan_adat" style="margin-bottom: 25px" required>
+                                            @error('kelembagaan_adat')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Kelembagaan Adat</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                        <div class="FormInput">
+                                            <input type="text"
+                                                class="@error('kelembagaan_sosial') is-invalid @enderror"
+                                                name="kelembagaan_sosial" style="margin-bottom: 25px" required>
+                                            @error('kelembagaan_sosial')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Kelembagaan Sosial</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
                                         <label class="fieldlabels">Jumlah BumDes</label>
-                                        <input type="text" class="form-control" name="bumdes_sudah_berbadan"
-                                            placeholder="Jumlah BUMDes yang sudah berbadan hukum"
-                                            style="margin-bottom: 50px">
-                                        <input type="text" class="form-control" name="bumdes_belum_berbadan"
-                                            placeholder="Jumlah BUMDes yang Belum berbadan hukum">
+                                        <div class="FormInput">
+                                            <input type="text"
+                                                class="@error('bumdes_sudah_berbadan') is-invalid @enderror"
+                                                name="bumdes_sudah_berbadan" style="margin-bottom: 25px" required>
+                                            @error('bumdes_sudah_berbadan')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Jumlah BUMDes yang sudah berbadan hukum</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                        <div class="FormInput">
+                                            <input type="text"
+                                                class="@error('bumdes_belum_berbadan') is-invalid @enderror"
+                                                name="bumdes_belum_berbadan" style="margin-bottom: 25px" required>
+                                            @error('bumdes_belum_berbadan')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Jumlah BUMDes yang Belum berbadan hukum</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
                                         <label class="fieldlabels">Jenis Usaha BumDes</label>
-                                        <input type="text" class="form-control" name="jenis_usaha_bumdes">
+                                        <div class="FormInput">
+                                            <input type="text"
+                                                class="@error('jenis_usaha_bumdes') is-invalid @enderror"
+                                                name="jenis_usaha_bumdes" required>
+                                            @error('jenis_usaha_bumdes')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Jenis Usaha BumDes</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
                                         <label class="fieldlabels">Moda Transportasi</label>
-                                        <input type="text" class="form-control" name="jarak_tempuh_bandara"
-                                            placeholder="Jarak tempuh dari Bandara ke Distrik" style="margin-bottom:45px">
-                                        <input type="text" class="form-control" name="jarak_tempuh_kampung"
-                                            placeholder="Jarak tempuh Distrik ke Kampung">
+                                        <div class="FormInput">
+                                            <input type="text"
+                                                class="@error('jarak_tempuh_bandara') is-invalid @enderror"
+                                                name="jarak_tempuh_bandara" style="margin-bottom: 25px" required>
+                                            @error('jarak_tempuh_bandara')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Jarak tempuh dari Bandara ke Distrik</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                        <div class="FormInput">
+                                            <input type="text"
+                                                class="@error('jarak_tempuh_kampung') is-invalid @enderror"
+                                                name="jarak_tempuh_kampung" style="margin-bottom: 25px" required>
+                                            @error('jarak_tempuh_kampung')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Jarak tempuh Distrik ke kampung</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
                                     </div>
                                     <div class="col-md-12">
                                         <label class="fieldlabels">Sharing Information</label>
-                                        <textarea type="text" class="form-control" name="sharing_information"></textarea>
+                                        <textarea type="text" class="form-control @error('sharing_information') is-invalid @enderror"
+                                            name="sharing_information"></textarea>
                                     </div>
                                 </div>
                             </div>
@@ -477,7 +725,7 @@
                             <input type="button" name="previous" class="previous action-button-previous"
                                 value="Previous" />
                         </fieldset>
-                        <fieldset class="custom-fieldset">
+                        <fieldset class="custom-fieldset" id="section-to-print">
                             <div class="form-card">
                                 <div class="row">
                                     <div class="col-md-6">
@@ -601,7 +849,7 @@
                                         : <span id="saved-sharing-information">
                                     </div>
                                 </div>
-                                <input type="button" name="print" class="print action-button" value="Print" />
+                                <a href="#" class="print action-button" id="printbutton">Print</a>
                             </div>
                         </fieldset>
                     </form>
@@ -609,10 +857,22 @@
             </div>
         </div>
     </div>
-    @push('js')
+    {{-- @push('js')
         <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
         <script>
             var coba
+
+            function printDiv(divName) {
+                var printContents = document.getElementById(divName).innerHTML;
+                var originalContents = document.body.innerHTML;
+
+                document.body.innerHTML = printContents;
+
+                window.print();
+
+                document.body.innerHTML = originalContents;
+
+            }
             $(document).ready(function() {
                 var current_fs, next_fs, previous_fs; //fieldsets
                 var opacity;
@@ -691,9 +951,9 @@
                                 $('#saved-jenis-usaha-bumdes').text(response.data
                                     .jenis_usaha_bumdes);
                                 $('#saved-jarak-tempuh-bandara').text(response.data
-                                    .jarak_tempuh_bandara);
+                                    .jarak_tempuh_bandara + "km");
                                 $('#saved-jarak-tempuh-kampung').text(response.data
-                                    .jarak_tempuh_kampung);
+                                    .jarak_tempuh_kampung + "km");
                                 $('#saved-kampung-binaan').text(response.data.kampung_binaan);
                                 $('#saved-jenis-pelatihan').text(response.data.jenis_pelatihan);
                                 $('#saved-sharing-information').text(response.data
@@ -701,6 +961,9 @@
 
                                 // Tampilkan pesan sukses jika diperlukan
                                 alert(response.message);
+
+                                let id = response.data.data_id
+                                $("#printbutton").attr("href", "/print-pages-bumdes/bumdes/" + id)
                                 //Add Class Active
                                 $("#progressbar li").eq($("fieldset").index(next_fs)).addClass(
                                     "active");
@@ -793,6 +1056,241 @@
                     setProgressBar(--current);
                 });
 
+                function setProgressBar(curStep) {
+                    var percent = parseFloat(100 / steps) * curStep;
+                    percent = percent.toFixed();
+                    $(".progress-bar")
+                        .css("width", percent + "%")
+                }
+                $(".submit").click(function() {
+                    return false;
+                })
+            });
+        </script>
+    @endpush --}}
+
+    @push('js')
+        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+        <script>
+            var coba
+
+            function printDiv(divName) {
+                var printContents = document.getElementById(divName).innerHTML;
+                var originalContents = document.body.innerHTML;
+                document.body.innerHTML = printContents;
+                window.print();
+                document.body.innerHTML = originalContents;
+            }
+            $(document).ready(function() {
+                var current_fs, next_fs, previous_fs; //fieldsets
+                var opacity;
+                var current = 1;
+                var steps = $("fieldset").length;
+                setProgressBar(current);
+                $(".next").click(function() {
+                    $("#showerrors").hide();
+                    current_fs = $(this).parent();
+                    next_fs = $(this).parent().next();
+                    var requiredFields = current_fs.find(
+                        'input[required], select[required], textarea[required]');
+                    var allFieldsFilled = true;
+                    requiredFields.each(function() {
+                        coba = this;
+                        if ($(this).val() === "") {
+                            allFieldsFilled = false;
+                            $(this).addClass("is-invalid");
+                            $(this.parentElement.parentElement).find(".invalid-feedback").text(
+                                "Please fill out this field.").show()
+                            // $(this).next('.invalid-feedback').text("Please fill out this field.")
+                            //   .show();
+                        } else {
+                            $(this).removeClass("is-invalid");
+                            $(this.parentElement.parentElement).find(".invalid-feedback").hide()
+                            // $(this).next('.invalid-feedback').hide();
+                        }
+                    });
+                    if (allFieldsFilled) {
+                        // All required fields are filled, proceed to the next step
+                        if ($(this).attr("value") === "Submit") {
+                            let data = {
+                                nip: $('input[name="nip"]').val(),
+                                nama_lengkap: $('input[name="nama_lengkap"]').val(),
+                                pangkat: $('input[name="pangkat"]').val(),
+                                jabatan: $('input[name="jabatan"]').val(),
+                                instansi: $('input[name="instansi"]').val(),
+                                kabupaten: $('input[name="kabupaten"]').val(),
+                                phone_number: $('input[name="phone_number"]').val(),
+                                pesan: $('textarea[name="pesan"]').val(),
+                                alamat: $('textarea[name="alamat"]').val(),
+                                nama_distrik: $('input[name="nama_distrik"]').val(),
+                                jumlah_kampung: $('input[name="jumlah_kampung"]').val(),
+                                jumlah_penduduk: $('input[name="jumlah_penduduk"]').val(),
+                                pendidikan: $('select[name="pendidikan"]').val(),
+                                pertanian: $('input[name="pertanian"]').val(),
+                                peternakan: $('input[name="peternakan"]').val(),
+                                perikanan: $('input[name="perikanan"]').val(),
+                                perkebunan: $('input[name="perkebunan"]').val(),
+                                kehutanan: $('input[name="kehutanan"]').val(),
+                                lain_lain: $('input[name="lain_lain"]').val(),
+                                potensi_aset: $('input[name="potensi_aset"]').val(),
+                                jenis_pelatihan: $('input[name="jenis_pelatihan"]').val(),
+                                kelembagaan_adat: $('input[name="kelembagaan_adat"]').val(),
+                                kelembagaan_sosial: $('input[name="kelembagaan_sosial"]').val(),
+                                bumdes_sudah_berbadan: $('input[name="bumdes_sudah_berbadan"]').val(),
+                                bumdes_belum_berbadan: $('input[name="bumdes_belum_berbadan"]').val(),
+                                jenis_usaha_bumdes: $('input[name="jenis_usaha_bumdes"]').val(),
+                                jarak_tempuh_bandara: $('input[name="jarak_tempuh_bandara"]').val(),
+                                jarak_tempuh_kampung: $('input[name="jarak_tempuh_kampung"]').val(),
+                                sharing_information: $('textarea[name="sharing_information"]').val(),
+                            }
+                            $.ajax({
+                                type: "POST",
+                                url: "{{ URL::to('/') }}/save-bumdes-data-bumdes",
+                                data: data,
+                                success: function(response) {
+                                    console.log(response)
+                                    $('#saved-kabupaten').text(response.data.kabupaten);
+                                    $('#saved-nama-lengkap').text(response.data.nama_lengkap);
+                                    $('#saved-nip').text(response.data.nip);
+                                    $('#saved-pangkat').text(response.data.pangkat);
+                                    $('#saved-jabatan').text(response.data.jabatan);
+                                    $('#saved-instansi').text(response.data.instansi);
+                                    $('#saved-alamat').text(response.data.alamat);
+                                    $('#saved-pesan').text(response.data.pesan);
+                                    $('#saved-nama-distrik').text(response.data.nama_distrik);
+                                    $('#saved-jumlah-kampung').text(response.data.jumlah_kampung);
+                                    $('#saved-jumlah-penduduk').text(response.data.jumlah_penduduk);
+                                    $('#saved-pendidikan').text(response.data.pendidikan);
+                                    $('#saved-pertanian').text(response.data.pertanian);
+                                    $('#saved-peternakan').text(response.data.peternakan);
+                                    $('#saved-perikanan').text(response.data.perikanan);
+                                    $('#saved-perkebunan').text(response.data.perkebunan);
+                                    $('#saved-kehutanan').text(response.data.kehutanan);
+                                    $('#saved-lain-lain').text(response.data.lain_lain);
+                                    $('#saved-potensi-aset').text(response.data.potensi_aset);
+                                    $('#saved-kelembagaan-adat').text(response.data
+                                        .kelembagaan_adat);
+                                    $('#saved-kelembagaan-sosial').text(response.data
+                                        .kelembagaan_sosial);
+                                    $('#saved-bumdes-sudah-berbadan').text(response.data
+                                        .bumdes_sudah_berbadan);
+                                    $('#saved-bumdes-belum-berbadan').text(response.data
+                                        .bumdes_belum_berbadan);
+                                    $('#saved-jenis-usaha-bumdes').text(response.data
+                                        .jenis_usaha_bumdes);
+                                    $('#saved-jarak-tempuh-bandara').text(response.data
+                                        .jarak_tempuh_bandara + "km");
+                                    $('#saved-jarak-tempuh-kampung').text(response.data
+                                        .jarak_tempuh_kampung + "km");
+                                    $('#saved-kampung-binaan').text(response.data.kampung_binaan);
+                                    $('#saved-jenis-pelatihan').text(response.data.jenis_pelatihan);
+                                    $('#saved-sharing-information').text(response.data
+                                        .sharing_information);
+
+                                    // Tampilkan pesan sukses jika diperlukan
+                                    alert(response.message);
+
+                                    let id = response.data.data_id
+                                    $("#printbutton").attr("href", "/print-pages-bumdes/bumdes/" +
+                                        id)
+                                    //Add Class Active
+                                    $("#progressbar li").eq($("fieldset").index(next_fs)).addClass(
+                                        "active");
+                                    //show the next fieldset
+                                    next_fs.show();
+                                    //hide the current fieldset with style
+                                    current_fs.animate({
+                                        opacity: 0
+                                    }, {
+                                        step: function(now) {
+                                            // for making fielset appear animation
+                                            opacity = 1 - now;
+                                            current_fs.css({
+                                                'display': 'none',
+                                                'position': 'relative'
+                                            });
+                                            next_fs.css({
+                                                'opacity': opacity
+                                            });
+                                        },
+                                        duration: 500
+                                    });
+                                    setProgressBar(++current);
+                                },
+                                dataType: "JSON",
+                                error: function(response) {
+                                    let res = response.responseJSON
+                                    const entries = Object.entries(res.input_data_gagal);
+                                    let html = ""
+                                    entries.forEach(([key, value]) => {
+                                        html += `<li>${value}</li>`
+                                    });
+                                    $("#showerrors").html(html)
+                                    $("#showerrors").show()
+                                    window.location.href = "#showerrors"
+                                    return false
+                                }
+                            });
+                        } else {
+                            // Add Class Active
+                            $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
+                            // Show the next fieldset
+                            next_fs.show();
+                            // Hide the current fieldset with style
+                            current_fs.animate({
+                                opacity: 0
+                            }, {
+                                step: function(now) {
+                                    // For making fieldset appear animation
+                                    opacity = 1 - now;
+                                    current_fs.css({
+                                        'display': 'none',
+                                        'position': 'relative'
+                                    });
+                                    next_fs.css({
+                                        'opacity': opacity
+                                    });
+                                },
+                                duration: 500
+                            });
+                            setProgressBar(++current);
+                        }
+                    } else {
+                        $('html, body').animate({
+                            scrollTop: requiredFields.filter(function() {
+                                return $(this).val() === "";
+                            }).first().offset().top
+                        }, 500);
+                    }
+                });
+                $(".previous").click(function() {
+                    current_fs = $(this).parent();
+                    previous_fs = $(this).parent().prev();
+                    $("#showerrors").hide()
+                    //Remove class active
+                    $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");
+                    //show the previous fieldset
+                    previous_fs.show();
+                    //hide the current fieldset with style
+                    current_fs.animate({
+                        opacity: 0
+                    }, {
+                        step: function(now) {
+                            // for making fielset appear animation
+                            opacity = 1 - now;
+                            current_fs.css({
+                                'display': 'none',
+                                'position': 'relative'
+                            });
+                            previous_fs.css({
+                                'opacity': opacity
+                            });
+                        },
+                        duration: 500
+                    });
+                    setProgressBar(--current);
+                });
+
                 function setProgressBar(curStep) {
                     var percent = parseFloat(100 / steps) * curStep;
                     percent = percent.toFixed();

resources/views/BumDes/print-pages.blade.php

@@ -0,0 +1,247 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>PELATIHAN BUMDES</title>
+    <style>
+        table {
+            border-collapse: collapse;
+            width: 100%;
+        }
+
+        table,
+        th,
+        td {
+            border: 1px solid black;
+        }
+
+        th,
+        td {
+            padding: 10px;
+        }
+    </style>
+</head>
+
+<body>
+    <Center>
+        <h1>PELATIHAN BUMDES</h1>
+        <h1>{{ $data_pribadi[0]->kabupaten }}</h1>
+    </center>
+    <table>
+        <tr>
+            <td>1. Nama Lengkap:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->nama_lengkap }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>2. NIP:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->nip }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>3. Pangkat / Golongan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->pangkat }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>4. Jabatan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jabatan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>5. Instansi:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->instansi }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>6. Alamat:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->alamat }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>7. No. HP:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->phone_number }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>8. Pesan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->pesan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>9. Nama Distrik:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->nama_distrik }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>10. Jumlah Kampung:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jumlah_kampung }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>11. Jumlah Penduduk:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jumlah_penduduk }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>12. Nama kampung:</td>
+            <td colspan="3">
+                <div type="text"></div>
+            </td>
+        </tr>
+        <tr>
+            <td>13. Potensi SDM (Pendidikan):</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->pendidikan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>14. Potensi SDA :</td>
+            {{-- <td colspan="3"><div type="text"></div></td> --}}
+        </tr>
+        <tr>
+            <td></td>
+            <td>1. Pertanian:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->pertanian }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>2. Peternakan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->peternakan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>3. Perikanan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->perikanan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>4. Perkebunan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->perkebunan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>5. Kehutanan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->kehutanan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>6. Lain-lain:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->lain_lain }}</div>
+            </td>
+        </tr>
+
+        <tr>
+            <td>15. Potensi Kelembagaan:</td>
+            {{-- <td colspan="3"><div type="text"></div></td> --}}
+        </tr>
+        <tr>
+            <td></td>
+            <td>1. kelembagaan Adat:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->kelembagaan_adat }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>2. kelembagaan Sosial:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->kelembagaan_sosial }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>16. Potensi Aset:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->potensi_aset }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>17. Jumlah Bumdes:</td>
+            {{-- <td colspan="3"><div type="text"></div></td> --}}
+        </tr>
+        <tr>
+            <td></td>
+            <td>1. Jumlah BUMDes yang sudah berbadan hukum:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->bumdes_sudah_berbadan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>2. Jumlah BUMDes yang Belum berbadan hukum:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->bumdes_sudah_berbadan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>18. Jenis Usaha BUMDes:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jenis_usaha_bumdes }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>19. Moda Transportasi:</td>
+            {{-- <td colspan="3"><div type="text"></div></td> --}}
+        </tr>
+        <tr>
+            <td></td>
+            <td>1. Jarak tempuh dari Bandara ke Distrik:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->jarak_tempuh_bandara }} km</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>2. Jarak tempuh Distrik ke Kampung:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->jarak_tempuh_kampung }} km</div>
+            </td>
+        </tr>
+        <tr>
+            <td>21. Kampung Binaan:</td>
+            <td colspan="3">
+                <div type="text"></div>
+            </td>
+        </tr>
+        <tr>
+            <td>22. Jenis Pelatihan Yang sudah pernah diikuti:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jenis_pelatihan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>23. Sharing Information:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->sharing_information }}</div>
+            </td>
+        </tr>
+    </table>
+    {{-- <button onclick="window.print()">Print</button> --}}
+</body>
+<script>
+    window.print()
+</script>
+
+</html>

resources/views/CalTrans/index.blade.php

@@ -3,10 +3,23 @@
     <br><br>
     @push('css')
         <style>
+            @media print {
+                body {
+                    visibility: hidden;
+                }
+
+                #section-to-print {
+                    visibility: visible;
+                    position: absolute;
+                    left: 0;
+                    top: 0;
+                }
+            }
+
             .form-select {
                 padding: 8px 15px;
                 border: 1px solid #ccc;
-                border-radius: 0;
+                border-radius: 7px;
                 width: 100%;
                 background-color: #ECEFF1;
                 font-family: montserrat;
@@ -74,11 +87,25 @@
                 display: none
             }
 
-            #msform input,
-            #msform textarea {
+            #msform input {
                 padding: 8px 15px 8px 15px;
                 border: 1px solid #ccc;
-                border-radius: 0px;
+                border-radius: 7px;
+                margin-bottom: 25px;
+                margin-top: 2px;
+                width: 100%;
+                box-sizing: border-box;
+                font-family: montserrat;
+                color: #2C3E50;
+                background-color: #ECEFF1;
+                font-size: 16px;
+                letter-spacing: 1px
+            }
+
+            #msform textarea {
+                padding: 15px 15px 0px 15px;
+                border: 1px solid #ccc;
+                border-radius: 7px;
                 margin-bottom: 25px;
                 margin-top: 2px;
                 width: 100%;
@@ -247,6 +274,65 @@
                 width: 100%;
                 object-fit: cover
             }
+
+
+            .FormInput {
+                position: relative;
+                margin-bottom: 1rem;
+            }
+
+            .FormInput input,
+            .FormInput textarea,
+            .FormInput select {
+                width: 17rem;
+                height: 3.6rem;
+                padding: 0 .8rem;
+                font-size: 16px;
+                outline: none;
+            }
+
+            .FormInput label {
+                position: absolute;
+                top: 28%;
+                left: .5rem;
+                transform: translateY(-25%);
+                font-size: 16px;
+                color: #919191;
+                padding: 0 5px;
+                pointer-events: none;
+                padding: 0 1rem 0 0.8rem;
+                transition: .5s;
+            }
+
+            .FormInput input:focus~label,
+            .FormInput input:valid~label {
+                top: 0;
+                background-color: #fff;
+                border-radius: 1rem;
+            }
+
+            .FormInput textarea:focus~label,
+            .FormInput textarea:valid~label {
+                top: 0;
+                background-color: #fff;
+                border-radius: 1rem;
+            }
+
+            .FormInput select:focus~label,
+            .FormInput select:valid~label {
+                top: 0;
+                background-color: #fff;
+                border-radius: 1rem;
+            }
+
+            .is-invalid {
+                border-color: #dc3545 !important;
+                padding-right: calc(1.5em + .75rem);
+                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+                background-repeat: no-repeat;
+                background-position: right calc(.375em + .1875rem) center;
+                background-size: calc(.75em + .375rem) calc(.75em + .375rem);
+            }
         </style>
     @endpush
     <div class="container-fluid">
@@ -277,108 +363,173 @@
                                 </div>
                                 <div class="row">
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">NIP</label>
-                                        <input type="text" class="form-control" name="nip">
-                                        @error('nip')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('nip') is-invalid @enderror" name="nip"
+                                                required>
+                                            @error('nip')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                            <label for="">NIP</label>
+                                        </div>
+
                                     </div>
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Nama Lengkap</label>
-                                        <input type="text" class="form-control" name="nama_lengkap">
-                                        @error('nama_lengkap')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('nama_lengkap') is-invalid @enderror"
+                                                name="nama_lengkap" required>
+                                            @error('nama_lengkap')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Nama Lengkap</label>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                        </div>
                                     </div>
                                 </div>
                                 <div class="row">
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Pangkat/Golongan</label>
-                                        <input type="text" class="form-control" name="pangkat">
-                                        @error('pangkat')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('pangkat') is-invalid @enderror"
+                                                name="pangkat" required>
+                                            @error('pangkat')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Pangkat/Golongan</label>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                        </div>
+
                                     </div>
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Jabatan</label>
-                                        <input type="text" class="form-control" name="jabatan">
-                                        @error('jabatan')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('jabatan') is-invalid @enderror"
+                                                name="jabatan" required>
+                                            @error('jabatan')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Jabatan</label>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                        </div>
+
                                     </div>
                                 </div>
                                 <div class="row">
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Instansi</label>
-                                        <input type="text" class="form-control" name="instansi">
-                                        @error('instansi')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('instansi') is-invalid @enderror"
+                                                name="instansi" required>
+                                            @error('instansi')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Instansi</label>
+                                            <span class="invalid-feedback">Please fill out this
+                                                field.</span>
+                                        </div>
+
                                     </div>
+
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Kabupaten</label>
-                                        <input type="text" class="form-control" name="kabupaten">
-                                        @error('kabupaten')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('kabupaten') is-invalid @enderror"
+                                                name="kabupaten" required>
+                                            @error('kabupaten')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Kabupaten</label>
+                                            <span class="invalid-feedback">Please fill out this
+                                                field.</span>
+                                        </div>
+
                                     </div>
                                 </div>
                                 <div class="row">
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">No. HP</label>
-                                        <input type="text" class="form-control" name="phone_number">
-                                        @error('phone_number')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('phone_number') is-invalid @enderror"
+                                                name="phone_number" required>
+                                            @error('phone_number')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">No. HP</label>
+                                            <span class="invalid-feedback">Please fill out this
+                                                field.</span>
+                                        </div>
+
                                     </div>
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Pesan</label>
-                                        <textarea type="text" class="form-control" name="pesan"></textarea>
-                                        @error('pesan')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <textarea type="text" class="@error('pesan') is-invalid @enderror" name="pesan" required></textarea>
+                                            @error('pesan')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Pesan</label>
+                                            <span class="invalid-feedback">Please fill out this
+                                                field.</span>
+                                        </div>
+
                                     </div>
                                 </div>
                                 <div class="row">
                                     <div class="col-12">
-                                        <label class="fieldlabels">Alamat</label>
-                                        <textarea type="text" class="form-control" name="alamat"></textarea>
-                                        @error('alamat')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <textarea type="text" class="@error('alamat') is-invalid @enderror" name="alamat" required></textarea>
+                                            @error('alamat')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Alamat</label>
+                                            <span class="invalid-feedback">Please fill out
+                                                this field.</span>
+                                        </div>
+
                                     </div>
                                 </div>
                             </div>
-                            {{-- <div class="text-right">
-                                <button class="btn btn-success">Next</button>
-                            </div> --}}
-                            <button type="button" name="next" class="next action-button" value="Next">Next</button>
-                            {{-- <input type="button" name="next" class="next action-button" value="Next" /> --}}
+
+                            <button type="button" name="next" class="next action-button"
+                                value="Next">Next</button>
+
                         </fieldset>
                         <fieldset>
                             <div class="form-card">
                                 <div class="row">
                                     <div class="col-7">
-                                        <h2 class="fs-title">Data CalTrans</h2>
+                                        <h2 class="fs-title">Data Distrik</h2>
                                     </div>
-
-                                </div> <label class="fieldlabels">Nama CalTrans</label>
-                                <input type="text" class="form-control" name="nama_distrik"> <label
-                                    class="fieldlabels">Jumlah
-                                    Kampung</label>
-                                <input type="text" class="form-control" name="jumlah_kampung"> <label
-                                    class="fieldlabels">Jumlah
-                                    Penduduk</label>
-                                <input type="text" class="form-control" name="jumlah_penduduk">
+                                    <div class="FormInput">
+                                        <input type="text" class="@error('nama_distrik') is-invalid @enderror"
+                                            name="nama_distrik" required>
+                                        @error('nama_distrik')
+                                            <div class="invalid-feedback">{{ $message }}</div>
+                                        @enderror
+                                        <label for="" style="margin-left: 15px;">Nama Distrik</label>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                    </div>
+                                    <div class="FormInput">
+                                        <input type="text" class="@error('jumlah_kampung') is-invalid @enderror"
+                                            name="jumlah_kampung" required>
+                                        @error('jumlah_kampung')
+                                            <div class="invalid-feedback">{{ $message }}</div>
+                                        @enderror
+                                        <label for="" style="margin-left: 15px;">Jumlah Kampung</label>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                    </div>
+                                    <div class="FormInput">
+                                        <input type="text" class="@error('jumlah_penduduk') is-invalid @enderror"
+                                            name="jumlah_penduduk" required>
+                                        @error('jumlah_penduduk')
+                                            <div class="invalid-feedback">{{ $message }}</div>
+                                        @enderror
+                                        <label for="" style="margin-left: 15px;">Jumlah Penduduk</label>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                    </div>
+                                </div>
                             </div> <input type="button" name="next" class="next action-button" value="Next" />
                             <input type="button" name="previous" class="previous action-button-previous"
                                 value="Previous" />
@@ -399,64 +550,170 @@
                                     <div class="col-md-6">
                                         <div class="form-group">
                                             <label class="fieldlabels">Pendidikan</label>
-                                            <select class="form-select" aria-label="Pendidikan" style="width:100%"
-                                                name="pendidikan">
-                                                <option selected>Pendidikan</option>
-                                                <option value="1">SMP</option>
-                                                <option value="2">SMA</option>
-                                                <option value="3">Sarjana</option>
-                                            </select>
+                                            <div class="FormInput">
+                                                <select class="form-select @error('pendidikan') is-invalid @enderror"
+                                                    aria-label="Pendidikan" style="width:100%" name="pendidikan">
+                                                    <option selected>Pendidikan</option>
+                                                    <option value="1">SMP</option>
+                                                    <option value="2">SMA</option>
+                                                    <option value="3">Sarjana</option>
+                                                </select>
+                                                @error('pendidikan')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
                                         </div>
                                         <div class="form-group">
-                                            {{-- <label class="fieldlabels">Potensi SDA</label>
-                                            <select class="form-select" aria-label="Potensi SDA" style="width:100%">
-                                                <option selected>Potensi SDA</option>
-                                                <option value="1">Pertanian</option>
-                                                <option value="2">Peternakan</option>
-                                                <option value="3">Perikanan</option>
-                                                <option value="4">Perkebunan</option>
-                                                <option value="5">Kehutanan</option>
-                                            </select> --}}
                                             <label class="fieldlabels">Potensi SDA</label>
-                                            <input type="text" class="form-control" name="pertanian"
-                                                placeholder="Pertanian" style="margin-bottom: 25px">
-                                            <input type="text" class="form-control" name="peternakan"
-                                                placeholder="Peternakan" style="margin-bottom: 25px">
-                                            <input type="text" class="form-control" name="perikanan"
-                                                placeholder="Perikanan" style="margin-bottom: 25px">
-                                            <input type="text" class="form-control" name="perkebunan"
-                                                placeholder="Perkenunan" style="margin-bottom: 25px">
-                                            <input type="text" class="form-control" name="kehutanan"
-                                                placeholder="Kehutanan" style="margin-bottom: 25px">
-                                            <input type="text" class="form-control" name="lain_lain"
-                                                placeholder="lain_lain" style="margin-bottom: 25px">
+                                            <div class="FormInput">
+                                                <input type="text" class="@error('pertanian') is-invalid @enderror"
+                                                    name="pertanian" required>
+                                                @error('pertanian')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                                <label for="">Pertanian</label>
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                            <div class="FormInput">
+                                                <input type="text" class="@error('peternakan') is-invalid @enderror"
+                                                    name="peternakan" style="margin-bottom: 25px" required>
+                                                @error('peternakan')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                                <label for="">Peternakan</label>
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                            <div class="FormInput">
+                                                <input type="text" class="@error('perikanan') is-invalid @enderror"
+                                                    name="perikanan" style="margin-bottom: 25px" required>
+                                                @error('perikanan')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                                <label for="">Perikanan</label>
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                            <div class="FormInput">
+                                                <input type="text" class="@error('perkebunan') is-invalid @enderror"
+                                                    name="perkebunan" style="margin-bottom: 25px" required>
+                                                @error('perkebunan')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                                <label for="">Perkebunan</label>
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                            <div class="FormInput">
+                                                <input type="text" class="@error('kehutanan') is-invalid @enderror"
+                                                    name="kehutanan" style="margin-bottom: 25px" required>
+                                                @error('kehutanan')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                                <label for="">Kehutanan</label>
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                            <div class="FormInput">
+                                                <input type="text" class="@error('lain_lain') is-invalid @enderror"
+                                                    name="lain_lain" style="margin-bottom: 25px" required>
+                                                @error('lain_lain')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                                <label for="">Lain-lain</label>
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
                                         </div>
-
-                                        <label class="fieldlabels">Jenis Pelatihan Yang Pernah Diikuti</label>
-                                        <input type="text" class="form-control" name="jenis_pelatihan">
-                                        <label class="fieldlabels">Kampung Binaan</label>
-                                        <input type="text" class="form-control" name="kampung_binaan">
-
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('jenis_pelatihan') is-invalid @enderror"
+                                                name="jenis_pelatihan" required>
+                                            @error('jenis_pelatihan')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Jenis Pelatihan Yang Pernah Diikuti</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
                                     </div>
                                     <div class="col-md-6">
                                         <label class="fieldlabels">Kelembagaan</label>
-                                        <input type="text" class="form-control" name="kelembagaan_adat"
-                                            placeholder="Kelembagaan Adat" style="margin-bottom: 25px">
-                                        <input type="text" class="form-control" name="kelembagaan_sosial"
-                                            placeholder="Kelembagaan Sosial" style="margin-bottom: 25px">
-                                        <label class="fieldlabels">Nomor SK Calon Transmigrasi dari Ditjen
-                                            PKP2Trans</label>
-                                        <input type="text" class="form-control" name="no_sk_caltrans">
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('kelembagaan_adat') is-invalid @enderror"
+                                                name="kelembagaan_adat" style="margin-bottom: 25px" required>
+                                            @error('kelembagaan_adat')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Kelembagaan Adat</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                        <div class="FormInput">
+                                            <input type="text"
+                                                class="@error('kelembagaan_sosial') is-invalid @enderror"
+                                                name="kelembagaan_sosial" style="margin-bottom: 25px" required>
+                                            @error('kelembagaan_sosial')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Kelembagaan Sosial</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('no_sk_caltrans') is-invalid @enderror"
+                                                name="no_sk_caltrans" required>
+                                            @error('no_sk_caltrans')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Nomor SK Calon Transmigrasi dari Ditjen
+                                                PKP2Trans</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
                                         <label class="fieldlabels">Tanggal SK Calon Transmigrasi dari Ditjen
                                             PKP2Trans</label>
-                                        <input type="date" class="form-control" name="tgl_sk_caltrans">
-                                        <label class="fieldlabels">Penandatangan SK Calon Transmigrasi</label>
-                                        <input type="text" class="form-control" name="penandatangan_sk_caltrans">
+                                        <div class="FormInput">
+                                            <input type="date" class="@error('tgl_sk_caltrans') is-invalid @enderror"
+                                                name="tgl_sk_caltrans" required>
+                                            @error('tgl_sk_caltrans')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            {{-- <label for="">Tanggal SK Calon Transmigrasi dari Ditjen
+                                                PKP2Trans</label> --}}
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                        <div class="FormInput">
+                                            <input type="text"
+                                                class="@error('penandatangan_sk_caltrans') is-invalid @enderror"
+                                                name="penandatangan_sk_caltrans" required>
+                                            @error('penandatangan_sk_caltrans')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Penandatangan SK Calon Transmigrasi</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
                                         <label class="fieldlabels">Moda Transportasi</label>
-                                        <input type="text" class="form-control" name="jarak_tempuh_bandara"
-                                            placeholder="Jarak tempuh dari Bandara ke Distrik" style="margin-bottom:45px">
-                                        <input type="text" class="form-control" name="jarak_tempuh_kampung"
-                                            placeholder="Jarak tempuh Distrik ke Kampung">
+                                        <div class="FormInput">
+                                            <input type="text"
+                                                class="@error('jarak_tempuh_bandara') is-invalid @enderror"
+                                                name="jarak_tempuh_bandara" style="margin-bottom: 25px" required>
+                                            @error('jarak_tempuh_bandara')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Jarak tempuh dari Bandara ke Distrik</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                        <div class="FormInput">
+                                            <input type="text"
+                                                class="@error('jarak_tempuh_kampung') is-invalid @enderror"
+                                                name="jarak_tempuh_kampung" style="margin-bottom: 25px" required>
+                                            @error('jarak_tempuh_kampung')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Jarak tempuh Distrik ke kampung</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('kampung_binaan') is-invalid @enderror"
+                                                name="kampung_binaan" required>
+                                            @error('kampung_binaan')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Kampung Binaan</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
                                     </div>
                                     <div class="col-md-12">
                                         <label class="fieldlabels">Sharing Information</label>
@@ -468,11 +725,11 @@
                             <input type="button" name="previous" class="previous action-button-previous"
                                 value="Previous" />
                         </fieldset>
-                        <fieldset class="custom-fieldset">
+                        <fieldset class="custom-fieldset" id="section-to-print">
                             <div class="form-card">
                                 <div class="row">
                                     <div class="col-md-6">
-                                        <h2 class="fs-title">Data BUMDES</h2>
+                                        <h2 class="fs-title">Data CALTRANS</h2>
                                         <h5><strong> <span id="saved-kabupaten"></span> </strong></h5>
                                     </div>
                                 </div>
@@ -602,7 +859,7 @@
                                         : <span id="saved-sharing-information">
                                     </div>
                                 </div>
-                                <input type="button" name="print" class="print action-button" value="Print" />
+                                <a href="#" class="print action-button" id="printbutton">Print</a>
                             </div>
                         </fieldset>
                     </form>
@@ -610,10 +867,22 @@
             </div>
         </div>
     </div>
-    @push('js')
+    {{-- @push('js')
         <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
         <script>
             var coba
+
+            function printDiv(divName) {
+                var printContents = document.getElementById(divName).innerHTML;
+                var originalContents = document.body.innerHTML;
+
+                document.body.innerHTML = printContents;
+
+                window.print();
+
+                document.body.innerHTML = originalContents;
+
+            }
             $(document).ready(function() {
                 var current_fs, next_fs, previous_fs; //fieldsets
                 var opacity;
@@ -696,9 +965,9 @@
                                 $('#saved-penandatangan-sk-caltrans').text(response.data
                                     .penandatangan_sk_caltrans);
                                 $('#saved-jarak-tempuh-bandara').text(response.data
-                                    .jarak_tempuh_bandara);
+                                    .jarak_tempuh_bandara + "km");
                                 $('#saved-jarak-tempuh-kampung').text(response.data
-                                    .jarak_tempuh_kampung);
+                                    .jarak_tempuh_kampung + "km");
                                 $('#saved-kampung-binaan').text(response.data
                                     .kampung_binaan);
                                 $('#saved-jenis-pelatihan').text(response.data
@@ -708,6 +977,10 @@
 
                                 // Tampilkan pesan sukses jika diperlukan
                                 alert(response.message);
+
+                                let id = response.data.data_id
+                                $("#printbutton").attr("href", "/print-pages-caltrans/caltrans/" +
+                                    id)
                                 //Add Class Active
                                 $("#progressbar li").eq($("fieldset").index(next_fs)).addClass(
                                     "active");
@@ -800,6 +1073,248 @@
                     setProgressBar(--current);
                 });
 
+                function setProgressBar(curStep) {
+                    var percent = parseFloat(100 / steps) * curStep;
+                    percent = percent.toFixed();
+                    $(".progress-bar")
+                        .css("width", percent + "%")
+                }
+                $(".submit").click(function() {
+                    return false;
+                })
+            });
+        </script>
+    @endpush --}}
+
+    @push('js')
+        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+        <script>
+            var coba
+
+            function printDiv(divName) {
+                var printContents = document.getElementById(divName).innerHTML;
+                var originalContents = document.body.innerHTML;
+                document.body.innerHTML = printContents;
+                window.print();
+                document.body.innerHTML = originalContents;
+            }
+            $(document).ready(function() {
+                var current_fs, next_fs, previous_fs; //fieldsets
+                var opacity;
+                var current = 1;
+                var steps = $("fieldset").length;
+                setProgressBar(current);
+                $(".next").click(function() {
+                    $("#showerrors").hide();
+                    current_fs = $(this).parent();
+                    next_fs = $(this).parent().next();
+                    var requiredFields = current_fs.find(
+                        'input[required], select[required], textarea[required]');
+                    var allFieldsFilled = true;
+                    requiredFields.each(function() {
+                        coba = this;
+                        if ($(this).val() === "") {
+                            allFieldsFilled = false;
+                            $(this).addClass("is-invalid");
+                            $(this.parentElement.parentElement).find(".invalid-feedback").text(
+                                "Please fill out this field.").show()
+                            // $(this).next('.invalid-feedback').text("Please fill out this field.")
+                            //   .show();
+                        } else {
+                            $(this).removeClass("is-invalid");
+                            $(this.parentElement.parentElement).find(".invalid-feedback").hide()
+                            // $(this).next('.invalid-feedback').hide();
+                        }
+                    });
+                    if (allFieldsFilled) {
+                        // All required fields are filled, proceed to the next step
+                        if ($(this).attr("value") === "Submit") {
+                            let data = {
+                                nip: $('input[name="nip"]').val(),
+                                nama_lengkap: $('input[name="nama_lengkap"]').val(),
+                                pangkat: $('input[name="pangkat"]').val(),
+                                jabatan: $('input[name="jabatan"]').val(),
+                                instansi: $('input[name="instansi"]').val(),
+                                kabupaten: $('input[name="kabupaten"]').val(),
+                                phone_number: $('input[name="phone_number"]').val(),
+                                pesan: $('textarea[name="pesan"]').val(),
+                                alamat: $('textarea[name="alamat"]').val(),
+                                nama_distrik: $('input[name="nama_distrik"]').val(),
+                                jumlah_kampung: $('input[name="jumlah_kampung"]').val(),
+                                jumlah_penduduk: $('input[name="jumlah_penduduk"]').val(),
+                                pendidikan: $('select[name="pendidikan"]').val(),
+                                pertanian: $('input[name="pertanian"]').val(),
+                                peternakan: $('input[name="peternakan"]').val(),
+                                perikanan: $('input[name="perikanan"]').val(),
+                                perkebunan: $('input[name="perkebunan"]').val(),
+                                kehutanan: $('input[name="kehutanan"]').val(),
+                                lain_lain: $('input[name="lain_lain"]').val(),
+                                kelembagaan_adat: $('input[name="kelembagaan_adat"]').val(),
+                                kelembagaan_sosial: $('input[name="kelembagaan_sosial"]').val(),
+                                no_sk_caltrans: $('input[name="no_sk_caltrans"]').val(),
+                                tgl_sk_caltrans: $('input[name="tgl_sk_caltrans"]').val(),
+                                penandatangan_sk_caltrans: $('input[name="penandatangan_sk_caltrans"]')
+                                    .val(),
+                                jarak_tempuh_bandara: $('input[name="jarak_tempuh_bandara"]').val(),
+                                jarak_tempuh_kampung: $('input[name="jarak_tempuh_kampung"]').val(),
+                                kampung_binaan: $('input[name="kampung_binaan"]').val(),
+                                jenis_pelatihan: $('input[name="jenis_pelatihan"]').val(),
+                                sharing_information: $('textarea[name="sharing_information"]').val(),
+
+                            }
+                            $.ajax({
+                                type: "POST",
+                                url: "{{ URL::to('/') }}/save-caltrans-data-caltrans",
+                                data: data,
+                                success: function(response) {
+                                    console.log(response)
+                                    $('#saved-kabupaten').text(response.data.kabupaten);
+                                    $('#saved-nama-lengkap').text(response.data.nama_lengkap);
+                                    $('#saved-nip').text(response.data.nip);
+                                    $('#saved-pangkat').text(response.data.pangkat);
+                                    $('#saved-jabatan').text(response.data.jabatan);
+                                    $('#saved-instansi').text(response.data.instansi);
+                                    $('#saved-alamat').text(response.data.alamat);
+                                    $('#saved-pesan').text(response.data.pesan);
+                                    $('#saved-nama-distrik').text(response.data.nama_distrik);
+                                    $('#saved-jumlah-kampung').text(response.data
+                                        .jumlah_kampung);
+                                    $('#saved-jumlah-penduduk').text(response.data
+                                        .jumlah_penduduk);
+                                    $('#saved-pendidikan').text(response.data.pendidikan);
+                                    $('#saved-pertanian').text(response.data.pertanian);
+                                    $('#saved-peternakan').text(response.data.peternakan);
+                                    $('#saved-perikanan').text(response.data.perikanan);
+                                    $('#saved-perkebunan').text(response.data.perkebunan);
+                                    $('#saved-kehutanan').text(response.data.kehutanan);
+                                    $('#saved-lain-lain').text(response.data.lain_lain);
+                                    $('#saved-potensi-aset').text(response.data.potensi_aset);
+                                    $('#saved-kelembagaan-adat').text(response.data
+                                        .kelembagaan_adat);
+                                    $('#saved-kelembagaan-sosial').text(response.data
+                                        .kelembagaan_sosial);
+                                    $('#saved-no-sk-caltrans').text(response.data
+                                        .no_sk_caltrans);
+                                    $('#saved-tgl-sk-caltrans').text(response.data
+                                        .tgl_sk_caltrans);
+                                    $('#saved-penandatangan-sk-caltrans').text(response.data
+                                        .penandatangan_sk_caltrans);
+                                    $('#saved-jarak-tempuh-bandara').text(response.data
+                                        .jarak_tempuh_bandara + "km");
+                                    $('#saved-jarak-tempuh-kampung').text(response.data
+                                        .jarak_tempuh_kampung + "km");
+                                    $('#saved-kampung-binaan').text(response.data
+                                        .kampung_binaan);
+                                    $('#saved-jenis-pelatihan').text(response.data
+                                        .jenis_pelatihan);
+                                    $('#saved-sharing-information').text(response.data
+                                        .sharing_information);
+
+                                    // Tampilkan pesan sukses jika diperlukan
+                                    alert(response.message);
+
+                                    let id = response.data.data_id
+                                    $("#printbutton").attr("href",
+                                        "/print-pages-caltrans/caltrans/" +
+                                        id)
+                                    //Add Class Active
+                                    $("#progressbar li").eq($("fieldset").index(next_fs)).addClass(
+                                        "active");
+                                    //show the next fieldset
+                                    next_fs.show();
+                                    //hide the current fieldset with style
+                                    current_fs.animate({
+                                        opacity: 0
+                                    }, {
+                                        step: function(now) {
+                                            // for making fielset appear animation
+                                            opacity = 1 - now;
+                                            current_fs.css({
+                                                'display': 'none',
+                                                'position': 'relative'
+                                            });
+                                            next_fs.css({
+                                                'opacity': opacity
+                                            });
+                                        },
+                                        duration: 500
+                                    });
+                                    setProgressBar(++current);
+                                },
+                                dataType: "JSON",
+                                error: function(response) {
+                                    let res = response.responseJSON
+                                    const entries = Object.entries(res.input_data_gagal);
+                                    let html = ""
+                                    entries.forEach(([key, value]) => {
+                                        html += `<li>${value}</li>`
+                                    });
+                                    $("#showerrors").html(html)
+                                    $("#showerrors").show()
+                                    window.location.href = "#showerrors"
+                                    return false
+                                }
+                            });
+                        } else {
+                            // Add Class Active
+                            $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
+                            // Show the next fieldset
+                            next_fs.show();
+                            // Hide the current fieldset with style
+                            current_fs.animate({
+                                opacity: 0
+                            }, {
+                                step: function(now) {
+                                    // For making fieldset appear animation
+                                    opacity = 1 - now;
+                                    current_fs.css({
+                                        'display': 'none',
+                                        'position': 'relative'
+                                    });
+                                    next_fs.css({
+                                        'opacity': opacity
+                                    });
+                                },
+                                duration: 500
+                            });
+                            setProgressBar(++current);
+                        }
+                    } else {
+                        $('html, body').animate({
+                            scrollTop: requiredFields.filter(function() {
+                                return $(this).val() === "";
+                            }).first().offset().top
+                        }, 500);
+                    }
+                });
+                $(".previous").click(function() {
+                    current_fs = $(this).parent();
+                    previous_fs = $(this).parent().prev();
+                    $("#showerrors").hide()
+                    //Remove class active
+                    $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");
+                    //show the previous fieldset
+                    previous_fs.show();
+                    //hide the current fieldset with style
+                    current_fs.animate({
+                        opacity: 0
+                    }, {
+                        step: function(now) {
+                            // for making fielset appear animation
+                            opacity = 1 - now;
+                            current_fs.css({
+                                'display': 'none',
+                                'position': 'relative'
+                            });
+                            previous_fs.css({
+                                'opacity': opacity
+                            });
+                        },
+                        duration: 500
+                    });
+                    setProgressBar(--current);
+                });
+
                 function setProgressBar(curStep) {
                     var percent = parseFloat(100 / steps) * curStep;
                     percent = percent.toFixed();

resources/views/CalTrans/print-pages.blade.php

@@ -0,0 +1,234 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>PELATIHAN CALTRANS</title>
+    <style>
+        table {
+            border-collapse: collapse;
+            width: 100%;
+        }
+
+        table,
+        th,
+        td {
+            border: 1px solid black;
+        }
+
+        th,
+        td {
+            padding: 10px;
+        }
+    </style>
+</head>
+
+<body>
+    <Center>
+        <h1>PELATIHAN CALTRANS</h1>
+        <h1>{{ $data_pribadi[0]->kabupaten }}</h1>
+    </center>
+    <table>
+        <tr>
+            <td>1. Nama Lengkap:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->nama_lengkap }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>2. NIP:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->nip }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>3. Pangkat / Golongan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->pangkat }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>4. Jabatan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jabatan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>5. Instansi:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->instansi }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>6. Alamat:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->alamat }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>7. No. HP:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->phone_number }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>8. Pesan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->pesan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>9. Nama Distrik:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->nama_distrik }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>10. Jumlah Kampung:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jumlah_kampung }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>11. Jumlah Penduduk:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jumlah_penduduk }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>12. Nama kampung:</td>
+            <td colspan="3">
+                <div type="text"></div>
+            </td>
+        </tr>
+        <tr>
+            <td>13. Potensi SDM (Pendidikan):</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->pendidikan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>14. Potensi SDA :</td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>1. Pertanian:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->pertanian }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>2. Peternakan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->peternakan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>3. Perikanan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->perikanan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>4. Perkebunan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->perkebunan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>5. Kehutanan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->kehutanan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>6. Lain-lain:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->lain_lain }}</div>
+            </td>
+        </tr>
+
+        <tr>
+            <td>15. Potensi Kelembagaan:</td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>1. Kelembagaan Adat:</td>
+            <td colspan="2">
+                <div type="text"> {{ $data_pribadi[0]->kelembagaan_adat }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>2. Kelembagaan Sosial:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->kelembagaan_sosial }}</div>
+            </td>
+        </tr>
+
+        <tr>
+            <td>16. Nomor SK Calon Transmigrasi dari Ditjen PKP2Trans:</td>
+            <td colspan="3">
+                <div type="text"> {{ $data_pribadi[0]->no_sk_caltrans }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>17 Tanggal SK Calon Transmigrasi dari Ditjen PKP2Trans:</td>
+            <td colspan="3">
+                <div type="text"> {{ $data_pribadi[0]->tgl_sk_caltrans }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>18 Penandatangan SK Calon Transmigrasi: </td>
+            <td colspan="3">
+                <div type="text"> {{ $data_pribadi[0]->penandatangan_sk_caltrans }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>19. Moda Transportasi:</td>
+            {{-- <td colspan="3"><div type="text"></div></td> --}}
+        </tr>
+        <tr>
+            <td></td>
+            <td>1. Jarak tempuh dari Bandara ke Distrik:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->jarak_tempuh_bandara }} km</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>2. Jarak tempuh Distrik ke Kampung:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->jarak_tempuh_kampung }} km</div>
+            </td>
+        </tr>
+        <tr>
+            <td>21. Kampung Binaan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->kampung_binaan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>22. Jenis Pelatihan Yang sudah pernah diikuti:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jenis_pelatihan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>23. Sharing Information:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->sharing_information }}</div>
+            </td>
+        </tr>
+    </table>
+    {{-- <button onclick="window.print()">Print</button> --}}
+</body>
+<script>
+    window.print()
+</script>
+
+</html>

resources/views/CalTrans/test.blade.php

@@ -0,0 +1,232 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>PELATIHAN BUMDES</title>
+    <style>
+        table {
+            border-collapse: collapse;
+            width: 100%;
+        }
+
+        table,
+        th,
+        td {
+            border: 1px solid black;
+        }
+
+        th,
+        td {
+            padding: 10px;
+        }
+    </style>
+</head>
+
+<body>
+    <h1>PELATIHAN KPMD</h1>
+    <h1>{{ $data_pribadi[0]->kabupaten }}</h1>
+    <table>
+        <tr>
+            <td>1. Nama Lengkap:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->nama_lengkap }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>2. NIP:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->nip }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>3. Pangkat / Golongan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->pangkat }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>4. Jabatan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jabatan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>5. Instansi:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->instansi }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>6. Alamat:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->alamat }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>7. No. HP:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->phone_number }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>8. Pesan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->pesan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>9. Nama Distrik:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->nama_distrik }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>10. Jumlah Kampung:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jumlah_kampung }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>11. Jumlah Penduduk:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jumlah_penduduk }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>12. Nama kampung:</td>
+            <td colspan="3">
+                <div type="text"></div>
+            </td>
+        </tr>
+        <tr>
+            <td>13. Potensi SDM (Pendidikan):</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->pendidikan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>14. Potensi SDA :</td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>1. Pertanian:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->pertanian }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>2. Peternakan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->peternakan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>3. Perikanan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->perikanan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>4. Perkebunan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->perkebunan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>5. Kehutanan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->kehutanan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>6. Lain-lain:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->lain_lain }}</div>
+            </td>
+        </tr>
+
+        <tr>
+            <td>15. Potensi Kelembagaan:</td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>1. Kelembagaan Adat:</td>
+            <td colspan="2">
+                <div type="text"> {{ $data_pribadi[0]->kelembagaan_adat }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>2. Kelembagaan Sosial:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->kelembagaan_sosial }}</div>
+            </td>
+        </tr>
+
+        <tr>
+            <td>16. Nomor SK Calon Transmigrasi dari Ditjen PKP2Trans:</td>
+            <td colspan="3">
+                <div type="text"> {{ $data_pribadi[0]->no_sk_caltrans }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>17 Tanggal SK Calon Transmigrasi dari Ditjen PKP2Trans:</td>
+            <td colspan="3">
+                <div type="text"> {{ $data_pribadi[0]->tgl_sk_caltrans }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>18 Penandatangan SK Calon Transmigrasi: </td>
+            <td colspan="3">
+                <div type="text"> {{ $data_pribadi[0]->penandatangan_sk_caltrans }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>19. Moda Transportasi:</td>
+            {{-- <td colspan="3"><div type="text"></div></td> --}}
+        </tr>
+        <tr>
+            <td></td>
+            <td>1. Jarak tempuh dari Bandara ke Distrik:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->jarak_tempuh_bandara }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>2. Jarak tempuh Distrik ke Kampung:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->jarak_tempuh_kampung }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>21. Kampung Binaan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->kampung_binaan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>22. Jenis Pelatihan Yang sudah pernah diikuti:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jenis_pelatihan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>23. Sharing Information:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->sharing_information }}</div>
+            </td>
+        </tr>
+    </table>
+    {{-- <button onclick="window.print()">Print</button> --}}
+</body>
+<script>
+    window.print()
+</script>
+
+</html>

resources/views/DesWita/index.blade.php

@@ -3,10 +3,23 @@
     <br><br>
     @push('css')
         <style>
+            @media print {
+                body {
+                    visibility: hidden;
+                }
+
+                #section-to-print {
+                    visibility: visible;
+                    position: absolute;
+                    left: 0;
+                    top: 0;
+                }
+            }
+
             .form-select {
                 padding: 8px 15px;
                 border: 1px solid #ccc;
-                border-radius: 0;
+                border-radius: 7px;
                 width: 100%;
                 background-color: #ECEFF1;
                 font-family: montserrat;
@@ -74,11 +87,25 @@
                 display: none
             }
 
-            #msform input,
-            #msform textarea {
+            #msform input {
                 padding: 8px 15px 8px 15px;
                 border: 1px solid #ccc;
-                border-radius: 0px;
+                border-radius: 7px;
+                margin-bottom: 25px;
+                margin-top: 2px;
+                width: 100%;
+                box-sizing: border-box;
+                font-family: montserrat;
+                color: #2C3E50;
+                background-color: #ECEFF1;
+                font-size: 16px;
+                letter-spacing: 1px
+            }
+
+            #msform textarea {
+                padding: 15px 15px 0px 15px;
+                border: 1px solid #ccc;
+                border-radius: 7px;
                 margin-bottom: 25px;
                 margin-top: 2px;
                 width: 100%;
@@ -247,6 +274,65 @@
                 width: 100%;
                 object-fit: cover
             }
+
+
+            .FormInput {
+                position: relative;
+                margin-bottom: 1rem;
+            }
+
+            .FormInput input,
+            .FormInput textarea,
+            .FormInput select {
+                width: 17rem;
+                height: 3.6rem;
+                padding: 0 .8rem;
+                font-size: 16px;
+                outline: none;
+            }
+
+            .FormInput label {
+                position: absolute;
+                top: 28%;
+                left: .5rem;
+                transform: translateY(-25%);
+                font-size: 16px;
+                color: #919191;
+                padding: 0 5px;
+                pointer-events: none;
+                padding: 0 1rem 0 0.8rem;
+                transition: .5s;
+            }
+
+            .FormInput input:focus~label,
+            .FormInput input:valid~label {
+                top: 0;
+                background-color: #fff;
+                border-radius: 1rem;
+            }
+
+            .FormInput textarea:focus~label,
+            .FormInput textarea:valid~label {
+                top: 0;
+                background-color: #fff;
+                border-radius: 1rem;
+            }
+
+            .FormInput select:focus~label,
+            .FormInput select:valid~label {
+                top: 0;
+                background-color: #fff;
+                border-radius: 1rem;
+            }
+
+            .is-invalid {
+                border-color: #dc3545 !important;
+                padding-right: calc(1.5em + .75rem);
+                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+                background-repeat: no-repeat;
+                background-position: right calc(.375em + .1875rem) center;
+                background-size: calc(.75em + .375rem) calc(.75em + .375rem);
+            }
         </style>
     @endpush
     <div class="container-fluid">
@@ -277,92 +363,138 @@
                                 </div>
                                 <div class="row">
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">NIP</label>
-                                        <input type="text" class="form-control" name="nip">
-                                        @error('nip')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('nip') is-invalid @enderror" name="nip"
+                                                required>
+                                            @error('nip')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                            <label for="">NIP</label>
+                                        </div>
+
                                     </div>
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Nama Lengkap</label>
-                                        <input type="text" class="form-control" name="nama_lengkap">
-                                        @error('nama_lengkap')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('nama_lengkap') is-invalid @enderror"
+                                                name="nama_lengkap" required>
+                                            @error('nama_lengkap')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Nama Lengkap</label>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                        </div>
                                     </div>
                                 </div>
                                 <div class="row">
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Pangkat/Golongan</label>
-                                        <input type="text" class="form-control" name="pangkat">
-                                        @error('pangkat')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('pangkat') is-invalid @enderror"
+                                                name="pangkat" required>
+                                            @error('pangkat')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Pangkat/Golongan</label>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                        </div>
+
                                     </div>
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Jabatan</label>
-                                        <input type="text" class="form-control" name="jabatan">
-                                        @error('jabatan')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('jabatan') is-invalid @enderror"
+                                                name="jabatan" required>
+                                            @error('jabatan')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Jabatan</label>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                        </div>
+
                                     </div>
                                 </div>
                                 <div class="row">
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Instansi</label>
-                                        <input type="text" class="form-control" name="instansi">
-                                        @error('instansi')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('instansi') is-invalid @enderror"
+                                                name="instansi" required>
+                                            @error('instansi')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Instansi</label>
+                                            <span class="invalid-feedback">Please fill out this
+                                                field.</span>
+                                        </div>
+
                                     </div>
+
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Kabupaten</label>
-                                        <input type="text" class="form-control" name="kabupaten">
-                                        @error('kabupaten')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('kabupaten') is-invalid @enderror"
+                                                name="kabupaten" required>
+                                            @error('kabupaten')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Kabupaten</label>
+                                            <span class="invalid-feedback">Please fill out this
+                                                field.</span>
+                                        </div>
+
                                     </div>
                                 </div>
                                 <div class="row">
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">No. HP</label>
-                                        <input type="text" class="form-control" name="phone_number">
-                                        @error('phone_number')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('phone_number') is-invalid @enderror"
+                                                name="phone_number" required>
+                                            @error('phone_number')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">No. HP</label>
+                                            <span class="invalid-feedback">Please fill out this
+                                                field.</span>
+                                        </div>
+
                                     </div>
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Pesan</label>
-                                        <textarea type="text" class="form-control" name="pesan"></textarea>
-                                        @error('pesan')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <textarea type="text" class="@error('pesan') is-invalid @enderror" name="pesan" required></textarea>
+                                            @error('pesan')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Pesan</label>
+                                            <span class="invalid-feedback">Please fill out this
+                                                field.</span>
+                                        </div>
+
                                     </div>
                                 </div>
                                 <div class="row">
                                     <div class="col-12">
-                                        <label class="fieldlabels">Alamat</label>
-                                        <textarea type="text" class="form-control" name="alamat"></textarea>
-                                        @error('alamat')
-                                            <p class="text text-danger">
-                                                {{ $message }}</p>
-                                        @enderror
+                                        <div class="FormInput">
+                                            <textarea type="text" class="@error('alamat') is-invalid @enderror" name="alamat" required></textarea>
+                                            @error('alamat')
+                                                <div class="invalid-feedback">
+                                                    {{ $message }}</div>
+                                            @enderror
+                                            <label for="">Alamat</label>
+                                            <span class="invalid-feedback">Please fill out
+                                                this field.</span>
+                                        </div>
+
                                     </div>
                                 </div>
                             </div>
-                            {{-- <div class="text-right">
-                                <button class="btn btn-success">Next</button>
-                            </div> --}}
-                            <button type="button" name="next" class="next action-button" value="Next">Next</button>
-                            {{-- <input type="button" name="next" class="next action-button" value="Next" /> --}}
+
+                            <button type="button" name="next" class="next action-button"
+                                value="Next">Next</button>
+
                         </fieldset>
                         <fieldset>
                             <div class="form-card">
@@ -370,18 +502,37 @@
                                     <div class="col-7">
                                         <h2 class="fs-title">Data Distrik</h2>
                                     </div>
-
-                                </div> <label class="fieldlabels">Nama Distrik</label>
-                                <input type="text" class="form-control" name="nama_distrik"> <label
-                                    class="fieldlabels">Jumlah
-                                    Kampung</label>
-                                <input type="text" class="form-control" name="jumlah_kampung"> <label
-                                    class="fieldlabels">Jumlah
-                                    Penduduk</label>
-                                <input type="text" class="form-control" name="jumlah_penduduk">
+                                    <div class="FormInput">
+                                        <input type="text" class="@error('nama_distrik') is-invalid @enderror"
+                                            name="nama_distrik" required>
+                                        @error('nama_distrik')
+                                            <div class="invalid-feedback">{{ $message }}</div>
+                                        @enderror
+                                        <label for="" style="margin-left: 15px;">Nama Distrik</label>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                    </div>
+                                    <div class="FormInput">
+                                        <input type="text" class="@error('jumlah_kampung') is-invalid @enderror"
+                                            name="jumlah_kampung" required>
+                                        @error('jumlah_kampung')
+                                            <div class="invalid-feedback">{{ $message }}</div>
+                                        @enderror
+                                        <label for="" style="margin-left: 15px;">Jumlah Kampung</label>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                    </div>
+                                    <div class="FormInput">
+                                        <input type="text" class="@error('jumlah_penduduk') is-invalid @enderror"
+                                            name="jumlah_penduduk" required>
+                                        @error('jumlah_penduduk')
+                                            <div class="invalid-feedback">{{ $message }}</div>
+                                        @enderror
+                                        <label for="" style="margin-left: 15px;">Jumlah Penduduk</label>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                    </div>
+                                </div>
                             </div> <input type="button" name="next" class="next action-button" value="Next" />
-                            <input type="button" name="previous" class="previous action-button-previous"
-                                value="Previous" />
+                            <input type="button" name="previous"
+                                class="previous action-button-previous"value="Previous" />
                         </fieldset>
                         <fieldset>
                             <div class="form-card">
@@ -400,57 +551,129 @@
                                     <div class="col-md-6">
                                         <div class="form-group">
                                             <label class="fieldlabels">Pendidikan</label>
-                                            <select class="form-select" aria-label="Pendidikan" style="width:100%"
-                                                name="pendidikan">
-                                                <option selected>Pendidikan</option>
-                                                <option value="1">SMP</option>
-                                                <option value="2">SMA</option>
-                                                <option value="3">Sarjana</option>
-                                            </select>
-                                        </div>
-                                        <br>
-                                        <div class="form-group">
-                                            <label class="fieldlabels">Indikator Pembangunan Pariwisata 3AK</label>
-                                            <input type="text" class="form-control" name="atraksi"
-                                                placeholder="Atraksi" style="margin-bottom: 25px">
-                                            <input type="text" class="form-control" name="amenitas"
-                                                placeholder="Amenitas" style="margin-bottom: 25px">
-                                            <input type="text" class="form-control" name="aksesibilitas"
-                                                placeholder="Aksesibilitas" style="margin-bottom: 25px">
-                                            <input type="text" class="form-control" name="kelembagaan"
-                                                placeholder="Kelembagaan" style="margin-bottom: 25px">
+                                            <div class="FormInput">
+                                                <select class="form-select @error('pendidikan') is-invalid @enderror"
+                                                    aria-label="Pendidikan" style="width:100%" name="pendidikan">
+                                                    <option selected>Pendidikan</option>
+                                                    <option value="1">SMP</option>
+                                                    <option value="2">SMA</option>
+                                                    <option value="3">Sarjana</option>
+                                                </select>
+                                                @error('pendidikan')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
                                         </div>
 
+                                        <div class="form-group">
+                                            <label class="fieldlabels">Indikator Pembangunan Pariwisata 3AK</label>
+                                            <div class="FormInput">
+                                                <input type="text" class="@error('atraksi') is-invalid @enderror"
+                                                    name="atraksi" required>
+                                                @error('atraksi')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                                <label for="">Atraksi</label>
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                            <div class="FormInput">
+                                                <input type="text" class="@error('amenitas') is-invalid @enderror"
+                                                    name="amenitas" required>
+                                                @error('amenitas')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                                <label for="">amenitas</label>
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                            <div class="FormInput">
+                                                <input type="text"
+                                                    class="@error('aksesibilitas') is-invalid @enderror"
+                                                    name="aksesibilitas" required>
+                                                @error('aksesibilitas')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                                <label for="">aksesibilitas</label>
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                            <div class="FormInput">
+                                                <input type="text" class="@error('kelembagaan') is-invalid @enderror"
+                                                    name="kelembagaan" required>
+                                                @error('kelembagaan')
+                                                    <div class="invalid-feedback">{{ $message }}</div>
+                                                @enderror
+                                                <label for="">kelembagaan</label>
+                                            </div>
+                                            <span class="invalid-feedback">Please fill out this field.</span>
+                                        </div>
                                     </div>
                                     <!-- Second column for right-aligned elements -->
                                     <div class="col-md-6">
-                                        <label class="fieldlabels">Jumlah POKDARWIS</label>
-                                        <input type="text" class="form-control" name="jumlah_pokdarwis">
-                                        <label class="fieldlabels">Kampung Binaan</label>
-                                        <input type="text" class="form-control" name="kampung_binaan">
-                                        <label class="fieldlabels">Jenis Pelatihan Yang Pernah Diikuti</label>
-                                        <input type="text" class="form-control" name="jenis_pelatihan">
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('jumlah_pokdarwis') is-invalid @enderror"
+                                                name="jumlah_pokdarwis" required>
+                                            @error('jumlah_pokdarwis')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Jumlah POKDARWIS</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('kampung_binaan') is-invalid @enderror"
+                                                name="kampung_binaan" required>
+                                            @error('kampung_binaan')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Kampung Binaan</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                        <div class="FormInput">
+                                            <input type="text" class="@error('jenis_pelatihan') is-invalid @enderror"
+                                                name="jenis_pelatihan" required>
+                                            @error('jenis_pelatihan')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Jenis Pelatihan Yang Pernah Diikuti</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
                                         <label class="fieldlabels">Moda Transportasi</label>
-                                        <input type="text" class="form-control" name="jarak_tempuh_bandara"
-                                            placeholder="Jarak tempuh dari Bandara ke Distrik"
-                                            style="margin-bottom: 25px">
-                                        <input type="text" class="form-control" name="jarak_tempuh_kampung"
-                                            placeholder="Jarak tempuh Distrik ke Kampung">
+                                        <div class="FormInput">
+                                            <input type="text"
+                                                class="@error('jarak_tempuh_bandara') is-invalid @enderror"
+                                                name="jarak_tempuh_bandara" style="margin-bottom: 25px" required>
+                                            @error('jarak_tempuh_bandara')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Jarak tempuh dari Bandara ke Distrik</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
+                                        <div class="FormInput">
+                                            <input type="text"
+                                                class="@error('jarak_tempuh_kampung') is-invalid @enderror"
+                                                name="jarak_tempuh_kampung" style="margin-bottom: 25px" required>
+                                            @error('jarak_tempuh_kampung')
+                                                <div class="invalid-feedback">{{ $message }}</div>
+                                            @enderror
+                                            <label for="">Jarak tempuh Distrik ke kampung</label>
+                                        </div>
+                                        <span class="invalid-feedback">Please fill out this field.</span>
                                     </div>
                                     <div class="col-md-12">
-                                        <label>Sharing Information</label>
-                                        <textarea type="text" class="form-control" name="sharing_information"></textarea>
+                                        <label class="fieldlabels">Sharing Information</label>
+                                        <textarea type="text" class="form-control @error('sharing_information') is-invalid @enderror"
+                                            name="sharing_information"></textarea>
+                                        @error('sharing_information')
+                                            <div class="invalid-feedback">{{ $message }}</div>
+                                        @enderror
                                     </div>
-
-
+                                    <span class="invalid-feedback">Please fill out this field.</span>
                                 </div>
                             </div>
                             <input type="button" name="next" class="next action-button" value="Submit" />
                             <input type="button" name="previous" class="previous action-button-previous"
                                 value="Previous" />
                         </fieldset>
-
-                        <fieldset class="custom-fieldset">
+                        <fieldset class="custom-fieldset" id="section-to-print">
                             <div class="form-card">
                                 <div class="row">
                                     <div class="col-md-6">
@@ -553,7 +776,7 @@
                                         : <span id="saved-sharing-information">
                                     </div>
                                 </div>
-                                <input type="button" name="print" class="print action-button" value="Print" />
+                                <a href="#" class="print action-button" id="printbutton">Print</a>
                             </div>
                         </fieldset>
                     </form>
@@ -561,10 +784,22 @@
             </div>
         </div>
     </div>
-    @push('js')
+    {{-- @push('js')
         <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
         <script>
             var coba
+
+            function printDiv(divName) {
+                var printContents = document.getElementById(divName).innerHTML;
+                var originalContents = document.body.innerHTML;
+
+                document.body.innerHTML = printContents;
+
+                window.print();
+
+                document.body.innerHTML = originalContents;
+
+            }
             $(document).ready(function() {
                 var current_fs, next_fs, previous_fs; //fieldsets
                 var opacity;
@@ -627,9 +862,9 @@
                                 $('#saved-kelembagaan').text(response.data.kelembagaan);
                                 $('#saved-jumlah-pokdarwis').text(response.data.jumlah_pokdarwis);
                                 $('#saved-jarak-tempuh-bandara').text(response.data
-                                    .jarak_tempuh_bandara);
+                                    .jarak_tempuh_bandara + "km");
                                 $('#saved-jarak-tempuh-kampung').text(response.data
-                                    .jarak_tempuh_kampung);
+                                    .jarak_tempuh_kampung + "km");
                                 $('#saved-kampung-binaan').text(response.data.kampung_binaan);
                                 $('#saved-jenis-pelatihan').text(response.data.jenis_pelatihan);
                                 $('#saved-sharing-information').text(response.data
@@ -637,6 +872,9 @@
 
                                 // Tampilkan pesan sukses jika diperlukan
                                 alert(response.message);
+
+                                let id = response.data.data_id
+                                $("#printbutton").attr("href", "/print-pages-deswita/deswita/" + id)
                                 // console.log(response)
                                 //Add Class Active
                                 $("#progressbar li").eq($("fieldset").index(next_fs)).addClass(
@@ -730,6 +968,225 @@
                     setProgressBar(--current);
                 });
 
+                function setProgressBar(curStep) {
+                    var percent = parseFloat(100 / steps) * curStep;
+                    percent = percent.toFixed();
+                    $(".progress-bar")
+                        .css("width", percent + "%")
+                }
+                $(".submit").click(function() {
+                    return false;
+                })
+            });
+        </script>
+    @endpush --}}
+    @push('js')
+        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+        <script>
+            var coba
+
+            function printDiv(divName) {
+                var printContents = document.getElementById(divName).innerHTML;
+                var originalContents = document.body.innerHTML;
+                document.body.innerHTML = printContents;
+                window.print();
+                document.body.innerHTML = originalContents;
+            }
+            $(document).ready(function() {
+                var current_fs, next_fs, previous_fs; //fieldsets
+                var opacity;
+                var current = 1;
+                var steps = $("fieldset").length;
+                setProgressBar(current);
+                $(".next").click(function() {
+                    $("#showerrors").hide();
+                    current_fs = $(this).parent();
+                    next_fs = $(this).parent().next();
+                    var requiredFields = current_fs.find(
+                        'input[required], select[required], textarea[required]');
+                    var allFieldsFilled = true;
+                    requiredFields.each(function() {
+                        coba = this;
+                        if ($(this).val() === "") {
+                            allFieldsFilled = false;
+                            $(this).addClass("is-invalid");
+                            $(this.parentElement.parentElement).find(".invalid-feedback").text(
+                                "Please fill out this field.").show()
+                            // $(this).next('.invalid-feedback').text("Please fill out this field.")
+                            //   .show();
+                        } else {
+                            $(this).removeClass("is-invalid");
+                            $(this.parentElement.parentElement).find(".invalid-feedback").hide()
+                            // $(this).next('.invalid-feedback').hide();
+                        }
+                    });
+                    if (allFieldsFilled) {
+                        // All required fields are filled, proceed to the next step
+                        if ($(this).attr("value") === "Submit") {
+                            let data = {
+                                nip: $('input[name="nip"]').val(),
+                                nama_lengkap: $('input[name="nama_lengkap"]').val(),
+                                pangkat: $('input[name="pangkat"]').val(),
+                                jabatan: $('input[name="jabatan"]').val(),
+                                instansi: $('input[name="instansi"]').val(),
+                                kabupaten: $('input[name="kabupaten"]').val(),
+                                phone_number: $('input[name="phone_number"]').val(),
+                                pesan: $('textarea[name="pesan"]').val(),
+                                alamat: $('textarea[name="alamat"]').val(),
+                                nama_distrik: $('input[name="nama_distrik"]').val(),
+                                jumlah_kampung: $('input[name="jumlah_kampung"]').val(),
+                                jumlah_penduduk: $('input[name="jumlah_penduduk"]').val(),
+                                pendidikan: $('select[name="pendidikan"]').val(),
+                                atraksi: $('input[name="atraksi"]').val(),
+                                amenitas: $('input[name="amenitas"]').val(),
+                                aksesibilitas: $('input[name="aksesibilitas"]').val(),
+                                kelembagaan: $('input[name="kelembagaan"]').val(),
+                                jumlah_pokdarwis: $('input[name="jumlah_pokdarwis"]').val(),
+                                jenis_pelatihan: $('input[name="jenis_pelatihan"]').val(),
+                                kampung_binaan: $('input[name="kampung_binaan"]').val(),
+                                jarak_tempuh_bandara: $('input[name="jarak_tempuh_bandara"]').val(),
+                                jarak_tempuh_kampung: $('input[name="jarak_tempuh_kampung"]').val(),
+                                sharing_information: $('textarea[name="sharing_information"]').val(),
+
+                            }
+                            $.ajax({
+                                type: "POST",
+                                url: "{{ URL::to('/') }}/save-deswita-data-deswita",
+                                data: data,
+                                success: function(response) {
+                                    console.log(response)
+                                    $('#saved-kabupaten').text(response.data.kabupaten);
+                                    $('#saved-nama-lengkap').text(response.data.nama_lengkap);
+                                    $('#saved-nip').text(response.data.nip);
+                                    $('#saved-pangkat').text(response.data.pangkat);
+                                    $('#saved-jabatan').text(response.data.jabatan);
+                                    $('#saved-instansi').text(response.data.instansi);
+                                    $('#saved-alamat').text(response.data.alamat);
+                                    $('#saved-pesan').text(response.data.pesan);
+                                    $('#saved-nama-distrik').text(response.data.nama_distrik);
+                                    $('#saved-jumlah-kampung').text(response.data.jumlah_kampung);
+                                    $('#saved-jumlah-penduduk').text(response.data.jumlah_penduduk);
+                                    $('#saved-pendidikan').text(response.data.pendidikan);
+                                    $('#saved-atraksi').text(response.data.atraksi);
+                                    $('#saved-amenitas').text(response.data.amenitas);
+                                    $('#saved-aksesibilitas').text(response.data.aksesibilitas);
+                                    $('#saved-kelembagaan').text(response.data.kelembagaan);
+                                    $('#saved-jumlah-pokdarwis').text(response.data
+                                        .jumlah_pokdarwis);
+                                    $('#saved-jarak-tempuh-bandara').text(response.data
+                                        .jarak_tempuh_bandara + "km");
+                                    $('#saved-jarak-tempuh-kampung').text(response.data
+                                        .jarak_tempuh_kampung + "km");
+                                    $('#saved-kampung-binaan').text(response.data.kampung_binaan);
+                                    $('#saved-jenis-pelatihan').text(response.data.jenis_pelatihan);
+                                    $('#saved-sharing-information').text(response.data
+                                        .sharing_information);
+
+                                    // Tampilkan pesan sukses jika diperlukan
+                                    alert(response.message);
+
+                                    let id = response.data.data_id
+                                    $("#printbutton").attr("href", "/print-pages-deswita/deswita/" +
+                                        id)
+                                    // console.log(response)
+                                    //Add Class Active
+                                    $("#progressbar li").eq($("fieldset").index(next_fs)).addClass(
+                                        "active");
+                                    //show the next fieldset
+                                    next_fs.show();
+                                    //hide the current fieldset with style
+                                    current_fs.animate({
+                                        opacity: 0
+                                    }, {
+                                        step: function(now) {
+                                            // for making fielset appear animation
+                                            opacity = 1 - now;
+                                            current_fs.css({
+                                                'display': 'none',
+                                                'position': 'relative'
+                                            });
+                                            next_fs.css({
+                                                'opacity': opacity
+                                            });
+                                        },
+                                        duration: 500
+                                    });
+                                    setProgressBar(++current);
+                                },
+                                dataType: "JSON",
+                                error: function(response) {
+                                    let res = response.responseJSON
+                                    const entries = Object.entries(res.input_data_gagal);
+                                    let html = ""
+                                    entries.forEach(([key, value]) => {
+                                        html += `<li>${value}</li>`
+                                    });
+                                    $("#showerrors").html(html)
+                                    $("#showerrors").show()
+                                    window.location.href = "#showerrors"
+                                    return false
+                                }
+                            });
+                        } else {
+                            // Add Class Active
+                            $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
+                            // Show the next fieldset
+                            next_fs.show();
+                            // Hide the current fieldset with style
+                            current_fs.animate({
+                                opacity: 0
+                            }, {
+                                step: function(now) {
+                                    // For making fieldset appear animation
+                                    opacity = 1 - now;
+                                    current_fs.css({
+                                        'display': 'none',
+                                        'position': 'relative'
+                                    });
+                                    next_fs.css({
+                                        'opacity': opacity
+                                    });
+                                },
+                                duration: 500
+                            });
+                            setProgressBar(++current);
+                        }
+                    } else {
+                        $('html, body').animate({
+                            scrollTop: requiredFields.filter(function() {
+                                return $(this).val() === "";
+                            }).first().offset().top
+                        }, 500);
+                    }
+                });
+                $(".previous").click(function() {
+                    current_fs = $(this).parent();
+                    previous_fs = $(this).parent().prev();
+                    $("#showerrors").hide()
+                    //Remove class active
+                    $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");
+                    //show the previous fieldset
+                    previous_fs.show();
+                    //hide the current fieldset with style
+                    current_fs.animate({
+                        opacity: 0
+                    }, {
+                        step: function(now) {
+                            // for making fielset appear animation
+                            opacity = 1 - now;
+                            current_fs.css({
+                                'display': 'none',
+                                'position': 'relative'
+                            });
+                            previous_fs.css({
+                                'opacity': opacity
+                            });
+                        },
+                        duration: 500
+                    });
+                    setProgressBar(--current);
+                });
+
                 function setProgressBar(curStep) {
                     var percent = parseFloat(100 / steps) * curStep;
                     percent = percent.toFixed();

resources/views/DesWita/print-pages.blade.php

@@ -0,0 +1,235 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>PELATIHAN DESWITA</title>
+    <style>
+        table {
+            border-collapse: collapse;
+            width: 100%;
+        }
+
+        table,
+        th,
+        td {
+            border: 1px solid black;
+        }
+
+        th,
+        td {
+            padding: 10px;
+        }
+    </style>
+</head>
+
+<body>
+    <Center>
+        <h1>PELATIHAN DESWITA</h1>
+        <h1>{{ $data_pribadi[0]->kabupaten }}</h1>
+    </center>
+    <table>
+        <tr>
+            <td>1. Nama Lengkap:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->nama_lengkap }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>2. NIP:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->nip }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>3. Pangkat / Golongan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->pangkat }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>4. Jabatan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jabatan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>5. Instansi:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->instansi }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>6. Alamat:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->alamat }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>7. No. HP:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->phone_number }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>8. Pesan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->pesan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>9. Nama Distrik:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->nama_distrik }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>10. Jumlah Kampung:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jumlah_kampung }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>11. Jumlah Penduduk:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jumlah_penduduk }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>12. Nama kampung:</td>
+            <td colspan="3">
+                <div type="text"></div>
+            </td>
+        </tr>
+        <tr>
+            <td>13. Potensi SDM (Pendidikan):</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->pendidikan }}</div>
+            </td>
+        </tr>
+        {{-- <tr>
+            <td>14. Potensi SDA :</td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>1. Pertanian:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->pertanian }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>2. Peternakan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->peternakan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>3. Perikanan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->perikanan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>4. Perkebunan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->perkebunan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>5. Kehutanan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->kehutanan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>6. Lain-lain:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->lain_lain }}</div>
+            </td>
+        </tr> --}}
+
+        <tr>
+            <td>14. Indikator Pembangunan Pariwisata 3AK:</td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>1. Atraksi:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->atraksi }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>2. Amenitas:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->amenitas }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>3. Aksesibilitas:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->aksesibilitas }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>4. Kelembagaan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->kelembagaan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>16. Jumlah Pokdarwis:</td>
+            <td colspan="3">
+                <div type="text"> {{ $data_pribadi[0]->jumlah_pokdarwis }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>19. Moda Transportasi:</td>
+            {{-- <td colspan="3"><div type="text"></div></td> --}}
+        </tr>
+        <tr>
+            <td></td>
+            <td>1. Jarak tempuh dari Bandara ke Distrik:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->jarak_tempuh_bandara }} km</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>2. Jarak tempuh Distrik ke Kampung:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->jarak_tempuh_kampung }} km</div>
+            </td>
+        </tr>
+        <tr>
+            <td>21. Kampung Binaan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->kampung_binaan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>22. Jenis Pelatihan Yang sudah pernah diikuti:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jenis_pelatihan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>23. Sharing Information:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->sharing_information }}</div>
+            </td>
+        </tr>
+    </table>
+    {{-- <button onclick="window.print()">Print</button> --}}
+</body>
+<script>
+    window.print()
+</script>
+
+</html>

resources/views/KPMD/print-pages.blade.php

@@ -0,0 +1,247 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>PELATIHAN KPMD</title>
+    <style>
+        table {
+            border-collapse: collapse;
+            width: 100%;
+        }
+
+        table,
+        th,
+        td {
+            border: 1px solid black;
+        }
+
+        th,
+        td {
+            padding: 10px;
+        }
+    </style>
+</head>
+
+<body>
+    <Center>
+        <h1>PELATIHAN KPMD</h1>
+        <h1>{{ $data_pribadi[0]->kabupaten }}</h1>
+    </center>
+    <table>
+        <tr>
+            <td>1. Nama Lengkap:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->nama_lengkap }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>2. NIP:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->nip }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>3. Pangkat / Golongan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->pangkat }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>4. Jabatan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jabatan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>5. Instansi:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->instansi }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>6. Alamat:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->alamat }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>7. No. HP:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->phone_number }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>8. Pesan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->pesan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>9. Nama Distrik:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->nama_distrik }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>10. Jumlah Kampung:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jumlah_kampung }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>11. Jumlah Penduduk:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jumlah_penduduk }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>12. Nama kampung:</td>
+            <td colspan="3">
+                <div type="text"></div>
+            </td>
+        </tr>
+        <tr>
+            <td>13. Potensi SDM (Pendidikan):</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->pendidikan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>14. Potensi SDA :</td>
+            {{-- <td colspan="3"><div type="text"></div></td> --}}
+        </tr>
+        <tr>
+            <td></td>
+            <td>1. Pertanian:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->pertanian }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>2. Peternakan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->peternakan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>3. Perikanan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->perikanan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>4. Perkebunan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->perkebunan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>5. Kehutanan:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->kehutanan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>6. Lain-lain:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->lain_lain }}</div>
+            </td>
+        </tr>
+
+        <tr>
+            <td>15. Potensi Kelembagaan:</td>
+            {{-- <td colspan="3"><div type="text"></div></td> --}}
+        </tr>
+        <tr>
+            <td></td>
+            <td>1. kelembagaan Adat:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->kelembagaan_adat }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>2. kelembagaan Sosial:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->kelembagaan_sosial }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>16. Potensi Aset:</td>
+            <td colspan="3">
+                <div type="text"></div>
+            </td>
+        </tr>
+        {{-- <tr>
+            <td>17. Jumlah Bumdes:</td>
+           
+        </tr>
+        <tr>
+            <td></td>
+            <td>1. Jumlah BUMDes yang sudah berbadan hukum:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->bumdes_sudah_berbadan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>2. Jumlah BUMDes yang Belum berbadan hukum:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->bumdes_sudah_berbadan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>18. Jenis Usaha BUMDes:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jenis_usaha_bumdes }}</div>
+            </td>
+        </tr> --}}
+        <tr>
+            <td>19. Moda Transportasi:</td>
+            {{-- <td colspan="3"><div type="text"></div></td> --}}
+        </tr>
+        <tr>
+            <td></td>
+            <td>1. Jarak tempuh dari Bandara ke Distrik:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->jarak_tempuh_bandara }} km</div>
+            </td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>2. Jarak tempuh Distrik ke Kampung:</td>
+            <td colspan="2">
+                <div type="text">{{ $data_pribadi[0]->jarak_tempuh_kampung }} km</div>
+            </td>
+        </tr>
+        <tr>
+            <td>21. Kampung Binaan:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->kampung_binaan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>22. Jenis Pelatihan Yang sudah pernah diikuti:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->jenis_pelatihan }}</div>
+            </td>
+        </tr>
+        <tr>
+            <td>23. Sharing Information:</td>
+            <td colspan="3">
+                <div type="text">{{ $data_pribadi[0]->sharing_information }}</div>
+            </td>
+        </tr>
+    </table>
+    {{-- <button onclick="window.print()">Print</button> --}}
+</body>
+<script>
+    window.print()
+</script>
+
+</html>

resources/views/layout/index.blade.php

@@ -1,10 +1,19 @@
 @extends('layout.main')
 <div class="hero_area">
     @section('content')
+        @push('css')
+            <style>
+                .custom-card {
+                    padding: 20px;
+                    height: 100%;
+                }
+            </style>
+        @endpush
+        <br>
         <!-- ======= Hero Section ======= -->
-        <section id="hero">
+        {{-- <section id="hero"> --}}
 
-            <div class="container">
+        {{-- <div class="container">
                 <div class="row">
                     <div class="col-lg-6 pt-5 pt-lg-0 order-2 order-lg-1 d-flex flex-column justify-content-center"
                         data-aos="fade-up">
@@ -18,14 +27,13 @@
                             style="width: 500px;">
                     </div>
                 </div>
-            </div>
+            </div> --}}
 
         </section><!-- End Hero -->
-
         <main id="main">
 
             <!-- ======= Features Section ======= -->
-            <section id="features" class="features my-5">
+            {{-- <section id="features" class="features my-5">
                 <div class="container">
                     <div class="row d-flex align-items-center">
                         <div class="col-lg-6 d-flex justify-content-center" data-aos="zoom-in">
@@ -42,7 +50,7 @@
                     </div>
                 </div>
 
-            </section><!-- End Features Section -->
+            </section><!-- End Features Section --> --}}
 
             <!-- ======= Services Section ======= -->
             <section id="services" class="services">
@@ -56,49 +64,64 @@
 
                     <div class="row">
                         <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in">
-                            <div class="icon-box icon-box-cyan">
-                                <div class="icon"><i class="bx bx-group"></i></div>
-                                <h4 class="title"><a href="/kpmd">Pelatihan KPMD</a></h4>
-                                <p class="description">Memberdayakan kader desa dengan pengetahuan dan keterampilan untuk
-                                    memajukan masyarakat desa.</p>
-                            </div>
+                            <a href="/kpmd">
+                                <div class="icon-box icon-box-cyan custom-card">
+                                    <div class="icon"><i class="bx bx-group"></i></div>
+                                    <h4 class="title" style="color:black">Pelatihan KPMD</h4>
+                                    <p class="description" style="color:black">Memberdayakan kader desa dengan pengetahuan
+                                        dan keterampilan
+                                        untuk
+                                        memajukan masyarakat desa.</p>
+                                </div>
+                            </a>
                         </div>
 
                         <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in"
                             data-aos-delay="100">
-                            <div class="icon-box icon-box-cyan">
-                                <div class="icon"><i class="bx bx-group"></i></div>
-                                <h4 class="title"><a href="/bumdes">Pelatihan BumDesa</a></h4>
-                                <p class="description">Mendukung desa dalam mengembangkan badan usaha milik desa yang
-                                    produktif.</p>
-                            </div>
+                            <a href="/bumdes">
+                                <div class="icon-box icon-box-cyan custom-card">
+                                    <div class="icon"><i class="bx bx-group"></i></div>
+                                    <h4 class="title" style="color:black">Pelatihan BumDesa
+                                    </h4>
+                                    <p class="description" style="color:black">Mendukung desa dalam mengembangkan badan
+                                        usaha milik desa yang
+                                        produktif.</p>
+                                </div>
+                            </a>
                         </div>
 
                         <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in"
                             data-aos-delay="200">
-                            <div class="icon-box icon-box-cyan">
-                                <div class="icon"><i class="bx bx-group"></i></div>
-                                <h4 class="title"><a href="/deswita">Pelatihan DesWita</a></h4>
-                                <p class="description">Mengembangkan potensi pariwisata desa dan meningkatkan daya tarik
-                                    wisata.</p>
-                            </div>
+                            <a href="/deswita">
+                                <div class="icon-box icon-box-cyan custom-card">
+                                    <div class="icon"><i class="bx bx-group"></i></div>
+                                    <h4 class="title" style="color:black">Pelatihan DesWita </h4>
+                                    <p class="description" style="color:black">Mengembangkan potensi pariwisata desa dan
+                                        meningkatkan daya tarik
+                                        wisata.</p>
+                                </div>
+                            </a>
                         </div>
 
                         <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in"
                             data-aos-delay="300">
-                            <div class="icon-box icon-box-cyan">
-                                <div class="icon"><i class="bx bx-group"></i></div>
-                                <h4 class="title"><a href="/caltrans">Pelatihan CalTrans</a></h4>
-                                <p class="description">Persiapan komprehensif bagi calon transmigrasi untuk sukses dalam
-                                    perpindahan ke wilayah baru.</p>
-                            </div>
+                            <a href="/caltrans">
+                                <div class="icon-box icon-box-cyan custom-card">
+                                    <div class="icon"><i class="bx bx-group"></i></div>
+                                    <h4 class="title" style="color:black">Pelatihan CalTrans
+                                    </h4>
+                                    <p class="description" style="color:black">Persiapan komprehensif bagi calon
+                                        transmigrasi
+                                        untuk sukses dalam
+                                        perpindahan ke wilayah baru.</p>
+                                </div>
+                            </a>
                         </div>
 
                     </div>
 
                 </div>
             </section><!-- End Services Section -->
-
             <section>
                 <div class="container">
                     <div class="row">
@@ -113,8 +136,8 @@
                                             Pilih Waktu Grafik
                                         </button>
                                         <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-                                            <a class="dropdown-item" href="#">Bulan</a>
-                                            <a class="dropdown-item" href="#">Tahun</a>
+                                            <a class="dropdown-item" href="#" id="ambilBulan">Bulan</a>
+                                            <a class="dropdown-item" href="#" id="ambilTahun">Tahun</a>
                                         </div>
                                     </div>
                                 </div>
@@ -122,14 +145,12 @@
                                     Terkini.</p>
                             </div>
                             <div class="card-body pd-y-7">
-                                <div id="project-budget"></div>
+                                <div id="chart-dashboard"></div>
                             </div>
                         </div>
                     </div>
                 </div>
             </section>
-
-
             <!-- ======= Cta Section ======= -->
             <section id="cta" class="cta">
                 <div class="container">
@@ -152,4 +173,17 @@
             </section><!-- End Cta Section -->
 
         </main><!-- End #main -->
+        <script>
+            let totalPelayananKPMD = {{ json_encode($dataChartKPMD) }};
+            let totalPelayananDesWita = {{ json_encode($dataChartDesWita) }};
+            let totalPelayananBumDes = {{ json_encode($dataChartCalTrans) }};;
+            let totalPelayananCalTrans = {{ json_encode($dataChartBumDes) }};;
+            let kategori = {!! json_encode($kategori) !!};
+
+            let totalTahunPelayananKPMD = {{ json_encode($dataChartKPMDtahun) }};
+            let totalTahunPelayananDesWita = {{ json_encode($dataChartDesWitatahun) }};
+            let totalTahunPelayananBumDes = {{ json_encode($dataChartCalTranstahun) }};;
+            let totalTahunPelayananCalTrans = {{ json_encode($dataChartBumDestahun) }};;
+            let tahunkategori = {!! json_encode($tahunCharts) !!};
+        </script>
     @endsection

resources/views/layout/main.blade.php

@@ -20,12 +20,12 @@
     <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
 
     <!-- font awesome style -->
-    <link href="css/font-awesome.min.css" rel="stylesheet" />
+    <link href="/css/font-awesome.min.css" rel="stylesheet" />
 
     <!-- Custom styles for this template -->
-    <link href="css/style.css" rel="stylesheet" />
+    <link href="/css/style.css" rel="stylesheet" />
     <!-- responsive style -->
-    <link href="css/responsive.css" rel="stylesheet" />
+    <link href="/css/responsive.css" rel="stylesheet" />
 
 </head>
 
@@ -98,6 +98,16 @@
         href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,600,600i,700,700i"
         rel="stylesheet">
 
+    <!-- bootstrap core css -->
+    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
+
+    <!-- font awesome style -->
+    <link href="/css/font-awesome.min.css" rel="stylesheet" />
+
+    <!-- Custom styles for this template -->
+    {{-- <link href="/css/style.css" rel="stylesheet" /> --}}
+    <!-- responsive style -->
+    <link href="/css/responsive.css" rel="stylesheet" />
     <!-- Vendor CSS Files -->
     <link href="/assets-login-landing/vendor/aos/aos.css" rel="stylesheet">
     <link href="/assets-login-landing/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
@@ -110,9 +120,7 @@
 </head>
 
 <body class="sub_page">
-
     <header class="header-area header-sticky">
-
         @include('layout.header')
     </header>
     <main id="main" style="min-height: 100vh;">
@@ -121,13 +129,13 @@
         @stack('js')
 
     </main>
-
     <footer id="footer">
         @include('layout.footer')
     </footer>
-
+    <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
+            class="bx bx-up-arrow-alt"></i></a>
     <!-- jQery -->
-    <script src="js/jquery-3.4.1.min.js"></script>
+    <script src="{{ asset('js/jquery-3.4.1.min.js') }}"></script>
     <script type="text/javascript">
         $.ajaxSetup({
             headers: {
@@ -135,6 +143,7 @@
             }
         });
     </script>
+
     <script src="/assets-login-landing/vendor/aos/aos.js"></script>
     <script src="/assets-login-landing/vendor/swiper/swiper-bundle.min.js"></script>
 
@@ -155,13 +164,202 @@
         integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
     </script>
     <!-- bootstrap js -->
-    <script src="js/bootstrap.js"></script>
-    <script src="js/custom.js"></script>
+    <script src="/js/bootstrap.js"></script>
+    <script src="/js/custom.js"></script>
     <!-- Google Map -->
     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
     </script>
     <!-- End Google Map -->
+    <script>
+        var chart1
+        $(document).ready(function(e) {
+            var options1 = {
+                series: [{
+                        name: 'Total Pelayanan KPMD',
+                        // data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50],
+                        data: totalPelayananKPMD,
 
+                    },
+                    {
+                        name: "Total Pelayanan DesWita",
+                        // data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45],
+                        data: totalPelayananDesWita,
+                    },
+                    {
+                        name: "Total Pelayanan BumDes",
+                        // data: [21, 34, 54, 65, 77, 97, 53, 22, 43, 43, 23, 34],
+                        data: totalPelayananBumDes,
+
+                    },
+                    {
+                        name: 'Total Pelayanan CalTrans',
+                        // data: [40, 35, 78, 50, 75, 48, 23, 33, 64, 65, 40, 50],
+                        data: totalPelayananCalTrans,
+
+                    },
+                ],
+                chart: {
+                    height: 330,
+                    type: 'area',
+                    zoom: {
+                        enabled: false,
+                    },
+                    toolbar: {
+                        show: false,
+                    },
+                    dropShadow: {
+                        enabled: false,
+                        enabledOnSeries: undefined,
+                        top: 5,
+                        left: 0,
+                        blur: 0,
+                        color: '#000',
+                        opacity: 0,
+                    },
+                },
+                dataLabels: {
+                    enabled: false,
+                },
+                stroke: {
+                    width: [3, 3],
+                    curve: 'smooth',
+                    dashArray: [0, 0],
+                },
+                legend: {
+                    show: true,
+                    position: 'top',
+                    horizontalAlign: 'center',
+                    fontWeight: 600,
+                    tooltipHoverFormatter: function(val, opts) {
+                        return val + ' - ' + opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] +
+                            '';
+                    },
+                    labels: {
+                        colors: '#74767c',
+                    },
+                    markers: {
+                        width: 9,
+                        height: 9,
+                        strokeWidth: 0,
+                        radius: 12,
+                        offsetX: 0,
+                        offsetY: 0,
+                    },
+                },
+                markers: {
+                    size: [0, 0],
+                    hover: {
+                        sizeOffset: 4,
+                    },
+                },
+                colors: ['#ff5733', '#45b7cd', '#7a4bca', '#f7b13f'],
+                xaxis: {
+                    //   categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+                    categories: kategori,
+                    axisBorder: {
+                        show: true,
+                        color: 'rgba(119, 119, 142, 0.05)',
+                    },
+                    axisTicks: {
+                        show: true,
+                        color: 'rgba(119, 119, 142, 0.05)',
+                    },
+                },
+                tooltip: {
+                    y: [{
+                            title: {
+                                formatter: function(val) {
+                                    return val + " (mins)";
+                                },
+                            },
+                        },
+                        {
+                            title: {
+                                formatter: function(val) {
+                                    return val + " per session";
+                                },
+                            },
+                        },
+                        {
+                            title: {
+                                formatter: function(val) {
+                                    return val;
+                                },
+                            },
+                        },
+                    ],
+                },
+                grid: {
+                    borderColor: 'rgba(119, 119, 142, 0.1)',
+                },
+            };
+            document.getElementById('chart-dashboard').innerHTML = '';
+            chart1 = new ApexCharts(document.querySelector("#chart-dashboard"), options1);
+            chart1.render();
+
+
+            $("#ambilTahun").on("click", function() {
+                chart1.updateOptions({
+                    xaxis: {
+                        categories: tahunkategori
+                    },
+                    series: [{
+                            name: 'Total Pelayanan KPMD',
+                            // data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50],
+                            data: totalTahunPelayananKPMD,
+
+                        },
+                        {
+                            name: "Total Pelayanan DesWita",
+                            // data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45],
+                            data: totalTahunPelayananDesWita,
+                        },
+                        {
+                            name: "Total Pelayanan BumDes",
+                            // data: [21, 34, 54, 65, 77, 97, 53, 22, 43, 43, 23, 34],
+                            data: totalTahunPelayananBumDes,
+
+                        },
+                        {
+                            name: 'Total Pelayanan CalTrans',
+                            // data: [40, 35, 78, 50, 75, 48, 23, 33, 64, 65, 40, 50],
+                            data: totalTahunPelayananCalTrans,
+                        },
+                    ]
+                });
+            })
+            $("#ambilBulan").on("click", function() {
+                chart1.updateOptions({
+                    xaxis: {
+                        categories: kategori
+                    },
+                    series: [{
+                            name: 'Total Pelayanan KPMD',
+                            // data: [40, 35, 78, 50, 75, 48, 62, 47, 80, 56, 40, 50],
+                            data: totalPelayananKPMD,
+
+                        },
+                        {
+                            name: "Total Pelayanan DesWita",
+                            // data: [45, 30, 65, 35, 50, 70, 38, 60, 36, 65, 32, 45],
+                            data: totalPelayananDesWita,
+                        },
+                        {
+                            name: "Total Pelayanan BumDes",
+                            // data: [21, 34, 54, 65, 77, 97, 53, 22, 43, 43, 23, 34],
+                            data: totalPelayananBumDes,
+
+                        },
+                        {
+                            name: 'Total Pelayanan CalTrans',
+                            // data: [40, 35, 78, 50, 75, 48, 23, 33, 64, 65, 40, 50],
+                            data: totalPelayananCalTrans,
+                        },
+                    ]
+                });
+            })
+        })
+    </script>
 
 
 </body>

resources/views/login/index.blade.php

@@ -137,8 +137,8 @@
                             {{ session('errorLogin') }}
                         </div>
                     @endif
-                    <h1 class="title">Welcome!</h1>
-                    <p>Unlock your path to success by entering your login details.</p>
+                    <h1 class="title">Selamat Datang!</h1>
+                    <p>Silahkan Masukan Email dan Password Anda</p>
                     <div class="input-div one">
                         <div class="i">
                             <i class="fas fa-user"></i>

robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:

routes/web.php

@@ -16,6 +16,7 @@ use App\Http\Controllers\LoginController;
 use App\Http\Controllers\ManajemenAdminController;
 use App\Http\Controllers\PotensiSdmController;
 use App\Http\Controllers\DataWisata;
+use App\Http\Controllers\LandingController;
 use Dflydev\DotAccessData\Data;
 use Illuminate\Support\Facades\Route;
 use App\Http\Middleware\Admin;
@@ -32,6 +33,9 @@ use App\Http\Middleware\Authenticate;
 |
 */
 
+Route::get('/testing2', function () {
+    return view('KPMD.test');
+});
 // Route::get('/login', function () {
 //     return view('login.index');
 // });
@@ -62,25 +66,32 @@ use App\Http\Middleware\Authenticate;
 //     return view('Admin.Manejemen-Admin.index');
 // });
 
-Route::get('/test', function () {
-    return view('test.index');
+Route::get('/testing', function () {
+    return view('KPMD.print-pages');
 });
 Route::resource('potensi-sdm', PotensiSdmController::class)->parameter('potensi-sdm', 'potensi_sdms')->middleware('auth');
 
 
 //--------------------------------------------------------------------------------------------------------
-Route::get('/home', function () {
-    return view('layout.index');
-})->middleware('auth');
+// Route::get('/home', function () {
+//     return view('layout.index');
+// })->middleware('auth');
+// Route::middleware(['auth', Admin::class])->get('/admin', function () {
+//     return view('Admin.layout.index');
+// });
+
+
 Route::get('/', [LoginController::class, 'login'])->name('login')->middleware('guest');
-Route::middleware(['auth', Admin::class])->get('/admin', function () {
-    return view('Admin.layout.index');
+
+Route::controller(LandingController::class)->group(function () {
+    Route::get('/home', 'index')->middleware('auth');
+    Route::middleware(['auth', Admin::class])->get('/admin', 'indexdashboard');
 });
 Route::controller(LoginController::class)->group(function () {
-    Route::GET('/login', [LoginController::class, 'login'])->name('login')->middleware('guest');
-    Route::post('/login', [LoginController::class, 'authenticate']);
-    Route::GET('/logout', [LoginController::class, 'logout']);
-    Route::POST('/logout', [LoginController::class, 'logout']);
+    Route::GET('/login', 'login')->name('login')->middleware('guest');
+    Route::post('/login', 'authenticate')->name('authenticate');
+    Route::GET('/logout', 'logout');
+    Route::POST('/logout', 'logout');
 });
 Route::resource('kpmd', DataPribadiKpmdController::class)->parameter('kpmd', 'data_pribadi_kpmds')->middleware('auth');
 Route::resource('bumdes', DataPribadiBumdesController::class)->parameter('bumdes', 'data_pribadi_bumdes')->middleware('auth');
@@ -90,4 +101,16 @@ Route::post('save-bumdes-data-bumdes', [DataBumdesController::class, "savebumdes
 Route::post('save-kpmd-data-kpmd', [DataKpmdController::class, "savedatakpmd"])->name("savekpmddatakpmd");
 Route::post('save-deswita-data-deswita', [DataDeswitaController::class, "savedatadeswita"])->name("savedeswitadatadeswita");
 Route::post('save-caltrans-data-caltrans', [DataClatransController::class, "savedatacaltrans"])->name("savecaltransdatacaltrans");
-Route::resource('super-admin', ManajemenAdminController::class)->parameter('super-admin', 'manajemen-admins')->middleware('auth');
+
+Route::controller(ManajemenAdminController::class)->group(function () {
+    Route::put('/super-admin/{manajemenadmin}', 'update');
+    Route::delete('/super-admin/{manajemenadmin}', 'destroy')->name('manajemenadmin.destroy');
+    Route::resource('super-admin', ManajemenAdminController::class)->parameter('super-admin', 'manajemenadmin')->middleware('auth');
+});
+Route::GET('/coba', [DataPribadiKpmdController::class, "coba"])->name('coba');
+Route::GET('/test', [DataPribadiBumdesController::class, "test"])->name('test');
+Route::GET('/dpdeswita', [DataPribadiDeswitaController::class, "dpdeswita"])->name('dpdeswita');
+Route::GET('/print-pages/{category}/{id}', [DataKpmdController::class, "printpages"])->name('printpages');
+Route::GET('/print-pages-deswita/{category}/{id}', [DataDeswitaController::class, "printpagesdeswita"])->name('printpagesdeswita');
+Route::GET('/print-pages-caltrans/{category}/{id}', [DataClatransController::class, "printpagescaltrans"])->name('printpagescaltrans');
+Route::GET('/print-pages-bumdes/{category}/{id}', [DataBumdesController::class, "printpagesbumdes"])->name('printpagesbumdes');