add public dashboard_pic

add store to localStorage
add login multi api & redirect
2024-06-12 15:56:20 +07:00 · 2024-06-12 14:47:07 +07:00 · 2024-06-12 09:22:42 +07:00
32 changed files with 1447 additions and 6800 deletions
--- a/assets/asset-corporate-portal/js/login-general.js
+++ b/assets/asset-corporate-portal/js/login-general.js
@@ -54,17 +54,17 @@ var KTLogin = function () {

 			validation.validate().then(function (status) {
 				if (status == 'Valid') {
-					swal.fire({
-						text: "All is cool! Now you submit this form",
-						icon: "success",
-						buttonsStyling: false,
-						confirmButtonText: "Ok, got it!",
-						customClass: {
-							confirmButton: "btn font-weight-bold btn-light-primary"
-						}
-					}).then(function () {
-						KTUtil.scrollTop();
-					});
+					// swal.fire({
+					// 	text: "All is cool! Now you submit this form",
+					// 	icon: "success",
+					// 	buttonsStyling: false,
+					// 	confirmButtonText: "Ok, got it!",
+					// 	customClass: {
+					// 		confirmButton: "btn font-weight-bold btn-light-primary"
+					// 	}
+					// }).then(function () {
+					// 	KTUtil.scrollTop();
+					// });
 				} else {
 					swal.fire({
 						text: "Sorry, looks like there are some errors detected, please try again.",
--- a/assets/hanan/fisik-2.html
+++ b/assets/hanan/fisik-2.html
--- a/assets/hanan/kesimpulan-saran.html
+++ b/assets/hanan/kesimpulan-saran.html
@@ -1,784 +0,0 @@
-<!DOCTYPE html>
-<!--
-Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
-Author: KeenThemes
-Website: http://www.keenthemes.com/
-Contact: support@keenthemes.com
-Follow: www.twitter.com/keenthemes
-Dribbble: www.dribbble.com/keenthemes
-Like: www.facebook.com/keenthemes
-Purchase: https://1.envato.market/EA4JP
-Renew Support: https://1.envato.market/EA4JP
-License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
-<html lang="en">
-  <!--begin::Head-->
-
-  <head>
-    <base href="../" />
-    <meta charset="utf-8" />
-    <title>KESIMPULAN & SARAN</title>
-    <meta name="description" content="Login page example" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
-    />
-
-    <!--begin::Fonts-->
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"
-    />
-    <!--end::Fonts-->
-
-    <!--begin::Page Custom Styles(used by this page)-->
-    <link
-      href="assets/css/pages/login/login-1.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <!--end::Page Custom Styles-->
-
-    <!--begin::Global Theme Styles(used by all pages)-->
-    <link
-      href="assets/plugins/global/plugins.bundle.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      href="assets/plugins/custom/prismjs/prismjs.bundle.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
-    <!--end::Global Theme Styles-->
-
-    <!--begin::Layout Themes(used by all pages)-->
-
-    <link
-      href="assets/css/themes/layout/header/base/light.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      href="assets/css/themes/layout/header/menu/light.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      href="assets/css/themes/layout/brand/dark.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      href="assets/css/themes/layout/aside/dark.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <!--end::Layout Themes-->
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Public Sans:300,400,500,600,700"
-    />
-    <link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto"
-    />
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
-    />
-    <link href="https://fonts.cdnfonts.com/css/open-sans" rel="stylesheet" />
-
-    <style>
-      #canvas {
-        /* overflow-x: scroll; */
-        margin: 40px 10vw 40px 10vw;
-      }
-      #title {
-        font-weight: 600;
-      }
-      .breadcrumb {
-        background-color: white;
-        padding: 0px 0px !important;
-        padding-left: 0 !important;
-      }
-
-      .breadcrumb-item a {
-        color: #3f4254;
-        font-family: Poppins;
-        font-size: 13px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: 21px;
-      }
-
-      .breadcrumb-item.active {
-        color: #b5b5c3;
-        font-family: Poppins;
-        font-size: 13px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: 21px;
-      }
-      .nav-tabs {
-        border-bottom: 0px solid #000000 !important;
-      }
-      .nav-link {
-        color: #637381;
-        font-family: Public Sans;
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 22px;
-        text-align: center;
-      }
-
-      .nav-link.active {
-        color: #212b36 !important; /* Warna teks untuk tab yang aktif */
-        border-bottom: 2px solid #0c518c !important; /* Garis bawah untuk tab yang aktif */
-        font-family: Public Sans;
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 22px;
-        text-align: center;
-      }
-
-      th {
-        color: #637381;
-        font-family: Roboto;
-        font-weight: 700 !important;
-        font-size: 14px !important;
-        padding-bottom: 5px !important;
-        padding-left: 1px !important;
-        border-bottom: 1pt dashed #e4e6ef !important;
-      }
-      tr {
-        border-bottom: 1pt dashed #e4e6ef !important;
-        font-family: Roboto;
-      }
-      td {
-        color: #0e1e28;
-        font-family: Roboto;
-        font-style: normal;
-        font-weight: 500 !important;
-        font-size: 16px !important;
-        line-height: 30px; /* 187.5% */
-        letter-spacing: -0.32px;
-        padding-left: 1px !important;
-        padding-top: 16px !important;
-        padding-bottom: 16px !important;
-      }
-      thead {
-        border-bottom: 1pt dashed #e4e6ef !important;
-      }
-      .kesimpulan-desc {
-        color: #0e1e28;
-        font-family: Roboto;
-        font-size: 12px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: normal;
-        letter-spacing: -0.24px;
-      }
-      .label-text {
-        background-color: grey;
-        color: black;
-        padding: 5px 20px 5px 20px !important;
-        border-radius: 6px;
-        font-family: Poppins !important;
-        font-size: 11px !important;
-        font-style: normal !important;
-        font-weight: 500 !important;
-        line-height: normal !important;
-      }
-      .label-text.fit {
-        background: #c9f7f5;
-        color: #1bc5bd;
-        padding: 5px 20px 5px 20px !important;
-        border-radius: 6px;
-        font-family: Poppins !important;
-        font-size: 11px !important;
-        font-style: normal !important;
-        font-weight: 500 !important;
-        line-height: normal !important;
-      }
-      .label-text.unfit {
-        background: #fff4de;
-        color: #ffa800;
-        padding: 5px 20px 5px 20px !important;
-        border-radius: 6px;
-        font-family: Poppins !important;
-        font-size: 11px !important;
-        font-style: normal !important;
-        font-weight: 500 !important;
-        line-height: normal !important;
-      }
-
-      .iconify-btn {
-        color: #637381 !important;
-        width: 23px !important;
-        height: 23px !important;
-        margin-right: 1em;
-      }
-      .iconify-btn-blue {
-        color: #0c518c !important;
-        width: 23px !important;
-        height: 23px !important;
-        margin-right: 1em;
-      }
-      .modal-header {
-        border-bottom: none !important;
-      }
-      .modal-title {
-        font-family: "Public Sans" !important;
-        font-size: 18px !important;
-        font-style: normal !important;
-        font-weight: 700 !important;
-        line-height: 28px !important;
-      }
-      .modal-dialog {
-        border-radius: 8px;
-      }
-      .btn-print {
-        border-radius: 6px !important;
-        background-color: #f5f8fa !important;
-        font-family: Roboto;
-        font-size: 14px;
-        margin-bottom: 12px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: normal;
-        display: flex;
-        width: 100%;
-        justify-content: space-between;
-        align-items: center;
-      }
-      .modal-xl {
-        border-radius: 6px !important;
-        max-width: 90vw !important;
-        max-height: 95vh !important;
-        width: 90vw !important;
-        height: 95vh !important;
-      }
-      .header-print {
-        background-color: #d9d9d9;
-      }
-      .modal-print-title {
-        color: #000;
-        font-family: "Open Sans";
-        font-size: 28px;
-        font-style: normal;
-        font-weight: 700;
-        line-height: normal;
-      }
-      .close-print {
-        color: red !important;
-        width: 30px !important;
-        height: 30px !important;
-      }
-      .form-label {
-        font-family: Poppins !important;
-        font-size: 14px !important;
-        font-style: normal !important;
-        font-weight: 600 !important;
-        line-height: 24px !important; /* 171.429% */
-      }
-      .form-input {
-        font-family: Poppins !important;
-        font-size: 16px !important;
-        font-style: normal !important;
-        font-weight: 400 !important;
-        line-height: 24px !important;
-      }
-      .btn-text {
-        font-family: "Public Sans";
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 700;
-        line-height: 24px;
-      }
-      .dot-text {
-        position: relative;
-        padding-left: 1.5em; /* Menambahkan padding untuk memberi ruang pada titik */
-      }
-
-      .dot-text::before {
-        content: "•"; /* Menambahkan titik di depan teks */
-        position: absolute;
-        left: 1em; /* Atur posisi titik */
-        top: 0;
-        transform: translateX(-100%);
-      }
-
-      .information-title {
-        color: #0e1e28;
-        font-family: Poppins;
-        font-size: 20px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: normal;
-      }
-    </style>
-  </head>
-  <!--end::Head-->
-
-  <!--begin::Body-->
-
-  <body
-    id="kt_body"
-    class="header-fixed bg-white header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading"
-  >
-    <!--begin::Main-->
-    <div class="d-flex flex-column flex-root bg-white" id="canvas">
-      <div>
-        <!-- breadcrumb & icon tanya START -->
-        <div class="row">
-          <div class="col-11">
-            <h1 class="title" style="margin-bottom: 0">
-              PT. Sadhana Abiyasa Sampoerna
-            </h1>
-            <nav aria-label="breadcrumb">
-              <ol class="breadcrumb" style="margin-bottom: 0">
-                <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
-                <li class="breadcrumb-item">
-                  <a href="#">Employee Health Medical Analytic</a>
-                </li>
-                <li class="breadcrumb-item">
-                  <a href="#">PT. Sadhana Abiyasa Sampoerna</a>
-                </li>
-                <li class="breadcrumb-item active" aria-current="page">
-                  Mcu Karyawan
-                </li>
-              </ol>
-            </nav>
-          </div>
-
-          <div class="col-1 align-content-center">
-            <!-- align-content-center -->
-            <div class="d-flex justify-content-end">
-              <a href="#">
-                <i class="fas fa-info-circle text-primary"></i>
-              </a>
-            </div>
-          </div>
-        </div>
-        <!-- breadcrumb & icon tanya END -->
-      </div>
-      <div class="mt-10">
-        <ul class="nav nav-tabs nav-tabs-line">
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#kt_tab_pane_1"
-              >Peserta</a
-            >
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#kt_tab_pane_2"
-              >Kelainan global</a
-            >
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#kt_tab_pane_3"
-              >Kelainan Lab</a
-            >
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#kt_tab_pane_4"
-              >kelainan Non Lab</a
-            >
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#kt_tab_pane_5"
-              >kelainan Fisik</a
-            >
-          </li>
-          <li class="nav-item">
-            <a class="nav-link active" data-toggle="tab" href="#kt_tab_pane_6"
-              >Kesimpulan & Saran</a
-            >
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#kt_tab_pane_7"
-              >Daftar Peserta</a
-            >
-          </li>
-        </ul>
-      </div>
-      <div class="d-flex justify-content-center pt-10 pb-10">
-        <h2 class="title" style="margin-bottom: 0">Kesimpulan</h2>
-      </div>
-
-      <!-- Kelainan pemeriksaan lab -->
-      <div class="card card-custom gutter-b" style="border-radius: 20px">
-        <div style="padding-top: 12px">
-          <h3 class="card-label dot-text text-black">
-            3 Kelainan Pemeriksaan Lab terbesar :
-          </h3>
-        </div>
-        <div class="card-body">
-          <div>
-            <table class="table table-hover table-borderless">
-              <thead>
-                <tr>
-                  <th scope="col" width="5%">NO</th>
-                  <th scope="col" width="70%">PEMERIKSAAN</th>
-                  <th scope="col" width="25%">PRESENTASE</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <td>1</td>
-                  <td>Hipercholesterolemia</td>
-                  <td>44.5</td>
-                </tr>
-                <tr>
-                  <td>2</td>
-                  <td>Hiperuricemia</td>
-                  <td>22.7</td>
-                </tr>
-                <tr>
-                  <td>3</td>
-                  <td>Peningkatan SGPT</td>
-                  <td>15.8</td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-      <!-- End Kelainan pemeriksaan lab -->
-
-      <!-- Kelainan pemeriksaan non lab -->
-      <div class="card card-custom gutter-b" style="border-radius: 20px">
-        <div style="padding-top: 12px">
-          <h3 class="card-label dot-text text-black">
-            3 Kelainan Pemeriksaan Non Lab terbesar :
-          </h3>
-        </div>
-        <div class="card-body">
-          <div>
-            <table class="table table-hover table-borderless">
-              <thead>
-                <tr>
-                  <th scope="col" width="5%">NO</th>
-                  <th scope="col" width="70%">PEMERIKSAAN</th>
-                  <th scope="col" width="25%">PRESENTASE</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <td>1</td>
-                  <td>Retriksi Ringan</td>
-                  <td>22.0</td>
-                </tr>
-                <tr>
-                  <td>2</td>
-                  <td>Gangguan Konduksi Ringan</td>
-                  <td>15.0</td>
-                </tr>
-                <tr>
-                  <td>3</td>
-                  <td>Obstruksi Sedang</td>
-                  <td>13.0</td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-      <!-- End Kelainan pemeriksaan non lab -->
-
-      <!-- Kelainan pemeriksaan Fisik -->
-      <div class="card card-custom gutter-b" style="border-radius: 20px">
-        <div style="padding-top: 12px">
-          <h3 class="card-label dot-text text-black">
-            3 Kelainan Pemeriksaan Fisik terbesar :
-          </h3>
-        </div>
-        <div class="card-body">
-          <div>
-            <table class="table table-hover table-borderless">
-              <thead>
-                <tr>
-                  <th scope="col" width="5%">NO</th>
-                  <th scope="col" width="70%">PEMERIKSAAN</th>
-                  <th scope="col" width="25%">PRESENTASE</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <td>1</td>
-                  <td>Obesitas Stage 1</td>
-                  <td>41.7</td>
-                </tr>
-                <tr>
-                  <td>2</td>
-                  <td>Pre Hipertensi</td>
-                  <td>39.0</td>
-                </tr>
-                <tr>
-                  <td>3</td>
-                  <td>Kelainan Refraksi</td>
-                  <td>35.2</td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-      <!-- End Kelainan pemeriksaan Fisik -->
-
-      <!-- Saran -->
-      <div class="d-flex justify-content-center pt-10 pb-10">
-        <h2 class="information-title title" style="margin-bottom: 0">Saran</h2>
-      </div>
-
-      <div class="mb-5">
-        <h3 class="information-title mb-3">Tujuan MCU</h3>
-        <div>
-          <div class="dot-text">Olah raga teratur</div>
-          <div class="dot-text">Penurunan berat badan</div>
-        </div>
-      </div>
-
-      <div class="mb-5">
-        <h3 class="information-title mb-3">Kelainan Refraksi</h3>
-        <div>
-          <div class="mb-5">
-            <div>1. Kelainan refraksi dengan kacamata</div>
-            <div class="dot-text">
-              Konsul dokter Scpesialis Mata untuk pemakaian kacamata/ lensa
-              kontak
-            </div>
-          </div>
-          <div>2. Kelainan refraksi tanpa kacamata</div>
-          <div class="dot-text">Pemakaian kacamata/ lensa kontak</div>
-        </div>
-      </div>
-
-      <div class="mb-5">
-        <h3 class="information-title mb-3">Tekanan Darah</h3>
-        <div>
-          <div class="mb-5">
-            <div>1. Pre Hipertensi</div>
-            <div class="dot-text">Olah raga teratur</div>
-            <div class="dot-text">Cukup istirahat</div>
-            <div class="dot-text">Pemeriksaan tekanan darah secara teratur</div>
-          </div>
-          <div class="mb-5">
-            <div>2. Hipertensi stage 1 dan 2</div>
-            <div class="dot-text">Olah raga teratur</div>
-            <div class="dot-text">Cukup istirahat</div>
-            <div class="dot-text">Batasi konsumsi garam</div>
-            <div class="dot-text">Pemeriksaan tekanan darah secara teratur</div>
-            <div class="dot-text">
-              Pengobatan/ minum obat secara teratur (bila ybs sudah minum obat,
-              hipertensi tetapi  kadang-kadang atau tidak rutin)
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="mb-5">
-        <h3 class="information-title mb-3">
-          Peningkatan Profil lemak dan Hiperglikemia
-        </h3>
-        <div>
-          <div class="dot-text">Diet rendah lemak, karbohidrat dan gula,</div>
-          <div class="dot-text">Olahraga secara teraturs</div>
-          <div class="dot-text">
-            Program promosi kesehatan terutama untuk mencegah terjadinya dampak
-            serius peningkatan lemak darah
-          </div>
-        </div>
-      </div>
-
-      <div class="mb-5">
-        <h3 class="information-title mb-3">Hiperuricemia</h3>
-        <div>
-          <div class="dot-text" s>
-            Mengurangi asupan makanan/sayuran yang mengandung purin (melinjo,
-            kangkung, jeroan, emping, dll)
-          </div>
-        </div>
-      </div>
-      <!-- End Saran -->
-    </div>
-    <!--end::Main-->
-    <script>
-      var HOST_URL =
-        "https://preview.keenthemes.com/metronic/theme/html/tools/preview";
-    </script>
-    <!--begin::Global Config(global config for global JS scripts)-->
-    <script>
-      var KTAppSettings = {
-        breakpoints: {
-          sm: 576,
-          md: 768,
-          lg: 992,
-          xl: 1200,
-          xxl: 1400,
-        },
-        colors: {
-          theme: {
-            base: {
-              white: "#ffffff",
-              primary: "#3699FF",
-              secondary: "#E5EAEE",
-              success: "#1BC5BD",
-              info: "#8950FC",
-              warning: "#FFA800",
-              danger: "#F64E60",
-              light: "#E4E6EF",
-              dark: "#181C32",
-            },
-            light: {
-              white: "#ffffff",
-              primary: "#E1F0FF",
-              secondary: "#EBEDF3",
-              success: "#C9F7F5",
-              info: "#EEE5FF",
-              warning: "#FFF4DE",
-              danger: "#FFE2E5",
-              light: "#F3F6F9",
-              dark: "#D6D6E0",
-            },
-            inverse: {
-              white: "#ffffff",
-              primary: "#ffffff",
-              secondary: "#3F4254",
-              success: "#ffffff",
-              info: "#ffffff",
-              warning: "#ffffff",
-              danger: "#ffffff",
-              light: "#464E5F",
-              dark: "#ffffff",
-            },
-          },
-          gray: {
-            "gray-100": "#F3F6F9",
-            "gray-200": "#EBEDF3",
-            "gray-300": "#E4E6EF",
-            "gray-400": "#D1D3E0",
-            "gray-500": "#B5B5C3",
-            "gray-600": "#7E8299",
-            "gray-700": "#5E6278",
-            "gray-800": "#3F4254",
-            "gray-900": "#181C32",
-          },
-        },
-        "font-family": "Poppins",
-      };
-    </script>
-    <!--end::Global Config-->
-    <!--begin::Global Theme Bundle(used by all pages)-->
-    <script src="assets/plugins/global/plugins.bundle.js"></script>
-    <script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
-    <script src="assets/js/scripts.bundle.js"></script>
-    <!--end::Global Theme Bundle-->
-
-    <!--begin::Page Vendors(used by this page)-->
-    <script src="assets/plugins/custom/fullcalendar/fullcalendar.bundle.js"></script>
-    <!--end::Page Vendors-->
-
-    <!--begin::Page Scripts(used by this page)-->
-    <script src="assets/js/pages/widgets.js"></script>
-    <!--end::Page Scripts-->
-    <!-- echartjs.min.js -->
-    <script src="assets/js/echarts-js/echart.min.js"></script>
-    <!-- SCRIPT -->
-    <script
-      src="https://cdnjs.cloudflare.com/ajax/libs/iconify/2.0.0/iconify.min.js"
-      integrity="sha512-lYMiwcB608+RcqJmP93CMe7b4i9G9QK1RbixsNu4PzMRJMsqr/bUrkXUuFzCNsRUo3IXNUr5hz98lINURv5CNA=="
-      crossorigin="anonymous"
-      referrerpolicy="no-referrer"
-    ></script>
-    <script type="text/javascript">
-      $.fn.redraw = function () {
-        $(this).each(function () {
-          var redraw = this.offsetHeight;
-        });
-      };
-      function ShowModal(name, nolab) {
-        console.log(name + nolab);
-        $("#modal-list-print-title").text(name + "-" + nolab);
-        $(".modal-list-print").modal("show");
-      }
-      function ShowModalPrint(data, title) {
-        console.log(data);
-        let a =
-          "https://devone.aplikasi.web.id/birt/run?__report=report/one/lab/rpt_fo_001.rptdesign&__format=pdf&username=ADMIN&PID=132061?t=1713408676799";
-        let b =
-          "https://devone.aplikasi.web.id/birt/run?__report=report/one/external/rpt_mt_pramita_001.rptdesign&__format=pdf&username=adminsas%20&PID=77&tm=1713317444625";
-        $(".modal-print-title").text(title);
-        let tag =
-          '<object id="object-print" width="100%" type="application/pdf" style="height: 80vh" ></object>';
-        if (data === "1") {
-          // $("#object-print").attr("data", a);
-          tag =
-            '<object id="object-print" width="100%" data="' +
-            a +
-            '" type="application/pdf" style="height: 80vh" ></object>';
-        } else {
-          // $("#object-print").attr("data", b);
-          tag =
-            '<object id="object-print" width="100%" data="' +
-            b +
-            '" type="application/pdf" style="height: 80vh" ></object>';
-        }
-        $("#object-print").replaceWith(tag);
-        console.log(tag);
-
-        $(".modal-list-print").modal("hide");
-        $(".modal-print").modal("show");
-      }
-      function CloseModalPrint() {
-        // $("#object-print").removeAttr("data");
-        // $("#object-print").redraw();
-        $(".modal-list-print").modal("show");
-        $(".modal-print").modal("hide");
-      }
-
-      function ShowModalAkses(email, password, checked) {
-        console.log("email" + email);
-        console.log("password" + password);
-        console.log("checked :" + checked);
-        $(".modal-akses").modal("show");
-        $('input[name="email"]').val(email);
-        $('input[name="password"]').val(password);
-        // $("#akses").attr("checked", checked);
-        // $('input[type="checkbox"]').removeAttr("checked");
-        $('input[name="akses"]').removeAttr("checked");
-        let appChecked =
-          '<span class="switch switch-sm switch-akses "><label><input id="akses" type="checkbox" name="akses" checked/><span></span></label></span>';
-        let appNotChecked =
-          '<span class="switch switch-sm switch-akses "><label><input id="akses" type="checkbox" name="akses" /><span></span></label></span>';
-
-        if (checked === "checked") {
-          // $('input[name="akses"]').attr("checked");
-          // $(".form-akses-switch").append(appChecked);
-          $(".switch-akses").replaceWith(appChecked);
-        } else {
-          // $('input[name="akses"]').removeAttr("checked");
-          // $('input[name="akses"]').removeAttr("checked");
-          // $(".form-akses-switch").append(appNotChecked);
-          $(".switch-akses").replaceWith(appNotChecked);
-        }
-        if (checked !== "checked") {
-          $(".switch-akses").replaceWith(appNotChecked);
-        }
-        // $("#akses").load(window.location.href + " #akses");
-      }
-      $("#akses").change(function () {
-        if (this.checked) {
-          $('input[name="akses"]').attr("checked", "checked");
-        } else {
-          $('input[name="akses"]').removeAttr("checked");
-        }
-      });
-    </script>
-  </body>
-  <!--end::Body-->
-</html>
--- a/handlers/dev/employeeanalytic.handlers.go
+++ b/handlers/dev/employeeanalytic.handlers.go
@@ -18,8 +18,8 @@ import (

 type EmployeeAnalyticServices interface {
 	GetEmployeeAnalyticBreadcrumb(title string) (models.BreadCrumbV1, error)
-	DummyDataTest() ([]models.EmployeeAnalytic, error)
-	ListingEmployeeAnalytic(search string, startdate string, enddate string, currentpage int, rowperpage int) ([]models.EmployeeAnalytic, int, error)
+	DummyDataTest() ([]models.DashboardPic, error)
+	ListingEmployeeAnalytic(search string, startdate string, enddate string, currentpage int, rowperpage int) ([]models.DashboardPic, int, error)
 }

 type EmployeeAnalyticHandler struct {
@@ -69,7 +69,7 @@ func (ea *EmployeeAnalyticHandler) HandleShowEmployeeAnalyticScreen(c echo.Conte
 	paginationcomponent := pagination.PaginationV3(
 		totalPage,
 		1,
-		"/dev/employeeanalytic/changepage",
+		"/dev/dashboard_pic/changepage",
 		paginationID,
 		"#listID, #paginationID, #searchID, #startdateID, #enddateID",
 		"#"+paginationID,
@@ -79,7 +79,7 @@ func (ea *EmployeeAnalyticHandler) HandleShowEmployeeAnalyticScreen(c echo.Conte
 	)

 	filtercomponent := dev_employeeanalytic.FilterListing(
-		"/dev/employeeanalytic/filter",
+		"/dev/dashboard_pic/filter",
 		"input changed delay:500ms",
 		"#searchID, #startdateID, #enddateID, #listID, #paginationID",
 		"outerHTML",
@@ -132,7 +132,7 @@ func (ea *EmployeeAnalyticHandler) HandlePagination(c echo.Context) error {
 	paginationcomponent := pagination.PaginationV3(
 		totalPage,
 		page,
-		"/dev/employeeanalytic/changepage",
+		"/dev/dashboard_pic/changepage",
 		paginationID,
 		"#listID, #paginationID, #searchID, #startdateID, #enddateID",
 		"#"+paginationID,
@@ -165,7 +165,7 @@ func (ea *EmployeeAnalyticHandler) HandleFilter(c echo.Context) error {
 	listcomponent := dev_employeeanalytic.ListingData(dataList, listID)
 	paginationcomponent := pagination.PaginationV3(
 		totalPage, 1,
-		"/dev/employeeanalytic/changepage",
+		"/dev/dashboard_pic/changepage",
 		paginationID,
 		"#listID, #paginationID, #searchID, #startdateID, #enddateID",
 		"#"+paginationID, "outerHTML", "", "",
--- a/handlers/dev/kesimpulan.handlers.go
+++ b/handlers/dev/kesimpulan.handlers.go
@@ -1,88 +0,0 @@
-package dev_handlers
-
-import (
-	"cpone/models"
-	"cpone/utils"
-	dev_kesimpulan "cpone/views/dev/kesimpulan"
-	"fmt"
-
-	"github.com/labstack/echo/v4"
-	"go.uber.org/zap"
-)
-
-type KesimpulanService interface {
-	GetListKesimpulanLab(id string) ([]models.ModelKesimpulanLab, error)
-	GetListKesimpulanNonLab(id string) ([]models.ModelKesimpulanLab, error)
-	GetListKesimpulanFisik(id string) ([]models.ModelKesimpulanLab, error)
-}
-
-func NewKesimpulanHandler(us KesimpulanService) *KesimpulanHandler {
-	return &KesimpulanHandler{
-		KesimpulanService: us,
-	}
-}
-
-type KesimpulanHandler struct {
-	KesimpulanService KesimpulanService
-}
-
-func (h *KesimpulanHandler) HandleShowKesimpulanScreen(c echo.Context) error {
-	logger, _ := zap.NewProduction()
-
-	tableID := utils.GenerateRandomID("tablebody")
-	id := c.Param("id")
-
-	// table component
-	dataLab, err := h.KesimpulanService.GetListKesimpulanLab(id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Info("ERROR GET LIST LAB",
-			zap.Any("error", err),
-		)
-		fmt.Println(dataLab)
-		return err
-	}
-
-	logger.Info("CEK DATA",
-		zap.Any("data lab", dataLab))
-
-	tableComponentLab := dev_kesimpulan.CardTableKesimpulan("3 Kelainan Pemeriksaan Lab terbesar :", dataLab, tableID)
-
-	// table component non lab
-	dataNonLab, err := h.KesimpulanService.GetListKesimpulanNonLab(id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Info("ERROR GET LIST NON LAB",
-			zap.Any("error", err),
-		)
-		fmt.Println(dataNonLab)
-		return err
-	}
-
-	logger.Info("CEK DATA",
-		zap.Any("data lab", dataNonLab))
-	tableComponentNonLab := dev_kesimpulan.CardTableKesimpulan("3 Kelainan Pemeriksaan Non Lab terbesar :", dataNonLab, tableID)
-
-	// table component fisik
-	dataFisik, err := h.KesimpulanService.GetListKesimpulanFisik(id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Info("ERROR GET LIST FISIK",
-			zap.Any("error", err),
-		)
-		fmt.Println(dataFisik)
-		return err
-	}
-
-	logger.Info("CEK DATA",
-		zap.Any("data lab", dataFisik))
-	tableComponentFisik := dev_kesimpulan.CardTableKesimpulan("3 Kelainan Pemeriksaan Fisik terbesar :", dataFisik, tableID)
-
-	content := dev_kesimpulan.MainKesimpulan(tableID,
-		tableComponentLab,
-		tableComponentNonLab,
-		tableComponentFisik)
-
-	view := dev_kesimpulan.ShowKesimpulan("KESIMPULAN", content, dev_kesimpulan.CssKesimpulan(), dev_kesimpulan.JsKesimpulan())
-	return utils.View(c, view)
-}
--- a/handlers/public/dashboardpic.handlers.go
+++ b/handlers/public/dashboardpic.handlers.go
@@ -0,0 +1,180 @@
+package public_handlers
+
+import (
+	breadcrumadmin "cpone/component/breadcrumbadmin"
+	navbarmenu "cpone/component/navbar"
+	"cpone/component/pagination"
+	sidebaruserprofile "cpone/component/sidebar_user_profile"
+	"cpone/models"
+	"cpone/services"
+	"cpone/utils"
+	public_dashboardpic "cpone/views/public/dashboardpic"
+	"strconv"
+
+	"github.com/a-h/templ"
+	"github.com/labstack/echo/v4"
+	"go.uber.org/zap"
+)
+
+type DashboardPicServices interface {
+	GetEmployeeAnalyticBreadcrumb(title string) (models.BreadCrumbV1, error)
+	DummyDataTest() ([]models.DashboardPic, error)
+	ListingDashboardPic(search string, startdate string, enddate string, currentpage int, rowperpage int) ([]models.DashboardPic, int, error)
+}
+
+type DashboardPicHandler struct {
+	DashboardPicServices DashboardPicServices
+}
+
+func NewDashboardPicHandler(ea DashboardPicServices) *DashboardPicHandler {
+	return &DashboardPicHandler{
+		DashboardPicServices: ea,
+	}
+}
+
+func (ea *DashboardPicHandler) HandleShowEmployeeAnalyticScreen(c echo.Context) error {
+	logger, _ := zap.NewProduction()
+	title := "PT. Sadhana Abiyasa Sampoerna"
+
+	listID := utils.GenerateRandomID("listid")
+	paginationID := utils.GenerateRandomID("paginationid")
+
+	user, err := services.GetUserLogin()
+	if err != nil {
+		defer logger.Sync()
+		logger.Info("Error get user dev", zap.Any("error", err))
+		return err
+	}
+
+	dataBreadcrumb, err := ea.DashboardPicServices.GetEmployeeAnalyticBreadcrumb(title)
+	if err != nil {
+		defer logger.Sync()
+		logger.Info("Error breadcrumb dev", zap.Any("error", err))
+		return err
+	}
+	defer logger.Sync()
+
+	navbaruser := navbarmenu.NavbarWithLogo(user)
+	sidbaruser := sidebaruserprofile.Navbaruserprofile(user)
+	breadcrumb := breadcrumadmin.MainBreadcrumbAdminV1(dataBreadcrumb)
+
+	listingData, totalPage, err := ea.DashboardPicServices.ListingDashboardPic("", "", "", 1, 5)
+	if err != nil {
+		defer logger.Sync()
+		logger.Info("Error get listing data", zap.Any("error", err), zap.Any("total", totalPage))
+		return err
+	}
+	listingcomponent := public_dashboardpic.ListingData(listingData, listID)
+
+	paginationcomponent := pagination.PaginationV3(
+		totalPage,
+		1,
+		"/dev/dashboard_pic/changepage",
+		paginationID,
+		"#listID, #paginationID, #searchID, #startdateID, #enddateID",
+		"#"+paginationID,
+		"outerHTML", "", "",
+		public_dashboardpic.BeforeRequestContent(),
+		public_dashboardpic.AfterRequestContent(),
+	)
+
+	filtercomponent := public_dashboardpic.FilterListing(
+		"/dev/dashboard_pic/filter",
+		"input changed delay:500ms",
+		"#searchID, #startdateID, #enddateID, #listID, #paginationID",
+		"outerHTML",
+		"#"+paginationID,
+		public_dashboardpic.BeforeRequestContent(),
+		public_dashboardpic.AfterRequestContent(),
+	)
+
+	content := public_dashboardpic.DashboardPic(
+		listID,
+		paginationID,
+		breadcrumb,
+		filtercomponent,
+		listingcomponent,
+		paginationcomponent,
+	)
+	css := public_dashboardpic.CSSDashboardPIC()
+	js := public_dashboardpic.JSDashboardPIC()
+
+	view := public_dashboardpic.ShowDashboardPic(title, content, css, js, navbaruser, sidbaruser)
+	return utils.View(c, view)
+}
+
+func (ea *DashboardPicHandler) HandlePagination(c echo.Context) error {
+
+	pageparam := c.QueryParam("page")
+	listID := c.QueryParam("listID")
+	paginationID := c.QueryParam("paginationID")
+	search := c.QueryParam("search")
+	startdate := c.QueryParam("startdate")
+	enddate := c.QueryParam("enddate")
+
+	var retVal []templ.Component
+	logger, _ := zap.NewProduction()
+	page, err := strconv.Atoi(pageparam)
+	if err != nil {
+		defer logger.Sync()
+		logger.Info("Error convert page param")
+		return err
+	}
+
+	listdata, totalPage, err := ea.DashboardPicServices.ListingDashboardPic(search, startdate, enddate, page, 5)
+	if err != nil {
+		defer logger.Sync()
+		logger.Info("Error convert page param")
+		return err
+	}
+	listcomponent := public_dashboardpic.ListingData(listdata, listID)
+
+	paginationcomponent := pagination.PaginationV3(
+		totalPage,
+		page,
+		"/dev/dashboard_pic/changepage",
+		paginationID,
+		"#listID, #paginationID, #searchID, #startdateID, #enddateID",
+		"#"+paginationID,
+		"outerHTML", "", "",
+		public_dashboardpic.BeforeRequestContent(),
+		public_dashboardpic.AfterRequestContent(),
+	)
+
+	retVal = append(retVal, listcomponent)
+	retVal = append(retVal, paginationcomponent)
+	return utils.ViewMulti(c, retVal)
+}
+
+func (ea *DashboardPicHandler) HandleFilter(c echo.Context) error {
+	logger, _ := zap.NewProduction()
+
+	search := c.QueryParam("search")
+	startdate := c.QueryParam("startdate")
+	enddate := c.QueryParam("enddate")
+	listID := c.QueryParam("listID")
+	paginationID := c.QueryParam("paginationID")
+
+	dataList, totalPage, err := ea.DashboardPicServices.ListingDashboardPic(search, startdate, enddate, 1, 5)
+	if err != nil {
+		defer logger.Sync()
+		logger.Info("Error Get Listing Data", zap.Any("error", err))
+		return err
+	}
+
+	listcomponent := public_dashboardpic.ListingData(dataList, listID)
+	paginationcomponent := pagination.PaginationV3(
+		totalPage, 1,
+		"/dev/dashboard_pic/changepage",
+		paginationID,
+		"#listID, #paginationID, #searchID, #startdateID, #enddateID",
+		"#"+paginationID, "outerHTML", "", "",
+		public_dashboardpic.BeforeRequestContent(),
+		public_dashboardpic.AfterRequestContent(),
+	)
+
+	var retval []templ.Component
+	retval = append(retval, listcomponent)
+	retval = append(retval, paginationcomponent)
+	return utils.ViewMulti(c, retval)
+}
--- a/handlers/public/landingpage.handlers.go
+++ b/handlers/public/landingpage.handlers.go
@@ -3,6 +3,7 @@ package public_handlers
 import (
 	public_services "cpone/services/public"
 	public_landingpage "cpone/views/public/landingpage"
+	"net/http"

 	"github.com/a-h/templ"
 	"go.uber.org/zap"
@@ -65,6 +66,12 @@ func (uh *LandingPageHandler) ShowLandingPage(c echo.Context) error {
 	return uh.View(c, helo)
 }

+func (uh *LandingPageHandler) HandleBtnLogin(c echo.Context) error {
+	c.Response().Header().Set("HX-Redirect", "/login")
+
+	return c.String(http.StatusOK, "/login")
+}
+
 func (uh *LandingPageHandler) View(c echo.Context, cmp templ.Component) error {
 	c.Response().Header().Set(echo.HeaderContentType, echo.MIMETextHTML)

--- a/handlers/public/login.handlers.go
+++ b/handlers/public/login.handlers.go
@@ -1,13 +1,18 @@
 package public_handlers

 import (
+	"cpone/models"
 	"cpone/utils"
 	public_login "cpone/views/public/login"
+	"encoding/json"
+	"net/http"

 	"github.com/labstack/echo/v4"
+	"go.uber.org/zap"
 )

 type LoginService interface {
+	Login(username string, password string) (models.ResponseApi, error)
 }

 func NewLoginHandler(us LoginService) *LoginHandler {
@@ -20,14 +25,65 @@ type LoginHandler struct {
 	LoginService LoginService
 }

-// func (uh *LoginHandler) ShowLogin(c echo.Context) error {
-// 	helo := client_Login.Show()
-// 	return utils.View(c, helo)
-// }
-
 func (lh *LoginHandler) HandlerShowLogin(c echo.Context) error {

 	si := public_login.ShowLogin("Login ", public_login.MainLogin(), public_login.CssLogin(), public_login.JsLogin())

 	return utils.View(c, si)
 }
+
+func (lh *LoginHandler) HandlerSignIn(c echo.Context) error {
+	logger, _ := zap.NewProduction()
+
+	username := c.FormValue("username")
+	password := c.FormValue("password")
+
+	defer logger.Sync()
+	logger.Info("PArams", zap.Any("username", username), zap.Any("pass", password))
+
+	resp, err := lh.LoginService.Login(username, password)
+	if err != nil {
+		defer logger.Sync()
+		logger.Info("Error", zap.Error(err))
+
+		si := public_login.ShowLogin("Login ", public_login.MainLogin(), public_login.CssLogin(), public_login.JsLogin())
+		return utils.View(c, si)
+	}
+	defer logger.Sync()
+
+	url := "/one-ui"
+	// url := "/home"
+	if resp.Data.Type == "pic" {
+		url = "/dashboard_pic"
+	}
+
+	user, err := json.Marshal(resp.Data.User)
+	if err != nil {
+		defer logger.Sync()
+		logger.Info("Error", zap.Error(err))
+
+		si := public_login.ShowLogin("Login ", public_login.MainLogin(), public_login.CssLogin(), public_login.JsLogin())
+		return utils.View(c, si)
+	}
+
+	userString := string(user)
+
+	storeLocal := `
+	<script>
+		console.log("store token");
+		const token = "` + resp.Data.Token + `";
+		const user = JSON.stringify(` + userString + `);
+		localStorage.setItem("token", token);
+		localStorage.setItem("user", user);
+		
+		setTimeout(() => {
+			window.location.href = "` + url + `";
+		}, 100);
+	</script>
+	`
+
+	c.Response().Header().Set("HX-Trigger", "script")
+	// c.Response().Header().Set("HX-Redirect", url)
+
+	return c.String(http.StatusOK, storeLocal)
+}
--- a/handlers/routes.go
+++ b/handlers/routes.go
@@ -67,8 +67,21 @@ func SetupRoutesPublic(app *echo.Echo, appStore db.AppStore) {
 	lh := public_handlers.NewLandingPageHandler(l)
 	public.GET("landingpage", lh.ShowLandingPage)
 	public.GET("home", lh.ShowLandingPage)
-	loginHdr := public_handlers.NewLoginHandler(l)
-	public.GET("login", loginHdr.HandlerShowLogin)
+	public.GET("home/login", lh.HandleBtnLogin)
+	// loginHdr := public_handlers.NewLoginHandler(l)
+	// public.GET("login", loginHdr.HandlerShowLogin)
+
+	loginServ := public_services.NewServicesLogin(appStore)
+	loginHadlr := public_handlers.NewLoginHandler(loginServ)
+	public.GET("login", loginHadlr.HandlerShowLogin)
+	public.POST("login/signin", loginHadlr.HandlerSignIn)
+
+	// dashboard_pic
+	dashbrdPicServ := public_services.NewDashboardPicServices(appStore)
+	dashbrdPicHandl := public_handlers.NewDashboardPicHandler(dashbrdPicServ)
+	public.GET("dashboard_pic", dashbrdPicHandl.HandleShowEmployeeAnalyticScreen)
+	public.GET("dashboard_pic/changepage", dashbrdPicHandl.HandlePagination)
+	public.GET("dashboard_pic/filter", dashbrdPicHandl.HandleFilter)

 	// kartu kontrol
 	publicKartuKontrolServices := public_services.NewServicesKartuKontrol(appStore)
@@ -236,9 +249,9 @@ func SetupRoutesDev(app *echo.Echo, appStore db.AppStore) {
 	// employee analytic
 	devEmplAnaServices := dev_services.NewEmployeeAnalyticServices(appStore)
 	devEmplAnaHandler := dev_handlers.NewEmployeeAnalyticHandler(devEmplAnaServices)
-	dev.GET("/employeeanalytic", devEmplAnaHandler.HandleShowEmployeeAnalyticScreen)
-	dev.GET("/employeeanalytic/changepage", devEmplAnaHandler.HandlePagination)
-	dev.GET("/employeeanalytic/filter", devEmplAnaHandler.HandleFilter)
+	dev.GET("/dashboard_pic", devEmplAnaHandler.HandleShowEmployeeAnalyticScreen)
+	dev.GET("/dashboard_pic/changepage", devEmplAnaHandler.HandlePagination)
+	dev.GET("/dashboard_pic/filter", devEmplAnaHandler.HandleFilter)

 	// group result
 	devGRServices := dev_services.NewServicesGroupResult(appStore)
@@ -329,9 +342,4 @@ func SetupRoutesDev(app *echo.Echo, appStore db.AppStore) {
 	dev.GET("/md/bahan/opendelete", devMdBahanHandlers.HandleOpenDeleteMdBahan)
 	dev.POST("/md/bahan/closedeleteform", devMdBahanHandlers.HandleCloseDeleteMdBahan)
 	dev.POST("/md/bahan/delete", devMdBahanHandlers.HandleDeleteMdBahan)
-
-	// Kesimpulan
-	devKesimpulanServices := dev_services.NewServicesKesimpulan(appStore)
-	devKesimpuanHandler := dev_handlers.NewKesimpulanHandler(devKesimpulanServices)
-	dev.GET("/kesimpulan/:id", devKesimpuanHandler.HandleShowKesimpulanScreen)
 }
--- a/models/employeeanalytic.models.go
+++ b/models/employeeanalytic.models.go
@@ -1,6 +1,6 @@
 package models

-type EmployeeAnalytic struct {
+type DashboardPic struct {
 	Mgm_McuID                     int    `db:"Mgm_McuID"`
 	Mgm_McuLabel                  string `db:"Mgm_McuLabel"`
 	Mgm_McuFlagRelasiBayarSendiri string `db:"Mgm_McuFlagRelasiBayarSendiri"`
--- a/models/kesimpulan.models.go
+++ b/models/kesimpulan.models.go
@@ -1,7 +0,0 @@
-package models
-
-type ModelKesimpulanLab struct {
-	Nomor string `db:"nomor"`
-	Test  string `db:"Test"`
-	Total string `db:"total"`
-}
--- a/models/login.models.go
+++ b/models/login.models.go
@@ -0,0 +1,29 @@
+package models
+
+type ResponseApi struct {
+	Status string `json:"status"`
+	Data   struct {
+		User struct {
+			MUserID                      string `json:"M_UserID"`
+			MUserEmail                   string `json:"M_UserEmail"`
+			MUserUsername                string `json:"M_UserUsername"`
+			MUserGroupDashboard          string `json:"M_UserGroupDashboard"`
+			MUserDefaultTSampleStationID string `json:"M_UserDefaultT_SampleStationID"`
+			MStaffName                   string `json:"M_StaffName"`
+			IsCourier                    string `json:"is_courier"`
+			TimeAutologout               string `json:"time_autologout"`
+			IP                           string `json:"ip"`
+			Agent                        string `json:"agent"`
+			Version                      string `json:"version"`
+			LastLogin                    string `json:"last-login"`
+		} `json:"user"`
+		Token string `json:"token"`
+		Type  string `json:"type"`
+	} `json:"data"`
+	Message string `json:"message"`
+	Query   string `json:"query"`
+	DbError struct {
+		Code    int    `json:"code"`
+		Message string `json:"message"`
+	} `json:"db_error"`
+}
--- a/services/dev/employeeanalytic.services.go
+++ b/services/dev/employeeanalytic.services.go
@@ -38,8 +38,8 @@ func (ea *EmployeeAnalyticServices) GetEmployeeAnalyticBreadcrumb(title string)
 	return breadcrumb, nil
 }

-func (ea *EmployeeAnalyticServices) DummyDataTest() ([]models.EmployeeAnalytic, error) {
-	employees := []models.EmployeeAnalytic{
+func (ea *EmployeeAnalyticServices) DummyDataTest() ([]models.DashboardPic, error) {
+	employees := []models.DashboardPic{
 		{
 			Mgm_McuID:                     1,
 			Mgm_McuLabel:                  "Employee 1",
@@ -71,9 +71,9 @@ func (ea *EmployeeAnalyticServices) DummyDataTest() ([]models.EmployeeAnalytic,
 	return employees, nil
 }

-func (ea *EmployeeAnalyticServices) ListingEmployeeAnalytic(search string, startdate string, enddate string, currentpage int, rowperpage int) ([]models.EmployeeAnalytic, int, error) {
+func (ea *EmployeeAnalyticServices) ListingEmployeeAnalytic(search string, startdate string, enddate string, currentpage int, rowperpage int) ([]models.DashboardPic, int, error) {
 	logger, _ := zap.NewProduction()
-	var ret []models.EmployeeAnalytic
+	var ret []models.DashboardPic
 	var totalData int

 	if len(startdate) == 0 {
--- a/services/dev/kesimpulan.services.go
+++ b/services/dev/kesimpulan.services.go
@@ -1,232 +0,0 @@
-package dev_services
-
-import (
-	"cpone/db"
-	"cpone/models"
-	dbx "cpone/package/database"
-	"fmt"
-
-	"go.uber.org/zap"
-)
-
-func NewServicesKesimpulan(uStore db.AppStore) *KesimpulanServices {
-	return &KesimpulanServices{
-		KesimpulanStore: uStore,
-	}
-}
-
-type KesimpulanServices struct {
-	KesimpulanStore db.AppStore
-}
-
-func (k *KesimpulanServices) GetListKesimpulanLab(id string) ([]models.ModelKesimpulanLab, error) {
-	logger, _ := zap.NewProduction()
-	var listLab []models.ModelKesimpulanLab
-	var dataTot []models.ModelKesimpulanLab
-
-	qryTot := `select '' as nomor,
-	'' as Test, sum(total) as total
-	from(
-	   select count(*) as total
-			   FROM mgm_header
-			   join mgm_detail on Mgm_DetailMgm_HeaderID = Mgm_HeaderID  and Mgm_DetailIsActive = 'Y'
-			   join mcu_kelainan on Mgm_DetailMcu_KelainanID = Mcu_KelainanID
-			   join mcu_kelainangroup on Mgm_DetailMcu_KelainanGroupID = Mcu_KelainanGroupID
-			   left join nat_test on Nat_TestCode = Mgm_HeaderNat_TestCode
-
-			   where Mgm_HeaderIsActive = 'Y' and Mgm_HeaderMgm_McuID = ? AND Mgm_HeaderType = 'L'
-			   and Mgm_HeaderIsNormal = 'N'
-	   group by Mgm_DetailMcu_KelainanID, Mgm_HeaderType ) x`
-
-	err := dbx.Handlex.Select(&dataTot, qryTot, id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get total",
-			zap.Any("id", id),
-			zap.Any("total data", dataTot),
-		)
-		// return dataTot, fmt.Errorf("QUERY_FAILED")
-	}
-
-	// Extracting the Total value
-	var totalLab string
-	if len(dataTot) > 0 {
-		totalLab = dataTot[0].Total
-	}
-
-	logger.Info("data",
-		zap.Any("id", id),
-		zap.Any("cek total", totalLab),
-	)
-	query := `SELECT ROW_NUMBER() OVER (ORDER BY  count(Mgm_HeaderT_OrderHeaderID) DESC) AS nomor,
-		ifnull(Nat_TestName ,Mcu_KelainanGroupName) as Test,
-		cast(count(Mgm_HeaderT_OrderHeaderID)/?*100 as decimal(2,0))  as total
-
-		FROM mgm_header
-		join mgm_detail on Mgm_DetailMgm_HeaderID = Mgm_HeaderID  and Mgm_DetailIsActive = 'Y'
-		join mcu_kelainan on Mgm_DetailMcu_KelainanID = Mcu_KelainanID
-		join mcu_kelainangroup on Mgm_DetailMcu_KelainanGroupID = Mcu_KelainanGroupID
-		left join nat_test on Nat_TestCode = Mgm_HeaderNat_TestCode
-
-		where Mgm_HeaderIsActive = 'Y' and Mgm_HeaderMgm_McuID = ? AND Mgm_HeaderType = 'L'
-		and Mgm_HeaderIsNormal = 'N'
-		group by Mgm_DetailMcu_KelainanID, Mgm_HeaderType  ORDER BY  count(Mgm_HeaderT_OrderHeaderID) DESC
-		LIMIT 3`
-
-	err = dbx.Handlex.Select(&listLab, query, totalLab, id)
-
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get data lab",
-			zap.Any("id", id),
-			zap.Any("list data", listLab),
-		)
-		return listLab, fmt.Errorf("QUERY_FAILED")
-	}
-
-	logger.Info("data",
-		zap.Any("id", id),
-		zap.Any("cekkkk", listLab),
-	)
-	return listLab, nil
-}
-
-func (k *KesimpulanServices) GetListKesimpulanNonLab(id string) ([]models.ModelKesimpulanLab, error) {
-	logger, _ := zap.NewProduction()
-	var listNonLab []models.ModelKesimpulanLab
-	var dataTot []models.ModelKesimpulanLab
-
-	qryTot := `select '' as nomor,
-	'' as Test, sum(total) as total
-	from(
-	   select count(*) as total
-			   FROM mgm_header
-			   join mgm_detail on Mgm_DetailMgm_HeaderID = Mgm_HeaderID  and Mgm_DetailIsActive = 'Y'
-			   join mcu_kelainan on Mgm_DetailMcu_KelainanID = Mcu_KelainanID
-			   join mcu_kelainangroup on Mgm_DetailMcu_KelainanGroupID = Mcu_KelainanGroupID
-			   left join nat_test on Nat_TestCode = Mgm_HeaderNat_TestCode
-
-			   where Mgm_HeaderIsActive = 'Y' and Mgm_HeaderMgm_McuID = ? AND Mgm_HeaderType = 'NL'
-			   and Mgm_HeaderIsNormal = 'N'
-	   group by Mgm_DetailMcu_KelainanID, Mgm_HeaderType ) x`
-
-	err := dbx.Handlex.Select(&dataTot, qryTot, id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get total",
-			zap.Any("id", id),
-			zap.Any("total data", dataTot),
-		)
-		// return dataTot, fmt.Errorf("QUERY_FAILED")
-	}
-
-	// Extracting the Total value
-	var totalLab string
-	if len(dataTot) > 0 {
-		totalLab = dataTot[0].Total
-	}
-
-	logger.Info("data",
-		zap.Any("id", id),
-		zap.Any("cek total", totalLab),
-	)
-	query := `SELECT ROW_NUMBER() OVER (ORDER BY  count(Mgm_HeaderT_OrderHeaderID) DESC) AS nomor,
-		ifnull(Nat_TestName ,Mcu_KelainanGroupName) as Test,
-		cast(count(Mgm_HeaderT_OrderHeaderID)/?*100 as decimal(2,0))  as total
-
-		FROM mgm_header
-		join mgm_detail on Mgm_DetailMgm_HeaderID = Mgm_HeaderID  and Mgm_DetailIsActive = 'Y'
-		join mcu_kelainan on Mgm_DetailMcu_KelainanID = Mcu_KelainanID
-		join mcu_kelainangroup on Mgm_DetailMcu_KelainanGroupID = Mcu_KelainanGroupID
-		left join nat_test on Nat_TestCode = Mgm_HeaderNat_TestCode
-
-		where Mgm_HeaderIsActive = 'Y' and Mgm_HeaderMgm_McuID = ? AND Mgm_HeaderType = 'NL'
-		and Mgm_HeaderIsNormal = 'N'
-		group by Mgm_DetailMcu_KelainanID, Mgm_HeaderType  ORDER BY  count(Mgm_HeaderT_OrderHeaderID) DESC
-		LIMIT 3`
-
-	err = dbx.Handlex.Select(&listNonLab, query, totalLab, id)
-
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get data NON lab",
-			zap.Any("id", id),
-			zap.Any("list data", listNonLab),
-		)
-		return listNonLab, fmt.Errorf("QUERY_FAILED")
-	}
-
-	logger.Info("data",
-		zap.Any("id", id),
-		zap.Any("cekkkk", listNonLab),
-	)
-	return listNonLab, nil
-}
-
-func (k *KesimpulanServices) GetListKesimpulanFisik(id string) ([]models.ModelKesimpulanLab, error) {
-	logger, _ := zap.NewProduction()
-	var listFisik []models.ModelKesimpulanLab
-	var dataTot []models.ModelKesimpulanLab
-
-	qryTot := `select '' as nomor,
-	'' as Test, sum(total) as total
-	from(
-	   select count(*) as total
-			   FROM mgm_header
-			   join mgm_detail on Mgm_DetailMgm_HeaderID = Mgm_HeaderID  and Mgm_DetailIsActive = 'Y'
-			   join mcu_kelainan on Mgm_DetailMcu_KelainanID = Mcu_KelainanID
-			   join mcu_kelainangroup on Mgm_DetailMcu_KelainanGroupID = Mcu_KelainanGroupID
-			   left join nat_test on Nat_TestCode = Mgm_HeaderNat_TestCode
-
-			   where Mgm_HeaderIsActive = 'Y' and Mgm_HeaderMgm_McuID = ? AND Mgm_HeaderType = 'F'
-			   and Mgm_HeaderIsNormal = 'N'
-	   group by Mgm_DetailMcu_KelainanID, Mgm_HeaderType ) x`
-
-	err := dbx.Handlex.Select(&dataTot, qryTot, id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get total",
-			zap.Any("id", id),
-			zap.Any("total data", dataTot),
-		)
-		// return dataTot, fmt.Errorf("QUERY_FAILED")
-	}
-
-	// Extracting the Total value
-	var totalFisik string
-	if len(dataTot) > 0 {
-		totalFisik = dataTot[0].Total
-	}
-
-	logger.Info("data",
-		zap.Any("id", id),
-		zap.Any("cek total", totalFisik),
-	)
-	query := `SELECT ROW_NUMBER() OVER (ORDER BY  count(Mgm_HeaderT_OrderHeaderID) DESC) AS nomor,
-		ifnull(Nat_TestName ,Mcu_KelainanGroupName) as Test,
-		cast(count(Mgm_HeaderT_OrderHeaderID)/?*100 as decimal(2,0))  as total
-
-		FROM mgm_header
-		join mgm_detail on Mgm_DetailMgm_HeaderID = Mgm_HeaderID  and Mgm_DetailIsActive = 'Y'
-		join mcu_kelainan on Mgm_DetailMcu_KelainanID = Mcu_KelainanID
-		join mcu_kelainangroup on Mgm_DetailMcu_KelainanGroupID = Mcu_KelainanGroupID
-		left join nat_test on Nat_TestCode = Mgm_HeaderNat_TestCode
-
-		where Mgm_HeaderIsActive = 'Y' and Mgm_HeaderMgm_McuID = ? AND Mgm_HeaderType = 'F'
-		and Mgm_HeaderIsNormal = 'N'
-		group by Mgm_DetailMcu_KelainanID, Mgm_HeaderType  ORDER BY  count(Mgm_HeaderT_OrderHeaderID) DESC
-		LIMIT 3`
-
-	err = dbx.Handlex.Select(&listFisik, query, totalFisik, id)
-
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get data fisik",
-			zap.Any("id", id),
-			zap.Any("list data", listFisik),
-		)
-		return listFisik, fmt.Errorf("QUERY_FAILED")
-	}
-
-	return listFisik, nil
-}
--- a/services/public/dashboardpic.services.go
+++ b/services/public/dashboardpic.services.go
@@ -0,0 +1,128 @@
+package public_services
+
+import (
+	"cpone/db"
+	"cpone/models"
+	dbx "cpone/package/database"
+	"fmt"
+	"math"
+
+	"go.uber.org/zap"
+)
+
+type DashboardPicServices struct {
+	DashboardPicStore db.AppStore
+}
+
+func NewDashboardPicServices(uStore db.AppStore) *DashboardPicServices {
+	return &DashboardPicServices{
+		DashboardPicStore: uStore,
+	}
+}
+
+func (ea *DashboardPicServices) GetEmployeeAnalyticBreadcrumb(title string) (models.BreadCrumbV1, error) {
+	breadcrumb := models.BreadCrumbV1{
+		Title: title,
+		Item: []models.ItemBreadCrumbV1{
+			{
+				Item: "Dashboard",
+				Url:  "/dev/dashboard",
+			},
+			{
+				Item: "Employee Health Medical Analytic",
+				Url:  "",
+			},
+		},
+	}
+
+	return breadcrumb, nil
+}
+
+func (ea *DashboardPicServices) DummyDataTest() ([]models.DashboardPic, error) {
+	employees := []models.DashboardPic{
+		{
+			Mgm_McuID:                     1,
+			Mgm_McuLabel:                  "Employee 1",
+			Mgm_McuFlagRelasiBayarSendiri: "Yes",
+			Mgm_McuBisaTambahPemeriksaan:  "No",
+			Mgm_McuCorporateID:            101,
+			Mgm_McuNumber:                 "EMP001",
+			Mgm_McuNumberNational:         "NAT001",
+			Mgm_McuNote:                   "Lorem ipsum dolor sit amet.",
+			Mgm_McuStartDate:              "2024-01-01",
+			Mgm_McuEndDate:                "2024-12-31",
+			Mgm_McuIsActive:               "Y",
+		},
+		{
+			Mgm_McuID:                     2,
+			Mgm_McuLabel:                  "Employee 2",
+			Mgm_McuFlagRelasiBayarSendiri: "No",
+			Mgm_McuBisaTambahPemeriksaan:  "Yes",
+			Mgm_McuCorporateID:            102,
+			Mgm_McuNumber:                 "EMP002",
+			Mgm_McuNumberNational:         "NAT002",
+			Mgm_McuNote:                   "Lorem ipsum dolor sit amet consectetur.",
+			Mgm_McuStartDate:              "2024-02-15",
+			Mgm_McuEndDate:                "2024-11-30",
+			Mgm_McuIsActive:               "Y",
+		},
+	}
+
+	return employees, nil
+}
+
+func (ea *DashboardPicServices) ListingDashboardPic(search string, startdate string, enddate string, currentpage int, rowperpage int) ([]models.DashboardPic, int, error) {
+	logger, _ := zap.NewProduction()
+	var ret []models.DashboardPic
+	var totalData int
+
+	if len(startdate) == 0 {
+		startdate = "1900-01-01"
+	}
+	if len(enddate) == 0 {
+		enddate = "9999-12-12"
+	}
+
+	prmLabel := "%" + search + "%"
+	offset := (currentpage - 1) * rowperpage
+	q := `
+		SELECT COUNT(*)
+		FROM mgm_mcu
+		WHERE Mgm_McuIsActive = 'Y'
+		AND Mgm_McuLabel LIKE ?
+		AND Mgm_McuStartDate >= ?
+		AND Mgm_McuEndDate <= ?
+	`
+	if err := dbx.Handlex.Get(&totalData, q, prmLabel, startdate, enddate); err != nil {
+		return nil, 0, fmt.Errorf("error query get total data: %v", err)
+	}
+
+	q = `
+		SELECT
+		Mgm_McuID,
+		Mgm_McuLabel,
+		Mgm_McuFlagRelasiBayarSendiri,
+		Mgm_McuBisaTambahPemeriksaan,
+		Mgm_McuCorporateID,
+		Mgm_McuNumber,
+		Mgm_McuNumberNational,
+		Mgm_McuNote,
+		DATE_FORMAT(Mgm_McuStartDate, '%d-%m-%Y') AS Mgm_McuStartDate,
+		DATE_FORMAT(Mgm_McuEndDate, '%d-%m-%Y') AS Mgm_McuEndDate,
+		Mgm_McuIsActive
+		FROM mgm_mcu
+		WHERE Mgm_McuIsActive = 'Y'
+		AND Mgm_McuLabel LIKE ?
+		AND Mgm_McuStartDate >= ?
+		AND Mgm_McuEndDate <= ?
+		ORDER BY Mgm_McuID ASC
+		LIMIT ? OFFSET ?
+	`
+	if err := dbx.Handlex.Select(&ret, q, prmLabel, startdate, enddate, rowperpage, offset); err != nil {
+		return nil, 0, fmt.Errorf("error query get data: %v", err)
+	}
+	logger.Info("Resp", zap.Any("Respsone", ret))
+
+	totalPage := int(math.Ceil(float64(totalData) / float64(rowperpage)))
+	return ret, totalPage, nil
+}
--- a/services/public/login.services.go
+++ b/services/public/login.services.go
@@ -1,6 +1,14 @@
 package public_services

-import "cpone/db"
+import (
+	"bytes"
+	"cpone/db"
+	"cpone/models"
+	"encoding/json"
+	"fmt"
+	"io"
+	"net/http"
+)

 type ServicesLogin struct {
 	CompanyStore db.AppStore
@@ -12,3 +20,39 @@ func NewServicesLogin(uStore db.AppStore) *ServicesLogin {
 		CompanyStore: uStore,
 	}
 }
+
+func (ls *ServicesLogin) Login(username string, password string) (models.ResponseApi, error) {
+	url := "https://devcpone.aplikasi.web.id/one-api/v1/system/auth/login"
+
+	var resp models.ResponseApi
+
+	// Create a JSON payload with the username and password
+	payload := []byte(fmt.Sprintf(`{"username": "%s", "password": "%s"}`, username, password))
+
+	// Make the POST request
+	request, err := http.Post(url, "application/json", bytes.NewBuffer(payload))
+	if err != nil {
+		return resp, err
+	}
+	if request.StatusCode != http.StatusOK {
+		return resp, fmt.Errorf("server returned non-OK status: %d", request.StatusCode)
+	}
+	defer request.Body.Close()
+
+	// Read the response body
+	body, err := io.ReadAll(request.Body)
+	if err != nil {
+		return resp, err
+	}
+
+	if err := json.Unmarshal(body, &resp); err != nil {
+		return resp, err
+	}
+
+	// Check if status is "ERR"
+	if resp.Status == "ERR" {
+		return resp, fmt.Errorf("login failed: %s", resp.Message)
+	}
+
+	return resp, nil
+}
--- a/views/dev/employeeanalytic/listingemployeeanalytic.templ
+++ b/views/dev/employeeanalytic/listingemployeeanalytic.templ
@@ -4,7 +4,7 @@ import "cpone/models"
 import "strconv"

 templ ListingData(
-    data []models.EmployeeAnalytic,
+    data []models.DashboardPic,
    listID string,
 ) {
    <div id={listID} class="align-items-center pt-8 flex-column" hx-swap-oob="true">
@@ -26,7 +26,7 @@ templ ListingData(
    </div>
 }

-templ ItemCard(data models.EmployeeAnalytic) {
+templ ItemCard(data models.DashboardPic) {
    <div class="row d-flex align-items-center">
        <div class="col-7">
            <h3 class="text-black">{ data.Mgm_McuLabel }</h3>
--- a/views/dev/employeeanalytic/listingemployeeanalytic_templ.go
+++ b/views/dev/employeeanalytic/listingemployeeanalytic_templ.go
@@ -14,7 +14,7 @@ import "cpone/models"
 import "strconv"

 func ListingData(
-	data []models.EmployeeAnalytic,
+	data []models.DashboardPic,
 	listID string,
 ) templ.Component {
 	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
@@ -112,7 +112,7 @@ func ListingData(
 	})
 }

-func ItemCard(data models.EmployeeAnalytic) templ.Component {
+func ItemCard(data models.DashboardPic) templ.Component {
 	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
 		if !templ_7745c5c3_IsBuffer {
--- a/views/dev/kesimpulan/kesimpulan.templ
+++ b/views/dev/kesimpulan/kesimpulan.templ
@@ -1,282 +0,0 @@
-package dev_kesimpulan
-
-import (
-	"cpone/layout"
-	"cpone/component/customtextfield"
-	"cpone/models"
-)
-
-templ MainKesimpulan(
-	tableID string,
-	tablecontent templ.Component,
-	tablecontentnonlab templ.Component,
-	tablecontentfisik templ.Component,
-) {
-	<div class="container-fluid">
-		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "tableID",
-			Name:  "tableID",
-			Type:  "hidden",
-			Value: tableID})
-		<div class="d-flex justify-content-center pt-10 pb-10">
-			<h2 class="title text-black" style="margin-bottom: 0">Kesimpulan</h2>
-		</div>
-		@tablecontent
-		@tablecontentnonlab
-		@tablecontentfisik
-	</div>
-}
-
-templ CssKesimpulan() {
-	<link
-		rel="stylesheet"
-		href="assets/css/googlefont/poppins.css"
-	/>
-	<link
-		rel="stylesheet"
-		href="assets/css/googlefont/publicsans.css"
-	/>
-	<link
-		rel="stylesheet"
-		href="assets/css/googlefont/roboto.css"
-	/>
-	<style>
-      #canvas {
-        /* overflow-x: scroll; */
-        margin: 40px 10vw 40px 10vw;
-      }
-      #title {
-        font-weight: 600;
-      }
-      .breadcrumb {
-        background-color: white;
-        padding: 0px 0px !important;
-        padding-left: 0 !important;
-      }
-
-      .breadcrumb-item a {
-        color: #3f4254;
-        font-family: Poppins;
-        font-size: 13px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: 21px;
-      }
-
-      .breadcrumb-item.active {
-        color: #b5b5c3;
-        font-family: Poppins;
-        font-size: 13px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: 21px;
-      }
-      .nav-tabs {
-        border-bottom: 0px solid #000000 !important;
-      }
-      .nav-link {
-        color: #637381;
-        font-family: Public Sans;
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 22px;
-        text-align: center;
-      }
-
-      .nav-link.active {
-        color: #212b36 !important; /* Warna teks untuk tab yang aktif */
-        border-bottom: 2px solid #0c518c !important; /* Garis bawah untuk tab yang aktif */
-        font-family: Public Sans;
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 22px;
-        text-align: center;
-      }
-
-      th {
-        color: #637381;
-        font-family: Roboto;
-        font-weight: 700 !important;
-        font-size: 14px !important;
-        padding-bottom: 5px !important;
-        padding-left: 1px !important;
-        border-bottom: 1pt dashed #e4e6ef !important;
-      }
-      tr {
-        border-bottom: 1pt dashed #e4e6ef !important;
-        font-family: Roboto;
-      }
-      td {
-        color: #0e1e28;
-        font-family: Roboto;
-        font-style: normal;
-        font-weight: 500 !important;
-        font-size: 16px !important;
-        line-height: 30px; /* 187.5% */
-        letter-spacing: -0.32px;
-        padding-left: 1px !important;
-        padding-top: 16px !important;
-        padding-bottom: 16px !important;
-      }
-      thead {
-        border-bottom: 1pt dashed #e4e6ef !important;
-      }
-      .kesimpulan-desc {
-        color: #0e1e28;
-        font-family: Roboto;
-        font-size: 12px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: normal;
-        letter-spacing: -0.24px;
-      }
-      .label-text {
-        background-color: grey;
-        color: black;
-        padding: 5px 20px 5px 20px !important;
-        border-radius: 6px;
-        font-family: Poppins !important;
-        font-size: 11px !important;
-        font-style: normal !important;
-        font-weight: 500 !important;
-        line-height: normal !important;
-      }
-      .label-text.fit {
-        background: #c9f7f5;
-        color: #1bc5bd;
-        padding: 5px 20px 5px 20px !important;
-        border-radius: 6px;
-        font-family: Poppins !important;
-        font-size: 11px !important;
-        font-style: normal !important;
-        font-weight: 500 !important;
-        line-height: normal !important;
-      }
-      .label-text.unfit {
-        background: #fff4de;
-        color: #ffa800;
-        padding: 5px 20px 5px 20px !important;
-        border-radius: 6px;
-        font-family: Poppins !important;
-        font-size: 11px !important;
-        font-style: normal !important;
-        font-weight: 500 !important;
-        line-height: normal !important;
-      }
-
-      .iconify-btn {
-        color: #637381 !important;
-        width: 23px !important;
-        height: 23px !important;
-        margin-right: 1em;
-      }
-      .iconify-btn-blue {
-        color: #0c518c !important;
-        width: 23px !important;
-        height: 23px !important;
-        margin-right: 1em;
-      }
-      .modal-header {
-        border-bottom: none !important;
-      }
-      .modal-title {
-        font-family: "Public Sans" !important;
-        font-size: 18px !important;
-        font-style: normal !important;
-        font-weight: 700 !important;
-        line-height: 28px !important;
-      }
-      .modal-dialog {
-        border-radius: 8px;
-      }
-      .btn-print {
-        border-radius: 6px !important;
-        background-color: #f5f8fa !important;
-        font-family: Roboto;
-        font-size: 14px;
-        margin-bottom: 12px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: normal;
-        display: flex;
-        width: 100%;
-        justify-content: space-between;
-        align-items: center;
-      }
-      .modal-xl {
-        border-radius: 6px !important;
-        max-width: 90vw !important;
-        max-height: 95vh !important;
-        width: 90vw !important;
-        height: 95vh !important;
-      }
-      .header-print {
-        background-color: #d9d9d9;
-      }
-      .modal-print-title {
-        color: #000;
-        font-family: "Open Sans";
-        font-size: 28px;
-        font-style: normal;
-        font-weight: 700;
-        line-height: normal;
-      }
-      .close-print {
-        color: red !important;
-        width: 30px !important;
-        height: 30px !important;
-      }
-      .form-label {
-        font-family: Poppins !important;
-        font-size: 14px !important;
-        font-style: normal !important;
-        font-weight: 600 !important;
-        line-height: 24px !important; /* 171.429% */
-      }
-      .form-input {
-        font-family: Poppins !important;
-        font-size: 16px !important;
-        font-style: normal !important;
-        font-weight: 400 !important;
-        line-height: 24px !important;
-      }
-      .btn-text {
-        font-family: "Public Sans";
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 700;
-        line-height: 24px;
-      }
-      .dot-text {
-        position: relative;
-        padding-left: 1.5em; /* Menambahkan padding untuk memberi ruang pada titik */
-      }
-
-      .dot-text::before {
-        content: "•"; /* Menambahkan titik di depan teks */
-        position: absolute;
-        left: 1em; /* Atur posisi titik */
-        top: 0;
-        transform: translateX(-100%);
-      }
-
-      .information-title {
-        color: #0e1e28;
-        font-family: Poppins;
-        font-size: 20px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: normal;
-      }
-    </style>
-}
-
-templ JsKesimpulan() {
-}
-
-templ ShowKesimpulan(title string, cmp templ.Component, css templ.Component, js templ.Component) {
-	@layout.PlaygroundLayout(title, css, js) {
-		@cmp
-	}
-}
--- a/views/dev/kesimpulan/kesimpulan_templ.go
+++ b/views/dev/kesimpulan/kesimpulan_templ.go
--- a/views/dev/kesimpulan/tableKesimpulan.templ
+++ b/views/dev/kesimpulan/tableKesimpulan.templ
@@ -1,46 +0,0 @@
-package dev_kesimpulan
-
-import (
-	"cpone/component/table"
-	"cpone/models"
-)
-
-templ CardTableKesimpulan(title string, data []models.ModelKesimpulanLab, tableID string) {
-	<div class="card card-custom gutter-b" style="border-radius: 20px">
-		<div style="padding-top: 12px">
-			<h3 class="card-label dot-text text-black">
-				{ title }
-			</h3>
-		</div>
-		<div class="card-body">
-			<div>
-				@TableKesimpulan(data, tableID)
-			</div>
-		</div>
-	</div>
-}
-
-templ TableKesimpulan(data []models.ModelKesimpulanLab,
-	tableID string) {
-	<div id={ tableID } hx-swap-oob="true">
-		@tablecomponent.TableV3([]string{"NO", "PEMERIKSAAN", "PERSENTASE"},
-			[]string{"5%", "70%", "25%"},
-			RowKesimpulan(data),
-		)
-	</div>
-}
-
-templ RowKesimpulan(data []models.ModelKesimpulanLab) {
-	if len(data) == 0 {
-		<tr>
-			<td colspan="3" class="text-center">Data Tidak Ditemukan</td>
-		</tr>
-	}
-	for _, v := range data {
-		<tr>
-			<td>{ v.Nomor }</td>
-			<td>{ v.Test }</td>
-			<td>{ v.Total }</td>
-		</tr>
-	}
-}
--- a/views/dev/kesimpulan/tableKesimpulan_templ.go
+++ b/views/dev/kesimpulan/tableKesimpulan_templ.go
@@ -1,181 +0,0 @@
-// Code generated by templ - DO NOT EDIT.
-
-// templ: version: v0.2.663
-package dev_kesimpulan
-
-//lint:file-ignore SA4006 This context is only used if a nested component is present.
-
-import "github.com/a-h/templ"
-import "context"
-import "io"
-import "bytes"
-
-import (
-	"cpone/component/table"
-	"cpone/models"
-)
-
-func CardTableKesimpulan(title string, data []models.ModelKesimpulanLab, tableID string) templ.Component {
-	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
-		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
-		if !templ_7745c5c3_IsBuffer {
-			templ_7745c5c3_Buffer = templ.GetBuffer()
-			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
-		}
-		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var1 == nil {
-			templ_7745c5c3_Var1 = templ.NopComponent
-		}
-		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"card card-custom gutter-b\" style=\"border-radius: 20px\"><div style=\"padding-top: 12px\"><h3 class=\"card-label dot-text text-black\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var2 string
-		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(title)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\kesimpulan\tableKesimpulan.templ`, Line: 12, Col: 11}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</h3></div><div class=\"card-body\"><div>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = TableKesimpulan(data, tableID).Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div></div>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		if !templ_7745c5c3_IsBuffer {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
-		}
-		return templ_7745c5c3_Err
-	})
-}
-
-func TableKesimpulan(data []models.ModelKesimpulanLab,
-	tableID string) templ.Component {
-	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
-		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
-		if !templ_7745c5c3_IsBuffer {
-			templ_7745c5c3_Buffer = templ.GetBuffer()
-			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
-		}
-		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var3 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var3 == nil {
-			templ_7745c5c3_Var3 = templ.NopComponent
-		}
-		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var4 string
-		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(tableID)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\kesimpulan\tableKesimpulan.templ`, Line: 25, Col: 18}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap-oob=\"true\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = tablecomponent.TableV3([]string{"NO", "PEMERIKSAAN", "PERSENTASE"},
-			[]string{"5%", "70%", "25%"},
-			RowKesimpulan(data),
-		).Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		if !templ_7745c5c3_IsBuffer {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
-		}
-		return templ_7745c5c3_Err
-	})
-}
-
-func RowKesimpulan(data []models.ModelKesimpulanLab) templ.Component {
-	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
-		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
-		if !templ_7745c5c3_IsBuffer {
-			templ_7745c5c3_Buffer = templ.GetBuffer()
-			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
-		}
-		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var5 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var5 == nil {
-			templ_7745c5c3_Var5 = templ.NopComponent
-		}
-		ctx = templ.ClearChildren(ctx)
-		if len(data) == 0 {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<tr><td colspan=\"3\" class=\"text-center\">Data Tidak Ditemukan</td></tr>")
-			if templ_7745c5c3_Err != nil {
-				return templ_7745c5c3_Err
-			}
-		}
-		for _, v := range data {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<tr><td>")
-			if templ_7745c5c3_Err != nil {
-				return templ_7745c5c3_Err
-			}
-			var templ_7745c5c3_Var6 string
-			templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(v.Nomor)
-			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\kesimpulan\tableKesimpulan.templ`, Line: 41, Col: 16}
-			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
-			if templ_7745c5c3_Err != nil {
-				return templ_7745c5c3_Err
-			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</td><td>")
-			if templ_7745c5c3_Err != nil {
-				return templ_7745c5c3_Err
-			}
-			var templ_7745c5c3_Var7 string
-			templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(v.Test)
-			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\kesimpulan\tableKesimpulan.templ`, Line: 42, Col: 15}
-			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
-			if templ_7745c5c3_Err != nil {
-				return templ_7745c5c3_Err
-			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</td><td>")
-			if templ_7745c5c3_Err != nil {
-				return templ_7745c5c3_Err
-			}
-			var templ_7745c5c3_Var8 string
-			templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(v.Total)
-			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\kesimpulan\tableKesimpulan.templ`, Line: 43, Col: 16}
-			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
-			if templ_7745c5c3_Err != nil {
-				return templ_7745c5c3_Err
-			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</td></tr>")
-			if templ_7745c5c3_Err != nil {
-				return templ_7745c5c3_Err
-			}
-		}
-		if !templ_7745c5c3_IsBuffer {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
-		}
-		return templ_7745c5c3_Err
-	})
-}
--- a/views/public/dashboardpic/dashboardpic.templ
+++ b/views/public/dashboardpic/dashboardpic.templ
@@ -0,0 +1,110 @@
+package public_dashboardpic
+
+import "cpone/layout"
+import "cpone/component/customtextfield"
+import "cpone/models"
+
+templ DashboardPic(
+    listID string,
+    paginationID string,
+    breadcrumb templ.Component,
+    filtercomponent templ.Component,
+    listingcomponent templ.Component,
+    paginationcomponent templ.Component,    
+) {
+    <div class="container-fluid">
+        @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "listID",
+            Name: "listID",
+            Type: "hidden",
+            Value: listID})
+        @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "paginationID",
+            Name: "paginationID",
+            Type: "hidden",
+            Value: paginationID})
+        <div class="row align-item-center mb-10">
+            <div class="col-md-10 col-sm-12 p-0">
+                @breadcrumb
+            </div>
+        </div>
+        @filtercomponent
+        <div id="loading-parent" class="rounded">
+            @listingcomponent
+            @paginationcomponent
+            <div id="loading-child" class="rounded bg-transparent">
+                <div id="loading-spinner" class="spinner-border text-primary d-none" style="width: 3rem; height: 3rem;" role="status">
+                    <span class="sr-only">Loading...</span>
+                </div>
+            </div>
+        </div>
+        <div id="loadingcontent"></div>
+    </div>
+}
+
+templ JSDashboardPIC() {
+
+}
+
+templ CSSDashboardPIC() {
+    <link
+        rel="stylesheet"
+        href="assets/css/googlefont/poppins.css"
+    />
+    <link 
+        rel="stylesheet"
+        href="assets/css/googlefont/publicsans.css"
+    />
+    <link 
+        rel="stylesheet"
+        href="assets/css/googlefont/roboto.css"
+    />
+    <style>
+        body {
+            background-color: white;
+        }
+        #div-chart {
+            margin: 40px 10vw 40px 10vw;
+        }
+        .title {
+            font-size: 20px;
+            font-weight: bold;
+        }
+        #title {
+            font-weight: 600;
+        }
+    </style>
+}
+
+script BeforeRequestContent() {
+    const loadingParent = document.getElementById("loading-parent");
+    const loadingChild = document.getElementById("loading-child");
+    const loadingSpinner = document.getElementById("loading-spinner");
+
+    loadingParent.classList.add("overlay");
+    loadingParent.classList.add("overlay-block");
+    loadingChild.classList.add("overlay-layer");
+    loadingSpinner.classList.remove("d-none");
+}
+
+script AfterRequestContent() {
+    const loadingParent = document.getElementById("loading-parent");
+    const loadingChild = document.getElementById("loading-child");
+    const loadingSpinner = document.getElementById("loading-spinner");
+
+    loadingParent.classList.remove("overlay");
+    loadingParent.classList.remove("overlay-block");
+    loadingChild.classList.remove("overlay-layer");
+    loadingSpinner.classList.add("d-none");
+}
+
+templ ShowDashboardPic(
+    title string,
+    cmp templ.Component,
+    css templ.Component,
+    js templ.Component,
+    navbaruser templ.Component,
+    userprofile templ.Component,
+) {
+    @layout.EmployeeAnalyticLayout(title, css, js, navbaruser, userprofile) {
+        @cmp
+    }
+}
--- a/views/public/dashboardpic/dashboardpic_templ.go
+++ b/views/public/dashboardpic/dashboardpic_templ.go
@@ -0,0 +1,216 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package public_dashboardpic
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import "cpone/layout"
+import "cpone/component/customtextfield"
+import "cpone/models"
+
+func DashboardPic(
+	listID string,
+	paginationID string,
+	breadcrumb templ.Component,
+	filtercomponent templ.Component,
+	listingcomponent templ.Component,
+	paginationcomponent templ.Component,
+) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"container-fluid\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "listID",
+			Name:  "listID",
+			Type:  "hidden",
+			Value: listID}).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "paginationID",
+			Name:  "paginationID",
+			Type:  "hidden",
+			Value: paginationID}).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"row align-item-center mb-10\"><div class=\"col-md-10 col-sm-12 p-0\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = breadcrumb.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = filtercomponent.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"loading-parent\" class=\"rounded\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = listingcomponent.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = paginationcomponent.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"loading-child\" class=\"rounded bg-transparent\"><div id=\"loading-spinner\" class=\"spinner-border text-primary d-none\" style=\"width: 3rem; height: 3rem;\" role=\"status\"><span class=\"sr-only\">Loading...</span></div></div></div><div id=\"loadingcontent\"></div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func JSDashboardPIC() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var2 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var2 == nil {
+			templ_7745c5c3_Var2 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func CSSDashboardPIC() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var3 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var3 == nil {
+			templ_7745c5c3_Var3 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<link rel=\"stylesheet\" href=\"assets/css/googlefont/poppins.css\"><link rel=\"stylesheet\" href=\"assets/css/googlefont/publicsans.css\"><link rel=\"stylesheet\" href=\"assets/css/googlefont/roboto.css\"><style>\r\n        body {\r\n            background-color: white;\r\n        }\r\n        #div-chart {\r\n            margin: 40px 10vw 40px 10vw;\r\n        }\r\n        .title {\r\n            font-size: 20px;\r\n            font-weight: bold;\r\n        }\r\n        #title {\r\n            font-weight: 600;\r\n        }\r\n    </style>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func BeforeRequestContent() templ.ComponentScript {
+	return templ.ComponentScript{
+		Name: `__templ_BeforeRequestContent_5717`,
+		Function: `function __templ_BeforeRequestContent_5717(){const loadingParent = document.getElementById("loading-parent");
+    const loadingChild = document.getElementById("loading-child");
+    const loadingSpinner = document.getElementById("loading-spinner");
+
+    loadingParent.classList.add("overlay");
+    loadingParent.classList.add("overlay-block");
+    loadingChild.classList.add("overlay-layer");
+    loadingSpinner.classList.remove("d-none");
+}`,
+		Call:       templ.SafeScript(`__templ_BeforeRequestContent_5717`),
+		CallInline: templ.SafeScriptInline(`__templ_BeforeRequestContent_5717`),
+	}
+}
+
+func AfterRequestContent() templ.ComponentScript {
+	return templ.ComponentScript{
+		Name: `__templ_AfterRequestContent_077f`,
+		Function: `function __templ_AfterRequestContent_077f(){const loadingParent = document.getElementById("loading-parent");
+    const loadingChild = document.getElementById("loading-child");
+    const loadingSpinner = document.getElementById("loading-spinner");
+
+    loadingParent.classList.remove("overlay");
+    loadingParent.classList.remove("overlay-block");
+    loadingChild.classList.remove("overlay-layer");
+    loadingSpinner.classList.add("d-none");
+}`,
+		Call:       templ.SafeScript(`__templ_AfterRequestContent_077f`),
+		CallInline: templ.SafeScriptInline(`__templ_AfterRequestContent_077f`),
+	}
+}
+
+func ShowDashboardPic(
+	title string,
+	cmp templ.Component,
+	css templ.Component,
+	js templ.Component,
+	navbaruser templ.Component,
+	userprofile templ.Component,
+) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var4 == nil {
+			templ_7745c5c3_Var4 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Var5 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+			templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+			if !templ_7745c5c3_IsBuffer {
+				templ_7745c5c3_Buffer = templ.GetBuffer()
+				defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+			}
+			templ_7745c5c3_Err = cmp.Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			if !templ_7745c5c3_IsBuffer {
+				_, templ_7745c5c3_Err = io.Copy(templ_7745c5c3_W, templ_7745c5c3_Buffer)
+			}
+			return templ_7745c5c3_Err
+		})
+		templ_7745c5c3_Err = layout.EmployeeAnalyticLayout(title, css, js, navbaruser, userprofile).Render(templ.WithChildren(ctx, templ_7745c5c3_Var5), templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/views/public/dashboardpic/filterdashboardpic.templ
+++ b/views/public/dashboardpic/filterdashboardpic.templ
@@ -0,0 +1,68 @@
+package public_dashboardpic
+
+templ FilterListing(
+    hxGet string,
+    hxTrigger string,
+    hxInclude string,
+    hxSwap string,
+    hxTarget string,
+    hxBeforeRequest templ.ComponentScript,
+    hxAfterRequest templ.ComponentScript,    
+) {
+    <div class="row pt-8 align-items-center">
+        <div class="col-12 col-sm-3 col-md-1 col-lg-1 col-xl-1 mb-2">
+            <label class="text-black font-weight-bolder">Stard Date:</label>
+        </div>
+        <div class="col-12 col-sm-9 col-md-2 col-lg-2 col-xl-2 mb-2">
+            <input 
+                id="startdateID" 
+                name="startdate"
+                class="form-control form-control-lg bg-field border-0 rounded-lg" 
+                type="date" 
+                autocomplete="off"
+                hx-get={ hxGet }
+                hx-trigger={ hxTrigger }
+                hx-include={ hxInclude }
+                hx-swap={ hxSwap }
+                hx-target={ hxTarget }
+                hx-on::before-request={ hxBeforeRequest }
+                hx-on::after-request={ hxAfterRequest }
+            />
+        </div>
+        <div class="col-12 col-sm-3 col-md-1 col-lg-1 col-xl-1 mb-2">
+            <label class="text-black font-weight-bolder">End Date:</label>
+        </div>
+        <div class="col-12 col-sm-9 col-md-2 col-lg-2 col-xl-2 mb-2">
+            <input 
+                id="enddateID"
+                name="enddate"
+                class="form-control form-control-lg bg-field border-0 rounded-lg" 
+                type="date" 
+                autocomplete="off"
+                hx-get={ hxGet }
+                hx-trigger={ hxTrigger }
+                hx-include={ hxInclude }
+                hx-swap={ hxSwap }
+                hx-target={ hxTarget }
+                hx-on::before-request={ hxBeforeRequest }
+                hx-on::after-request={ hxAfterRequest }
+            />
+        </div>
+        <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 mb-2">
+            <input 
+                id="searchID"
+                name="search"
+                class="form-control form-control-lg bg-field border-0 rounded-lg"
+                type="text"
+                placeholder="nama karyawan"
+                hx-get={ hxGet }
+                hx-trigger={ hxTrigger }
+                hx-include={ hxInclude }
+                hx-swap={ hxSwap }
+                hx-target={ hxTarget }
+                hx-on::before-request={ hxBeforeRequest }
+                hx-on::after-request={ hxAfterRequest }
+            />
+        </div>
+    </div>
+}
--- a/views/public/dashboardpic/filterdashboardpic_templ.go
+++ b/views/public/dashboardpic/filterdashboardpic_templ.go
@@ -0,0 +1,316 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package public_dashboardpic
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+func FilterListing(
+	hxGet string,
+	hxTrigger string,
+	hxInclude string,
+	hxSwap string,
+	hxTarget string,
+	hxBeforeRequest templ.ComponentScript,
+	hxAfterRequest templ.ComponentScript,
+) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"row pt-8 align-items-center\"><div class=\"col-12 col-sm-3 col-md-1 col-lg-1 col-xl-1 mb-2\"><label class=\"text-black font-weight-bolder\">Stard Date:</label></div><div class=\"col-12 col-sm-9 col-md-2 col-lg-2 col-xl-2 mb-2\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, hxBeforeRequest, hxAfterRequest)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<input id=\"startdateID\" name=\"startdate\" class=\"form-control form-control-lg bg-field border-0 rounded-lg\" type=\"date\" autocomplete=\"off\" hx-get=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(hxGet)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\filterdashboardpic.templ`, Line: 23, Col: 30}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-trigger=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var3 string
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(hxTrigger)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\filterdashboardpic.templ`, Line: 24, Col: 38}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-include=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var4 string
+		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(hxInclude)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\filterdashboardpic.templ`, Line: 25, Col: 38}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var5 string
+		templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwap)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\filterdashboardpic.templ`, Line: 26, Col: 32}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var6 string
+		templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(hxTarget)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\filterdashboardpic.templ`, Line: 27, Col: 36}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::before-request=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var7 templ.ComponentScript = hxBeforeRequest
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var7.Call)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::after-request=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var8 templ.ComponentScript = hxAfterRequest
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var8.Call)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"></div><div class=\"col-12 col-sm-3 col-md-1 col-lg-1 col-xl-1 mb-2\"><label class=\"text-black font-weight-bolder\">End Date:</label></div><div class=\"col-12 col-sm-9 col-md-2 col-lg-2 col-xl-2 mb-2\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, hxBeforeRequest, hxAfterRequest)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<input id=\"enddateID\" name=\"enddate\" class=\"form-control form-control-lg bg-field border-0 rounded-lg\" type=\"date\" autocomplete=\"off\" hx-get=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var9 string
+		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(hxGet)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\filterdashboardpic.templ`, Line: 42, Col: 30}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-trigger=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var10 string
+		templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs(hxTrigger)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\filterdashboardpic.templ`, Line: 43, Col: 38}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-include=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var11 string
+		templ_7745c5c3_Var11, templ_7745c5c3_Err = templ.JoinStringErrs(hxInclude)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\filterdashboardpic.templ`, Line: 44, Col: 38}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var11))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var12 string
+		templ_7745c5c3_Var12, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwap)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\filterdashboardpic.templ`, Line: 45, Col: 32}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var12))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var13 string
+		templ_7745c5c3_Var13, templ_7745c5c3_Err = templ.JoinStringErrs(hxTarget)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\filterdashboardpic.templ`, Line: 46, Col: 36}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var13))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::before-request=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var14 templ.ComponentScript = hxBeforeRequest
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var14.Call)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::after-request=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var15 templ.ComponentScript = hxAfterRequest
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var15.Call)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"></div><div class=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 mb-2\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, hxBeforeRequest, hxAfterRequest)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<input id=\"searchID\" name=\"search\" class=\"form-control form-control-lg bg-field border-0 rounded-lg\" type=\"text\" placeholder=\"nama karyawan\" hx-get=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var16 string
+		templ_7745c5c3_Var16, templ_7745c5c3_Err = templ.JoinStringErrs(hxGet)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\filterdashboardpic.templ`, Line: 58, Col: 30}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var16))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-trigger=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var17 string
+		templ_7745c5c3_Var17, templ_7745c5c3_Err = templ.JoinStringErrs(hxTrigger)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\filterdashboardpic.templ`, Line: 59, Col: 38}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var17))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-include=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var18 string
+		templ_7745c5c3_Var18, templ_7745c5c3_Err = templ.JoinStringErrs(hxInclude)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\filterdashboardpic.templ`, Line: 60, Col: 38}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var18))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var19 string
+		templ_7745c5c3_Var19, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwap)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\filterdashboardpic.templ`, Line: 61, Col: 32}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var19))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var20 string
+		templ_7745c5c3_Var20, templ_7745c5c3_Err = templ.JoinStringErrs(hxTarget)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\filterdashboardpic.templ`, Line: 62, Col: 36}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var20))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::before-request=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var21 templ.ComponentScript = hxBeforeRequest
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var21.Call)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::after-request=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var22 templ.ComponentScript = hxAfterRequest
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var22.Call)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"></div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/views/public/dashboardpic/listingdashboardpic.templ
+++ b/views/public/dashboardpic/listingdashboardpic.templ
@@ -0,0 +1,42 @@
+package public_dashboardpic
+
+import "cpone/models"
+import "strconv"
+
+templ ListingData(
+    data []models.DashboardPic,
+    listID string,
+) {
+    <div id={listID} class="align-items-center pt-8 flex-column" hx-swap-oob="true">
+        <div class="bg-field rounded">
+            <div class="p-8">
+                for i, d := range data {
+                    if i == (len(data) - 1)  {
+                        <div id={ strconv.Itoa(int(d.Mgm_McuID)) } class="card shadow p-8">
+                            @ItemCard(d)
+                        </div>
+                    } else {
+                        <div id={ strconv.Itoa(int(d.Mgm_McuID)) } class="card shadow p-8 mb-8">
+                            @ItemCard(d)
+                        </div>        
+                    }
+                }
+            </div>
+        </div>
+    </div>
+}
+
+templ ItemCard(data models.DashboardPic) {
+    <div class="row d-flex align-items-center">
+        <div class="col-7">
+            <h3 class="text-black">{ data.Mgm_McuLabel }</h3>
+        </div>
+        <div class="col-md col-lg text-right">
+            <span class="text-black font-weight-bolder">{ data.Mgm_McuNote }</span>
+        </div>
+        <div class="col-md col-lg text-right">
+            <span class="text-black font-weight-bolder">{ data.Mgm_McuStartDate } - { data.Mgm_McuEndDate }</span>
+        </div>
+    </div>    
+}
+
--- a/views/public/dashboardpic/listingdashboardpic_templ.go
+++ b/views/public/dashboardpic/listingdashboardpic_templ.go
@@ -0,0 +1,189 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package public_dashboardpic
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import "cpone/models"
+import "strconv"
+
+func ListingData(
+	data []models.DashboardPic,
+	listID string,
+) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(listID)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\listingdashboardpic.templ`, Line: 10, Col: 19}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"align-items-center pt-8 flex-column\" hx-swap-oob=\"true\"><div class=\"bg-field rounded\"><div class=\"p-8\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for i, d := range data {
+			if i == (len(data) - 1) {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var3 string
+				templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(strconv.Itoa(int(d.Mgm_McuID)))
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\listingdashboardpic.templ`, Line: 15, Col: 64}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"card shadow p-8\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				templ_7745c5c3_Err = ItemCard(d).Render(ctx, templ_7745c5c3_Buffer)
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			} else {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var4 string
+				templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(strconv.Itoa(int(d.Mgm_McuID)))
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\listingdashboardpic.templ`, Line: 19, Col: 64}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"card shadow p-8 mb-8\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				templ_7745c5c3_Err = ItemCard(d).Render(ctx, templ_7745c5c3_Buffer)
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func ItemCard(data models.DashboardPic) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var5 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var5 == nil {
+			templ_7745c5c3_Var5 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"row d-flex align-items-center\"><div class=\"col-7\"><h3 class=\"text-black\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var6 string
+		templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(data.Mgm_McuLabel)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\listingdashboardpic.templ`, Line: 32, Col: 54}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</h3></div><div class=\"col-md col-lg text-right\"><span class=\"text-black font-weight-bolder\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var7 string
+		templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(data.Mgm_McuNote)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\listingdashboardpic.templ`, Line: 35, Col: 74}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</span></div><div class=\"col-md col-lg text-right\"><span class=\"text-black font-weight-bolder\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var8 string
+		templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(data.Mgm_McuStartDate)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\listingdashboardpic.templ`, Line: 38, Col: 79}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" - ")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var9 string
+		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(data.Mgm_McuEndDate)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\public\dashboardpic\listingdashboardpic.templ`, Line: 38, Col: 105}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</span></div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/views/public/landingpage/landingpage.templ
+++ b/views/public/landingpage/landingpage.templ
@@ -19,7 +19,12 @@ templ MainLandingPage(medicalServiceComponent templ.Component, listAdvantageComp
 					alt="Your Brand"
 				/>
 			</a>
-			<button type="button" class="btn btn-lg btn-primary btn-pill">
+			<button 
+        id="btn_login"
+        hx-get="/home/login"
+        type="button" 
+        class="btn btn-lg btn-primary btn-pill"
+      >
 				<span class="title">Login</span>
 			</button>
 		</nav>
--- a/views/public/landingpage/landingpage_templ.go
+++ b/views/public/landingpage/landingpage_templ.go
@@ -27,7 +27,7 @@ func MainLandingPage(medicalServiceComponent templ.Component, listAdvantageCompo
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"wrapper-custom mb-25\"><!-- Navbar Start --><nav class=\"navbar navbar-expand-sm navbar-expand-lg navbar-lp justify-content-between\"><a class=\"navbar-brand\" href=\"#\"><img src=\"/asset-corporate-portal/media/landingpage/logo.png\" width=\"126\" height=\"40\" class=\"d-inline-block align-top\" alt=\"Your Brand\"></a> <button type=\"button\" class=\"btn btn-lg btn-primary btn-pill\"><span class=\"title\">Login</span></button></nav><!-- Navbar End --><!-- jumbotron START --><!-- <div class=\"jumbotron jumbotron-lp d-none d-lg-block\"> -->")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"wrapper-custom mb-25\"><!-- Navbar Start --><nav class=\"navbar navbar-expand-sm navbar-expand-lg navbar-lp justify-content-between\"><a class=\"navbar-brand\" href=\"#\"><img src=\"/asset-corporate-portal/media/landingpage/logo.png\" width=\"126\" height=\"40\" class=\"d-inline-block align-top\" alt=\"Your Brand\"></a> <button id=\"btn_login\" hx-get=\"/home/login\" type=\"button\" class=\"btn btn-lg btn-primary btn-pill\"><span class=\"title\">Login</span></button></nav><!-- Navbar End --><!-- jumbotron START --><!-- <div class=\"jumbotron jumbotron-lp d-none d-lg-block\"> -->")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
--- a/views/public/login/logincomponent.templ
+++ b/views/public/login/logincomponent.templ
@@ -113,6 +113,9 @@ templ FormSignin() {
 		<!--begin::Action-->
 		<div class="pb-lg-0 pb-5 pt-5">
 			<button
+				hx-post="/login/signin"
+				hx-swap="outerHTML"
+				hx-target="#kt_login"
 				type="button"
 				id="kt_login_signin_submit"
 				class="btn btn-block font-weight-bolder text-white font-size-h6 px-8 py-4 my-3 mr-3 mt-5 btn-primary"
@@ -271,4 +274,4 @@ templ ForgotPassword() {
 		</div>
 		<!--end::Form group-->
 	</form>
-}
+}
--- a/views/public/login/logincomponent_templ.go
+++ b/views/public/login/logincomponent_templ.go
@@ -47,7 +47,7 @@ func FormSignin() templ.Component {
 			templ_7745c5c3_Var2 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<form class=\"form\" novalidate=\"novalidate\" id=\"kt_login_signin_form\"><!--begin::Title--><div class=\"d-flex justify-content-center mb-5\"><img src=\"/asset-corporate-portal/media/logo/logo.png\" alt=\"\" style=\"height: 103px\"></div><div class=\"pt-2\"><h3 class=\"d-flex justify-content-center title-company text-dark\">Welcome to Corporate Portal\r</h3></div><div class=\"pb-10 pt-0\"><h3 class=\"subtitle-company\" style=\"color: #a7a8bb\">Sign in to access your account\r</h3></div><!--begin::Title--><!--begin::Form group--><div class=\"form-group\"><label class=\"font-size-h6 font-weight-bolder text-dark\">Email</label> <input class=\"form-control form-control-solid h-auto py-7 px-6 rounded-lg\" type=\"text\" name=\"username\" autocomplete=\"off\" placeholder=\"Enter your email\"></div><!--end::Form group--><!--begin::Form group--><div class=\"form-group\"><div class=\"d-flex justify-content-between mt-n5\"><label class=\"font-size-h6 font-weight-bolder text-dark pt-5\">Password</label></div><div class=\"input-group\"><!-- form-control form-control-solid --><input class=\"h-auto form-control form-control-solid py-7 px-6 rounded-lg rounded-right-0\" type=\"password\" name=\"password\" id=\"user-password\" autocomplete=\"off\" placeholder=\"Enter your password\"><div class=\"input-group-append\"><span class=\"input-group-text rounded-lg rounded-left-0\" style=\"border: 0\"><!-- far fa-eye-slash --><a class=\"btn\" role=\"button\" id=\"btn-show\"><i class=\"far fa-eye-slash\" id=\"password-icon\"></i></a></span></div></div></div><div class=\"d-flex justify-content-end\"><a href=\"javascript:;\" class=\"font-size-h6 font-weight-bolder text-hover-primary mb-5 text-primary\" id=\"kt_login_forgot\">Forgot Password ?\r</a></div><!--end::Form group--><!--begin::Action--><div class=\"pb-lg-0 pb-5 pt-5\"><button type=\"button\" id=\"kt_login_signin_submit\" class=\"btn btn-block font-weight-bolder text-white font-size-h6 px-8 py-4 my-3 mr-3 mt-5 btn-primary\">Sign In\r</button></div><!--end::Action--></form>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<form class=\"form\" novalidate=\"novalidate\" id=\"kt_login_signin_form\"><!--begin::Title--><div class=\"d-flex justify-content-center mb-5\"><img src=\"/asset-corporate-portal/media/logo/logo.png\" alt=\"\" style=\"height: 103px\"></div><div class=\"pt-2\"><h3 class=\"d-flex justify-content-center title-company text-dark\">Welcome to Corporate Portal\r</h3></div><div class=\"pb-10 pt-0\"><h3 class=\"subtitle-company\" style=\"color: #a7a8bb\">Sign in to access your account\r</h3></div><!--begin::Title--><!--begin::Form group--><div class=\"form-group\"><label class=\"font-size-h6 font-weight-bolder text-dark\">Email</label> <input class=\"form-control form-control-solid h-auto py-7 px-6 rounded-lg\" type=\"text\" name=\"username\" autocomplete=\"off\" placeholder=\"Enter your email\"></div><!--end::Form group--><!--begin::Form group--><div class=\"form-group\"><div class=\"d-flex justify-content-between mt-n5\"><label class=\"font-size-h6 font-weight-bolder text-dark pt-5\">Password</label></div><div class=\"input-group\"><!-- form-control form-control-solid --><input class=\"h-auto form-control form-control-solid py-7 px-6 rounded-lg rounded-right-0\" type=\"password\" name=\"password\" id=\"user-password\" autocomplete=\"off\" placeholder=\"Enter your password\"><div class=\"input-group-append\"><span class=\"input-group-text rounded-lg rounded-left-0\" style=\"border: 0\"><!-- far fa-eye-slash --><a class=\"btn\" role=\"button\" id=\"btn-show\"><i class=\"far fa-eye-slash\" id=\"password-icon\"></i></a></span></div></div></div><div class=\"d-flex justify-content-end\"><a href=\"javascript:;\" class=\"font-size-h6 font-weight-bolder text-hover-primary mb-5 text-primary\" id=\"kt_login_forgot\">Forgot Password ?\r</a></div><!--end::Form group--><!--begin::Action--><div class=\"pb-lg-0 pb-5 pt-5\"><button hx-post=\"/login/signin\" hx-swap=\"outerHTML\" hx-target=\"#kt_login\" type=\"button\" id=\"kt_login_signin_submit\" class=\"btn btn-block font-weight-bolder text-white font-size-h6 px-8 py-4 my-3 mr-3 mt-5 btn-primary\">Sign In\r</button></div><!--end::Action--></form>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
Author	SHA1	Message	Date
adibwp	70f4de9060	add public dashboard_pic	2024-06-12 15:56:20 +07:00
adibwp	2fd1a19c7e	add store to localStorage	2024-06-12 14:47:07 +07:00
adibwp	17c70e13fc	add login multi api & redirect	2024-06-12 09:22:42 +07:00