<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">
    <head>

        <!-- META DATA -->
        <meta charset="UTF-8">
        <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="description" content="Login - <?php echo e(config('app.name', 'Laravel')); ?>">
        <meta name="author" content="Spruko Technologies Private Limited">
        <meta name="keywords" content="admin,admin dashboard,admin panel,admin template,bootstrap,clean,dashboard,flat,jquery,modern,responsive,premium admin templates,responsive admin,ui,ui kit.">
        <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
        <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

        <!-- FAVICON -->
        <link rel="shortcut icon" type="image/x-icon" href="<?php echo e(asset('images/Logo-Kalbe.svg')); ?>" />

        <!-- TITLE -->
        <title><?php echo e(config('app.name', 'Laravel')); ?></title>

        <!-- BOOTSTRAP CSS -->
        <link id="style" href="<?php echo e(asset('assets/plugins/bootstrap/css/bootstrap.min.css')); ?>" rel="stylesheet" />

        <!-- STYLE CSS -->
        <link href="<?php echo e(asset('assets/css/style.css')); ?>" rel="stylesheet"/>
        <link href="<?php echo e(asset('assets/css/skin-modes.css')); ?>" rel="stylesheet" />

        <!--- FONT-ICONS CSS -->
        <link href="<?php echo e(asset('assets/css/icons.css')); ?>" rel="stylesheet"/>

        <style type="text/css">
        .mapael .map {
            position: relative;
        }

        .mapael .mapTooltip {
            position: absolute;
            background-color: #fff;
            /* moz-opacity: 0.90; */
            /* opacity: 0.90; */
            /* filter: alpha(opacity=70); */
            border-radius: 10px;
            padding: 10px;
            z-index: 1000;
            /* max-width: 200px; */
            display: none;
            color: #000;
        }
        </style>
    </head>

    <body class="ltr app sidebar-mini sidenav-toggled">

        <!-- GLOBAL-LOADER -->
        <div id="global-loader">
            <img src="<?php echo e(asset('assets/images/loader.svg')); ?>" class="loader-img" alt="Loader">
        </div>
        <!-- /GLOBAL-LOADER -->

        <!-- PAGE -->
        <div class="page">
            <div class="page-main">

                <!-- app-Header -->
                <div class="app-header header sticky">
                    <div class="container-fluid main-container">
                        <div class="d-flex">
                            <a aria-label="Hide Sidebar" class="app-sidebar__toggle" data-bs-toggle="sidebar" href="#"></a>
                            <!-- sidebar-toggle-->
                            <a class="logo-horizontal " href="index.html">
                                <img src="<?php echo e(asset('images/Logo-Kalbe.svg')); ?>" class="header-brand-img desktop-logo" alt="logo">
                                <img src="<?php echo e(asset('images/Logo-Kalbe.svg')); ?>" class="header-brand-img light-logo1"
                                    alt="logo">
                            </a>
                            <!-- LOGO -->
                            <div class="main-header-center ms-3 d-none d-xl-block">
                                <input class="form-control" placeholder="Search for results..." type="search">
                                <button class="btn">
                                    <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path  d="M21.2529297,17.6464844l-2.8994141-2.8994141c-0.0021973-0.0021973-0.0043945-0.0043945-0.0065918-0.0065918c-0.8752441-0.8721313-2.2249146-0.9760132-3.2143555-0.3148804l-0.8467407-0.8467407c1.0981445-1.2668457,1.7143555-2.887146,1.715332-4.5747681c0.0021973-3.8643799-3.1286621-6.9989014-6.993042-7.0011597S2.0092773,5.1315308,2.007019,8.9959106S5.1356201,15.994812,9,15.9970703c1.6889038,0.0029907,3.3114014-0.6120605,4.5789185-1.7111206l0.84729,0.84729c-0.6630859,0.9924316-0.5566406,2.3459473,0.3208618,3.2202759l2.8994141,2.8994141c0.4780884,0.4786987,1.1271973,0.7471313,1.8037109,0.7460938c0.6766357,0.0001831,1.3256226-0.2686768,1.803894-0.7472534C22.2493286,20.2558594,22.2488403,18.6417236,21.2529297,17.6464844z M9.0084229,14.9970703c-3.3120728,0.0023193-5.9989624-2.6807861-6.0012817-5.9928589S5.6879272,3.005249,9,3.0029297c1.5910034-0.0026855,3.1175537,0.628479,4.2421875,1.7539062c1.1252441,1.1238403,1.7579956,2.6486206,1.7590942,4.2389526C15.0036011,12.3078613,12.3204956,14.994751,9.0084229,14.9970703z M20.5458984,20.5413818c-0.604126,0.6066284-1.5856934,0.6087036-2.1923828,0.0045166l-2.8994141-2.8994141c-0.2913818-0.2910156-0.4549561-0.6861572-0.4544678-1.0979614C15.0006714,15.6928101,15.6951294,15,16.5507812,15.0009766c0.4109497-0.0005493,0.8051758,0.1624756,1.0957031,0.453125l2.8994141,2.8994141C21.1482544,18.9584351,21.1482544,19.9364624,20.5458984,20.5413818z"/></svg>
                                </button>
                            </div>
                            <div class="d-flex order-lg-2 ms-auto header-right-icons">
                                <div class="dropdown d-xl-none d-md-block d-none">
                                    <a href="#" class="nav-link icon" data-bs-toggle="dropdown">
                                        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path fill="" d="M21.2529297,17.6464844l-2.8994141-2.8994141c-0.0021973-0.0021973-0.0043945-0.0043945-0.0065918-0.0065918c-0.8752441-0.8721313-2.2249146-0.9760132-3.2143555-0.3148804l-0.8467407-0.8467407c1.0981445-1.2668457,1.7143555-2.887146,1.715332-4.5747681c0.0021973-3.8643799-3.1286621-6.9989014-6.993042-7.0011597S2.0092773,5.1315308,2.007019,8.9959106S5.1356201,15.994812,9,15.9970703c1.6889038,0.0029907,3.3114014-0.6120605,4.5789185-1.7111206l0.84729,0.84729c-0.6630859,0.9924316-0.5566406,2.3459473,0.3208618,3.2202759l2.8994141,2.8994141c0.4780884,0.4786987,1.1271973,0.7471313,1.8037109,0.7460938c0.6766357,0.0001831,1.3256226-0.2686768,1.803894-0.7472534C22.2493286,20.2558594,22.2488403,18.6417236,21.2529297,17.6464844z M9.0084229,14.9970703c-3.3120728,0.0023193-5.9989624-2.6807861-6.0012817-5.9928589S5.6879272,3.005249,9,3.0029297c1.5910034-0.0026855,3.1175537,0.628479,4.2421875,1.7539062c1.1252441,1.1238403,1.7579956,2.6486206,1.7590942,4.2389526C15.0036011,12.3078613,12.3204956,14.994751,9.0084229,14.9970703z M20.5458984,20.5413818c-0.604126,0.6066284-1.5856934,0.6087036-2.1923828,0.0045166l-2.8994141-2.8994141c-0.2913818-0.2910156-0.4549561-0.6861572-0.4544678-1.0979614C15.0006714,15.6928101,15.6951294,15,16.5507812,15.0009766c0.4109497-0.0005493,0.8051758,0.1624756,1.0957031,0.453125l2.8994141,2.8994141C21.1482544,18.9584351,21.1482544,19.9364624,20.5458984,20.5413818z"/></svg>
                                    </a>
                                    <div class="dropdown-menu header-search dropdown-menu-start">
                                        <div class="input-group w-100 p-2">
                                            <input type="text" class="form-control" placeholder="Search....">
                                            <div class="input-group-text btn btn-primary">
                                                <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path  d="M21.2529297,17.6464844l-2.8994141-2.8994141c-0.0021973-0.0021973-0.0043945-0.0043945-0.0065918-0.0065918c-0.8752441-0.8721313-2.2249146-0.9760132-3.2143555-0.3148804l-0.8467407-0.8467407c1.0981445-1.2668457,1.7143555-2.887146,1.715332-4.5747681c0.0021973-3.8643799-3.1286621-6.9989014-6.993042-7.0011597S2.0092773,5.1315308,2.007019,8.9959106S5.1356201,15.994812,9,15.9970703c1.6889038,0.0029907,3.3114014-0.6120605,4.5789185-1.7111206l0.84729,0.84729c-0.6630859,0.9924316-0.5566406,2.3459473,0.3208618,3.2202759l2.8994141,2.8994141c0.4780884,0.4786987,1.1271973,0.7471313,1.8037109,0.7460938c0.6766357,0.0001831,1.3256226-0.2686768,1.803894-0.7472534C22.2493286,20.2558594,22.2488403,18.6417236,21.2529297,17.6464844z M9.0084229,14.9970703c-3.3120728,0.0023193-5.9989624-2.6807861-6.0012817-5.9928589S5.6879272,3.005249,9,3.0029297c1.5910034-0.0026855,3.1175537,0.628479,4.2421875,1.7539062c1.1252441,1.1238403,1.7579956,2.6486206,1.7590942,4.2389526C15.0036011,12.3078613,12.3204956,14.994751,9.0084229,14.9970703z M20.5458984,20.5413818c-0.604126,0.6066284-1.5856934,0.6087036-2.1923828,0.0045166l-2.8994141-2.8994141c-0.2913818-0.2910156-0.4549561-0.6861572-0.4544678-1.0979614C15.0006714,15.6928101,15.6951294,15,16.5507812,15.0009766c0.4109497-0.0005493,0.8051758,0.1624756,1.0957031,0.453125l2.8994141,2.8994141C21.1482544,18.9584351,21.1482544,19.9364624,20.5458984,20.5413818z"/></svg>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- SEARCH -->
                                <button class="navbar-toggler navresponsive-toggler d-md-none ms-auto" type="button"
                                    data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent-4"
                                    aria-controls="navbarSupportedContent-4" aria-expanded="false"
                                    aria-label="Toggle navigation">
                                    <span class="navbar-toggler-icon fe fe-more-vertical"></span>
                                </button>
                                <div class="navbar navbar-collapse responsive-navbar p-0">
                                    <div class="collapse navbar-collapse" id="navbarSupportedContent-4">
                                        <div class="d-flex order-lg-2">
                                            <div class="dropdown d-md-none d-flex">
                                                <a href="#" class="nav-link icon" data-bs-toggle="dropdown">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="header-icon" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path  d="M21.2529297,17.6464844l-2.8994141-2.8994141c-0.0021973-0.0021973-0.0043945-0.0043945-0.0065918-0.0065918c-0.8752441-0.8721313-2.2249146-0.9760132-3.2143555-0.3148804l-0.8467407-0.8467407c1.0981445-1.2668457,1.7143555-2.887146,1.715332-4.5747681c0.0021973-3.8643799-3.1286621-6.9989014-6.993042-7.0011597S2.0092773,5.1315308,2.007019,8.9959106S5.1356201,15.994812,9,15.9970703c1.6889038,0.0029907,3.3114014-0.6120605,4.5789185-1.7111206l0.84729,0.84729c-0.6630859,0.9924316-0.5566406,2.3459473,0.3208618,3.2202759l2.8994141,2.8994141c0.4780884,0.4786987,1.1271973,0.7471313,1.8037109,0.7460938c0.6766357,0.0001831,1.3256226-0.2686768,1.803894-0.7472534C22.2493286,20.2558594,22.2488403,18.6417236,21.2529297,17.6464844z M9.0084229,14.9970703c-3.3120728,0.0023193-5.9989624-2.6807861-6.0012817-5.9928589S5.6879272,3.005249,9,3.0029297c1.5910034-0.0026855,3.1175537,0.628479,4.2421875,1.7539062c1.1252441,1.1238403,1.7579956,2.6486206,1.7590942,4.2389526C15.0036011,12.3078613,12.3204956,14.994751,9.0084229,14.9970703z M20.5458984,20.5413818c-0.604126,0.6066284-1.5856934,0.6087036-2.1923828,0.0045166l-2.8994141-2.8994141c-0.2913818-0.2910156-0.4549561-0.6861572-0.4544678-1.0979614C15.0006714,15.6928101,15.6951294,15,16.5507812,15.0009766c0.4109497-0.0005493,0.8051758,0.1624756,1.0957031,0.453125l2.8994141,2.8994141C21.1482544,18.9584351,21.1482544,19.9364624,20.5458984,20.5413818z"/></svg>
                                                </a>
                                                <div class="dropdown-menu header-search dropdown-menu-start">
                                                    <div class="input-group w-100 p-2">
                                                        <input type="text" class="form-control" placeholder="Search....">
                                                        <div class="input-group-text btn btn-primary">
                                                            <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path  d="M21.2529297,17.6464844l-2.8994141-2.8994141c-0.0021973-0.0021973-0.0043945-0.0043945-0.0065918-0.0065918c-0.8752441-0.8721313-2.2249146-0.9760132-3.2143555-0.3148804l-0.8467407-0.8467407c1.0981445-1.2668457,1.7143555-2.887146,1.715332-4.5747681c0.0021973-3.8643799-3.1286621-6.9989014-6.993042-7.0011597S2.0092773,5.1315308,2.007019,8.9959106S5.1356201,15.994812,9,15.9970703c1.6889038,0.0029907,3.3114014-0.6120605,4.5789185-1.7111206l0.84729,0.84729c-0.6630859,0.9924316-0.5566406,2.3459473,0.3208618,3.2202759l2.8994141,2.8994141c0.4780884,0.4786987,1.1271973,0.7471313,1.8037109,0.7460938c0.6766357,0.0001831,1.3256226-0.2686768,1.803894-0.7472534C22.2493286,20.2558594,22.2488403,18.6417236,21.2529297,17.6464844z M9.0084229,14.9970703c-3.3120728,0.0023193-5.9989624-2.6807861-6.0012817-5.9928589S5.6879272,3.005249,9,3.0029297c1.5910034-0.0026855,3.1175537,0.628479,4.2421875,1.7539062c1.1252441,1.1238403,1.7579956,2.6486206,1.7590942,4.2389526C15.0036011,12.3078613,12.3204956,14.994751,9.0084229,14.9970703z M20.5458984,20.5413818c-0.604126,0.6066284-1.5856934,0.6087036-2.1923828,0.0045166l-2.8994141-2.8994141c-0.2913818-0.2910156-0.4549561-0.6861572-0.4544678-1.0979614C15.0006714,15.6928101,15.6951294,15,16.5507812,15.0009766c0.4109497-0.0005493,0.8051758,0.1624756,1.0957031,0.453125l2.8994141,2.8994141C21.1482544,18.9584351,21.1482544,19.9364624,20.5458984,20.5413818z"/></svg>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- SEARCH -->
                                            <div class="dropdown  d-flex">
                                                <a class="nav-link icon theme-layout nav-link-bg layout-setting">
                                                    <span class="dark-layout">
                                                        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M22.0482178,13.2746582c-0.1265259-0.2453003-0.4279175-0.3416138-0.6732178-0.2150879C20.1774902,13.6793823,18.8483887,14.0019531,17.5,14c-0.8480835-0.0005493-1.6913452-0.1279297-2.50177-0.3779297c-4.4887085-1.3847046-7.0050049-6.1460571-5.6203003-10.6347656c0.0320435-0.1033325,0.0296021-0.2142944-0.0068359-0.3161621C9.2781372,2.411377,8.9921875,2.2761841,8.7324219,2.3691406C4.6903076,3.800293,1.9915771,7.626709,2,11.9146729C2.0109863,17.4956055,6.5440674,22.0109863,12.125,22c4.9342651,0.0131226,9.1534424-3.5461426,9.9716797-8.4121094C22.1149292,13.4810181,22.0979614,13.3710327,22.0482178,13.2746582z M16.0877075,20.0958252c-4.5321045,2.1853027-9.9776611,0.2828979-12.1630249-4.2492065S3.6417236,5.8689575,8.1738281,3.6835938C8.0586548,4.2776489,8.0004272,4.8814087,8,5.4865723C7.9962769,10.7369385,12.2495728,14.9962769,17.5,15c1.1619263,0.0023193,2.3140869-0.2119751,3.3974609-0.6318359C20.1879272,16.8778076,18.4368896,18.9630127,16.0877075,20.0958252z"/></svg>
                                                    </span>
                                                    <span class="light-layout">
                                                        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M6.3427734,16.9501953l-1.4140625,1.4140625c-0.09375,0.09375-0.1463623,0.2208862-0.1464233,0.3534546c0,0.276123,0.2238159,0.5,0.499939,0.500061c0.1326294,0.0001831,0.2598877-0.0525513,0.3535156-0.1464844l1.4140015-1.4140625c0.0024414-0.0023804,0.0047607-0.0047607,0.0071411-0.0071411c0.1932373-0.1971436,0.1900635-0.5137329-0.0071411-0.7069702C6.8526001,16.7498169,6.5360718,16.7529907,6.3427734,16.9501953z M6.3427734,7.0498047c0.0936279,0.0939331,0.2208862,0.1466675,0.3535156,0.1464844c0.1325684,0,0.2597046-0.0526733,0.3534546-0.1464233c0.1952515-0.1952515,0.1953125-0.5118408,0.000061-0.7070923L5.6356812,4.9287109c-0.1943359-0.1904907-0.5054321-0.1904907-0.6998291,0C4.7386475,5.1220093,4.7354736,5.4385376,4.9287109,5.6357422L6.3427734,7.0498047z M12,5h0.0006104C12.2765503,4.9998169,12.5001831,4.776001,12.5,4.5v-2C12.5,2.223877,12.276123,2,12,2s-0.5,0.223877-0.5,0.5v2.0006104C11.5001831,4.7765503,11.723999,5.0001831,12,5z M17.3037109,7.1962891c0.1326294,0.0001831,0.2598877-0.0525513,0.3535156-0.1464844l1.4140625-1.4141235c0.0023804-0.0023193,0.0047607-0.0046997,0.0070801-0.0070801c0.1932983-0.1972046,0.1900635-0.5137329-0.0070801-0.7070312c-0.1972046-0.1932373-0.5137329-0.1900635-0.7070312,0.0071411l-1.4140625,1.4140625c-0.09375,0.09375-0.1463623,0.2208862-0.1464233,0.3534546C16.803772,6.9723511,17.0275879,7.196228,17.3037109,7.1962891z M5,12c0-0.276123-0.223877-0.5-0.5-0.5h-2C2.223877,11.5,2,11.723877,2,12s0.223877,0.5,0.5,0.5h2C4.776123,12.5,5,12.276123,5,12z M17.6572266,16.9502563c-0.0023804-0.0023804-0.0046997-0.0047607-0.0070801-0.0070801c-0.1972046-0.1932983-0.5137329-0.1901245-0.7070312,0.0070801c-0.1932373,0.1971436-0.1901245,0.5136719,0.0070801,0.7069702l1.4140625,1.4140625c0.0936279,0.0939331,0.2208252,0.1466675,0.3534546,0.1464844c0.1325684,0,0.2597046-0.0526733,0.3534546-0.1463623c0.1953125-0.1952515,0.1953125-0.5118408,0.0001221-0.7070923L17.6572266,16.9502563z M12,19c-0.276123,0-0.5,0.223877-0.5,0.5v2.0005493C11.5001831,21.7765503,11.723999,22.0001831,12,22h0.0006104c0.2759399-0.0001831,0.4995728-0.223999,0.4993896-0.5v-2C12.5,19.223877,12.276123,19,12,19z M21.5,11.5h-2c-0.276123,0-0.5,0.223877-0.5,0.5s0.223877,0.5,0.5,0.5h2c0.276123,0,0.5-0.223877,0.5-0.5S21.776123,11.5,21.5,11.5z M12,6.5c-3.0375366,0-5.5,2.4624634-5.5,5.5s2.4624634,5.5,5.5,5.5c3.0360107-0.0037842,5.4962158-2.4639893,5.5-5.5C17.5,8.9624634,15.0375366,6.5,12,6.5z M12,16.5c-2.4852905,0-4.5-2.0147095-4.5-4.5S9.5147095,7.5,12,7.5c2.4841309,0.0026855,4.4973145,2.0158691,4.5,4.5C16.5,14.4852905,14.4852905,16.5,12,16.5z"/></svg>
                                                    </span>
                                                </a>
                                            </div>
                                            <!-- Theme-Layout -->
                                            <div class="dropdown d-md-flex">
                                                <a class="nav-link icon full-screen-link nav-link-bg">
                                                    <svg xmlns="http://www.w3.org/2000/svg"  enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M8.5,21H3v-5.5C3,15.223877,2.776123,15,2.5,15S2,15.223877,2,15.5v6.0005493C2.0001831,21.7765503,2.223999,22.0001831,2.5,22h6C8.776123,22,9,21.776123,9,21.5S8.776123,21,8.5,21z M8.5,2H2.4993896C2.2234497,2.0001831,1.9998169,2.223999,2,2.5v6.0005493C2.0001831,8.7765503,2.223999,9.0001831,2.5,9h0.0006104C2.7765503,8.9998169,3.0001831,8.776001,3,8.5V3h5.5C8.776123,3,9,2.776123,9,2.5S8.776123,2,8.5,2z M21.5,15c-0.276123,0-0.5,0.223877-0.5,0.5V21h-5.5c-0.276123,0-0.5,0.223877-0.5,0.5s0.223877,0.5,0.5,0.5h6.0006104C21.7765503,21.9998169,22.0001831,21.776001,22,21.5v-6C22,15.223877,21.776123,15,21.5,15z M21.5,2h-6C15.223877,2,15,2.223877,15,2.5S15.223877,3,15.5,3H21v5.5005493C21.0001831,8.7765503,21.223999,9.0001831,21.5,9h0.0006104C21.7765503,8.9998169,22.0001831,8.776001,22,8.5V2.4993896C21.9998169,2.2234497,21.776001,1.9998169,21.5,2z"/></svg>
                                                </a>
                                            </div>
                                            <!-- NOTIFICATIONS -->
                                            <div class="dropdown d-md-flex profile-1">
                                                <a href="#" data-bs-toggle="dropdown" class="nav-link pe-2 leading-none d-flex animate">
                                                    <span>
                                                        <img src="<?php echo e(asset('images/Logo-Kalbe.svg')); ?>" alt="profile-user"
                                                            class="avatar  profile-user brround cover-image">
                                                    </span>
                                                    <div class="text-center p-1 d-flex d-lg-none-max">
                                                        <h6 class="mb-0" id="profile-heading"><?php echo e(Auth::user()->name ?? '-'); ?><i class="user-angle ms-1 fa fa-angle-down "></i></h6>
                                                    </div>
                                                </a>
                                                <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
                                                    <a class="dropdown-item" href="profile.html">
                                                        <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M14.6650391,13.3672485C16.6381226,12.3842773,17.9974365,10.3535767,18,8c0-3.3137207-2.6862793-6-6-6S6,4.6862793,6,8c0,2.3545532,1.3595581,4.3865967,3.3334961,5.3690186c-3.6583862,1.0119019-6.5859375,4.0562134-7.2387695,8.0479736c-0.0002441,0.0013428-0.0004272,0.0026855-0.0006714,0.0040283c-0.0447388,0.272583,0.1399536,0.5297852,0.4125366,0.5745239c0.272522,0.0446777,0.5297241-0.1400146,0.5744629-0.4125366c0.624939-3.8344727,3.6308594-6.8403931,7.465332-7.465332c4.9257812-0.8027954,9.5697632,2.5395508,10.3725586,7.465332C20.9594727,21.8233643,21.1673584,21.9995117,21.4111328,22c0.0281372,0.0001831,0.0562134-0.0021362,0.0839844-0.0068359h0.0001831c0.2723389-0.0458984,0.4558716-0.303833,0.4099731-0.5761719C21.2677002,17.5184937,18.411377,14.3986206,14.6650391,13.3672485z M12,13c-2.7614136,0-5-2.2385864-5-5s2.2385864-5,5-5c2.7600708,0.0032349,4.9967651,2.2399292,5,5C17,10.7614136,14.7614136,13,12,13z"/></svg>
                                                        Profile
                                                    </a>
                                                    <a class="dropdown-item" href="mail-inbox.html">
                                                        <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M12,8.5c-1.9329834,0-3.5,1.5670166-3.5,3.5s1.5670166,3.5,3.5,3.5c1.9320068-0.0023193,3.4976807-1.5679932,3.5-3.5C15.5,10.0670166,13.9329834,8.5,12,8.5z M12,14.5c-1.3807373,0-2.5-1.1192627-2.5-2.5s1.1192627-2.5,2.5-2.5c1.380127,0.0014648,2.4985352,1.119873,2.5,2.5C14.5,13.3807373,13.3807373,14.5,12,14.5z M21.1582031,10.0253906l-1.8867188-0.6289062c-0.0222168-0.0074463-0.0439453-0.0164185-0.0648804-0.0268555c-0.2470093-0.12323-0.3474121-0.4234009-0.2241821-0.6704102l0.8896484-1.7783203c0.0960083-0.1925659,0.0582275-0.4248657-0.09375-0.5771484l-2.1210938-2.1220703c-0.1524658-0.1516113-0.3845215-0.1893311-0.5771484-0.09375l-1.7792969,0.8896484c-0.0209961,0.010437-0.0426636,0.0194092-0.0648804,0.0268555c-0.2618408,0.0874023-0.5449829-0.0540771-0.6323853-0.315918l-0.6289062-1.8867188C13.90625,2.6377563,13.71521,2.5001831,13.5,2.5h-3c-0.21521-0.0001221-0.40625,0.1376343-0.4741821,0.3417969L9.3969116,4.7285156C9.3518677,4.8665161,9.24823,4.9776001,9.1137085,5.0322266c-0.1335449,0.057373-0.2857666,0.052002-0.414978-0.0146484L6.9204102,4.1279297c-0.1925049-0.0960693-0.4249268-0.0583496-0.5771484,0.09375L4.2216797,6.34375c-0.1522217,0.1521606-0.1900024,0.3846436-0.09375,0.5771484l0.8896484,1.7783203c0.0107422,0.0214233,0.0198975,0.0435791,0.0274658,0.0662842c0.086792,0.2616577-0.0548706,0.5441284-0.3165283,0.6309814l-1.8867188,0.6289062C2.6377563,10.09375,2.5001831,10.28479,2.5,10.5v3c0.0001831,0.21521,0.1377563,0.40625,0.3417969,0.4746094l1.8862305,0.6289062c0.0224609,0.0074463,0.0444336,0.0165405,0.0656128,0.0270996c0.2468872,0.12323,0.347168,0.4232788,0.223938,0.670166l-0.8896484,1.7783203c-0.0962524,0.1925049-0.0584717,0.4249878,0.09375,0.5771484l2.1216431,2.1220703c0.1523438,0.1519165,0.3845825,0.1896362,0.5771484,0.09375l1.7783203-0.8896484c0.1289673-0.067627,0.2816162-0.072998,0.4150391-0.0146484c0.1344604,0.0546265,0.2380981,0.1657104,0.2831421,0.3037109l0.6289062,1.8867188C10.093811,21.3623657,10.2848511,21.500061,10.5,21.5h3c0.21521-0.0001831,0.40625-0.1378174,0.4746094-0.3418579l0.6289062-1.8867188c0.0074463-0.0222168,0.0164185-0.0438843,0.0268555-0.0648804c0.12323-0.2470093,0.4234009-0.3474121,0.6704102-0.2241821l1.7792969,0.8896484c0.192688,0.0950928,0.4244995,0.0574341,0.5771484-0.09375l2.1210938-2.1220703c0.1519775-0.1522217,0.1897583-0.3845825,0.09375-0.5771484l-0.8896484-1.7783203c-0.0651855-0.1295776-0.0705566-0.2811279-0.0146484-0.414978c0.0546265-0.1342773,0.1657715-0.2375488,0.3037109-0.2822266l1.8867188-0.6289062C21.3622437,13.90625,21.4998169,13.71521,21.5,13.5v-3C21.4998169,10.28479,21.3622437,10.09375,21.1582031,10.0253906z M20.5,13.1396484l-1.5449219,0.5146484c-0.0671997,0.0223999-0.1326904,0.0495605-0.1960449,0.0811768c-0.7410889,0.3704224-1.0415649,1.2714844-0.6711426,2.0125732l0.7285156,1.4560547l-1.6113281,1.6123047l-1.4570312-0.7285156c-0.0639648-0.0320435-0.130127-0.0594482-0.197998-0.0820312c-0.7856445-0.2613525-1.6343994,0.1636353-1.895752,0.9492188L13.1396484,20.5h-2.2792969l-0.5151978-1.5449219c-0.0223389-0.0669556-0.0493774-0.1322021-0.0809326-0.1953125c-0.3702393-0.741394-1.2714233-1.0421753-2.0128174-0.671875l-1.4559937,0.7285156l-1.6118164-1.6123047l0.7285156-1.4560547c0.0314941-0.0631104,0.0585327-0.128418,0.0808716-0.1953125c0.2622681-0.7861938-0.1623535-1.6361084-0.9485474-1.8984375L3.5,13.1396484v-2.2792969l1.5449219-0.5145874c0.0666504-0.0222778,0.1317139-0.0492554,0.1945801-0.0806274c0.7416382-0.3701782,1.0427856-1.2714844,0.6726074-2.0131226L5.1835938,6.7958984l1.6118774-1.6123047l1.4559937,0.7285156C8.3145752,5.9436646,8.3798218,5.9707031,8.4467773,5.993042c0.7860718,0.2623901,1.6359863-0.1620483,1.8984375-0.9481201L10.8603516,3.5h2.2792969l0.5147095,1.5449219c0.022583,0.0678711,0.0499878,0.1340332,0.0820312,0.197998c0.3707275,0.7403564,1.2713623,1.039917,2.0117188,0.6691895l1.4569702-0.7285156l1.6113281,1.6123657l-0.7285156,1.4560547c-0.0320435,0.0639038-0.0594482,0.1300659-0.0820312,0.197937c-0.2613525,0.7856445,0.1636353,1.6343384,0.9492188,1.895752L20.5,10.8603516V13.1396484z"/></svg>
                                                        Settings
                                                    </a>
                                                    <form method="POST" action="<?php echo e(route('logout')); ?>">
                                                        <?php echo csrf_field(); ?>
                                                    <a class="dropdown-item" href="<?php echo e(route('logout')); ?>"
                                                        onclick="event.preventDefault();
                                                        this.closest('form').submit();">
                                                        <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M10.6523438,16.140625c-0.09375,0.09375-0.1464233,0.2208862-0.1464233,0.3534546c0,0.276123,0.2238159,0.5,0.499939,0.500061c0.1326294,0.0001221,0.2598267-0.0525513,0.3534546-0.1464844l4.4941406-4.4941406c0.000061-0.000061,0.0001221-0.000061,0.0001831-0.0001221c0.1951294-0.1952515,0.1950684-0.5117188-0.0001831-0.7068481L11.359314,7.1524048c-0.1937256-0.1871338-0.5009155-0.1871338-0.6947021,0c-0.1986084,0.1918335-0.2041016,0.5083618-0.0122681,0.7069702L14.2930298,11.5H2.5C2.223877,11.5,2,11.723877,2,12s0.223877,0.5,0.5,0.5h11.7930298L10.6523438,16.140625z M16.4199829,3.0454102C11.4741821,0.5905762,5.4748535,2.6099243,3.0200195,7.5556641C2.8970337,7.8029175,2.9978027,8.1030884,3.2450562,8.2260742C3.4923706,8.3490601,3.7925415,8.248291,3.9155273,8.0010376c0.8737793-1.7612305,2.300354-3.1878052,4.0615845-4.0615845C12.428833,1.730835,17.828064,3.5492554,20.0366821,8.0010376c2.2085571,4.4517212,0.3901367,9.8509521-4.0615845,12.0595703c-4.4517212,2.2085571-9.8510132,0.3901367-12.0595703-4.0615845c-0.1229858-0.2473145-0.4231567-0.3480835-0.6704102-0.2250977c-0.2473145,0.1229858-0.3480835,0.4230957-0.2250977,0.6704102c1.6773682,3.4109497,5.1530762,5.5667114,8.9541016,5.5537109c3.7976685,0.0003662,7.2676392-2.1509399,8.9560547-5.5526733C23.3850098,11.4996338,21.3657227,5.5002441,16.4199829,3.0454102z"/></svg>
                                                        Log out
                                                    </a>
                                                    </form>
                                                </div>
                                            </div>
                                            <!-- Profile -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /app-Header -->

                <!--APP-SIDEBAR-->
                <div class="sticky">
                    <div class="app-sidebar__overlay" data-bs-toggle="sidebar"></div>
                    <div class="app-sidebar">
                        <div class="side-header">
                            <a class="header-brand1" href="<?php echo e(route('index')); ?>">
                                <img src="<?php echo e(asset('images/Logo-Kalbe.svg')); ?>" class="header-brand-img desktop-logo" alt="logo">
                                <img src="<?php echo e(asset('images/Logo-Kalbe.svg')); ?>" class="header-brand-img toggle-logo" alt="logo">
                                <img src="<?php echo e(asset('images/Logo-Kalbe.svg')); ?>" class="header-brand-img light-logo" alt="logo">
                                <img src="<?php echo e(asset('images/Logo-Kalbe.svg')); ?>" class="header-brand-img light-logo1" alt="logo">
                            </a><!-- LOGO -->
                        </div>
                        <div class="main-sidemenu">
                            <div class="slide-left disabled" id="slide-left"><svg xmlns="http://www.w3.org/2000/svg"
                                    fill="#7b8191" width="24" height="24" viewBox="0 0 24 24">
                                    <path d="M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z" />
                                </svg>
                            </div>
                            <ul class="side-menu">
                                <li>
                                    <h3>Menu</h3>
                                </li>
                                <li class="slide">
                                    <a class="side-menu__item has-link" data-bs-toggle="slide" href="<?php echo e(route('dashboard')); ?>">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="side-menu__icon" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M19.9794922,7.9521484l-6-5.2666016c-1.1339111-0.9902344-2.8250732-0.9902344-3.9589844,0l-6,5.2666016C3.3717041,8.5219116,2.9998169,9.3435669,3,10.2069702V19c0.0018311,1.6561279,1.3438721,2.9981689,3,3h2.5h7c0.0001831,0,0.0003662,0,0.0006104,0H18c1.6561279-0.0018311,2.9981689-1.3438721,3-3v-8.7930298C21.0001831,9.3435669,20.6282959,8.5219116,19.9794922,7.9521484z M15,21H9v-6c0.0014038-1.1040039,0.8959961-1.9985962,2-2h2c1.1040039,0.0014038,1.9985962,0.8959961,2,2V21z M20,19c-0.0014038,1.1040039-0.8959961,1.9985962-2,2h-2v-6c-0.0018311-1.6561279-1.3438721-2.9981689-3-3h-2c-1.6561279,0.0018311-2.9981689,1.3438721-3,3v6H6c-1.1040039-0.0014038-1.9985962-0.8959961-2-2v-8.7930298C3.9997559,9.6313477,4.2478027,9.0836182,4.6806641,8.7041016l6-5.2666016C11.0455933,3.1174927,11.5146484,2.9414673,12,2.9423828c0.4853516-0.0009155,0.9544067,0.1751099,1.3193359,0.4951172l6,5.2665405C19.7521973,9.0835571,20.0002441,9.6313477,20,10.2069702V19z"/></svg>
                                        <span class="side-menu__label">Dashboard</span>
                                    </a>
                                </li>
                            </ul>
                            <div class="slide-right" id="slide-right"><svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191"
                                    width="24" height="24" viewBox="0 0 24 24">
                                    <path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z" />
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
                <!--/APP-SIDEBAR-->

                <!--app-content open-->
                <div class="app-content main-content mt-0">
                    <div class="side-app">
                         <!-- CONTAINER -->
                         <div class="main-container container-fluid">
                            <!-- PAGE-HEADER -->
                            <div class="page-header">
                                <div>
                                    <h1 class="page-title">Dashboard</h1>
                                </div>
                                <div class="ms-auto pageheader-btn">
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="javascript:void(0);">Home</a></li>
                                        <li class="breadcrumb-item active" aria-current="page">Dashboard</li>
                                    </ol>
                                </div>
                            </div>
                            <!-- PAGE-HEADER END -->

                             <!-- ROW-0 -->
                             <div class="row justify-content-end">
                                <div class="col-xl-12">
                                    <div class="d-flex flex-row justify-content-end mb-2">
                                        <div class="form-group p-2">
                                            <select id="flob" class="form-control select2-style1" style="width: 200px" data-placeholder="Pilih LOB">
                                                <option></option>
                                                <option value="KN1">KN1</option>
                                                <option value="KN2">KN2</option>
                                                <option value="KN3">KN3</option>
                                                <option value="KN4">KN4</option>
                                                <option value="KN5">KN5</option>
                                                <option value="KN6">KN6</option>
                                                <option value="KN7">KN7</option>
                                            </select>
                                        </div>
                                        <div class="form-group p-2">
                                            <select id="fcabang" class="form-control form-select"  data-placeholder="Pilih CABANG">
                                                <option></option>
                                                <option value="surabaya1">Surabaya 1</option>
                                                <option value="surabaya2">Surabaya 2</option>
                                                <option value="malang">Malang</option>
                                                <option value="jember">Jember</option>
                                                <option value="kediri">Kediri</option>
                                            </select>
                                        </div>
                                        <div class="form-group p-2">
                                            <select id="fbulan" class="form-control form-select"  data-placeholder="Pilih BULAN">
                                                <option></option>
                                                <option value="januari">Januari</option>
                                                <option value="februari">Februari</option>
                                                <option value="maret">Maret</option>
                                                <option value="april">April</option>
                                                <option value="mei">Mei</option>
                                                <option value="juni">Juni</option>
                                                <option value="juli">Juli</option>
                                                <option value="agustus">Agustus</option>
                                                <option value="september">September</option>
                                                <option value="oktober">Oktober</option>
                                                <option value="november">November</option>
                                                <option value="desember">Desember</option>
                                            </select>
                                        </div>
                                        <div class="p-2">
                                            <button type="button" class="btn btn-primary"><i class="fe fe-filter"> Filter</i></button>
                                        </div>
                                    </div>
                                </div>
                             </div>
                            <!-- ROW-1 -->
                            <div class="row justify-content-center">
                                <div class="col-lg-6 col-sm-12 col-md-6 col-xl-2">
                                    <div class="card overflow-hidden">
                                        <div class="card-body bg-primary text-white" style="background: linear-gradient(160deg, rgba(143,189,86,1) 65%, rgba(255,215,0,1) 100%);">
                                            <div class="row">
                                                <div class="col">
                                                    <h4 class="mb-2 text-black fw-semibold">1.151.375.176.477</h4>
                                                    <p class="fs-13 mb-0">Target YTD</p>
                                                    <p class="text-muted mb-0 mt-2 fs-12">
                                                        &nbsp;
                                                    </p>
                                                </div>
                                                <div class="col col-auto position-absolute bottom-0 end-0 top-icn dash">
                                                    <div class="counter-icon bg-primary dash ms-auto box-shadow-primary">
                                                        
                                                        <img class="rounded" src="<?php echo e(asset('assets/images/gifs/race-flag.gif')); ?>"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-sm-12 col-md-6 col-xl-2">
                                    <div class="card overflow-hidden">
                                        <div class="card-body bg-primary text-white" style="background: linear-gradient(160deg, rgba(143,189,86,1) 65%, rgba(255,215,0,1) 100%);">
                                            <div class="row">
                                                <div class="col">
                                                    <h4 class="mb-2 text-black fw-semibold">106.042.147.029</h4>
                                                    <p class="fs-13 mb-0">Target MTD</p>
                                                    <p class="text-muted mb-0 mt-2 fs-12">
                                                        &nbsp;
                                                    </p>
                                                </div>
                                                <div class="col col-auto position-absolute bottom-0 end-0 top-icn dash">
                                                    <div class="counter-icon bg-secondary dash ms-auto box-shadow-secondary">
                                                        
                                                        <img class="rounded" src="<?php echo e(asset('assets/images/gifs/race-flag.gif')); ?>"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-sm-12 col-md-6 col-xl-2">
                                    <div class="card overflow-hidden">
                                        <div class="card-body bg-primary text-white" style="background: linear-gradient(160deg, rgba(143,189,86,1) 65%, rgba(255,215,0,1) 100%);">
                                            <div class="row">
                                                <div class="col">
                                                    <h4 class="mb-2 text-black fw-semibold">1.064.759.417.457</h4>
                                                    <p class="fs-13 mb-0">Val YTD</p>
                                                    <p class="text-muted mb-0 mt-2 fs-10">
                                                        <span class="icn-box text-black fw-semibold fs-13 me-1">
                                                            92% Ach</span>
                                                        
                                                    </p>
                                                </div>
                                                <div class="col col-auto position-absolute bottom-0 end-0 top-icn dash">
                                                    <div class="counter-icon bg-warning dash ms-auto box-shadow-info">
                                                        
                                                        <img class="rounded" src="<?php echo e(asset('assets/images/gifs/supercar.gif')); ?>"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-sm-12 col-md-6 col-xl-2">
                                    <div class="card overflow-hidden">
                                        <div class="card-body bg-primary text-white" style="background: linear-gradient(160deg, rgba(143,189,86,1) 65%, rgba(255,215,0,1) 100%);">
                                            <div class="row">
                                                <div class="col">
                                                    <h4 class="mb-2 text-black fw-semibold">96.723.765.514</h4>
                                                    <p class="fs-13 mb-0">val MTD</p>
                                                    <p class="text-muted mb-0 mt-2 fs-10">
                                                        <span class="icn-box text-black fw-semibold fs-13 me-1">
                                                            91% Ach</span>
                                                        
                                                    </p>
                                                </div>
                                                <div class="col col-auto position-absolute bottom-0 end-0 top-icn dash">
                                                    <div class="counter-icon bg-warning dash ms-auto box-shadow-warning">
                                                        
                                                        <img class="rounded" src="<?php echo e(asset('assets/images/gifs/supercar.gif')); ?>"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-sm-12 col-md-6 col-xl-2">
                                    <div class="card overflow-hidden">
                                        <div class="card-body bg-primary text-white" style="background: linear-gradient(160deg, rgba(143,189,86,1) 65%, rgba(255,215,0,1) 100%);">
                                            <div class="row">
                                                <div class="col">
                                                    <h5 class="mb-2 fw-semibold"><span class="icn-box text-black fw-semibold me-1">
                                                        <i class='fa fa-long-arrow-up'></i> 3,5%<span></h3>
                                                    <p class="fs-13 mb-0">Growth YTD</p>
                                                    <p class="mb-0 mt-2 fs-12">
                                                        since last year
                                                    </p>
                                                </div>
                                                <div class="col col-auto position-absolute bottom-0 end-0 top-icn dash">
                                                    <div class="counter-icon bg-success dash ms-auto box-shadow-warning">
                                                        
                                                        <img class="rounded" src="<?php echo e(asset('assets/images/gifs/award.gif')); ?>"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-sm-12 col-md-6 col-xl-2">
                                    <div class="card overflow-hidden">
                                        <div class="card-body bg-primary text-white" style="background: linear-gradient(160deg, rgba(143,189,86,1) 65%, rgba(255,215,0,1) 100%);">
                                            <div class="row">
                                                <div class="col">
                                                    <h5 class="mb-2 fw-semibold"><span class="icn-box text-black fw-semibold me-1">
                                                        <i class='fa fa-long-arrow-up'></i> 1,4%<span></h3>
                                                    <p class="fs-13 mb-0">Growth MTD</p>
                                                    <p class="mb-0 mt-2 fs-12">
                                                        since last month
                                                    </p>
                                                </div>
                                                <div class="col col-auto position-absolute bottom-0 end-0 top-icn dash" style="padding-left:0px !important;">
                                                    <div class="counter-icon bg-success dash ms-auto box-shadow-warning">
                                                        
                                                        <img class="rounded" src="<?php echo e(asset('assets/images/gifs/award.gif')); ?>"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- ROW-1 END-->

                            <!-- ROW-2 -->
                            

                            <!-- Pencapaian Sales -->
                            <div class="row">
                                <div class="col-sm-12 col-md-12 col-lg-6 col-xl-6">
                                    <div class="card">
                                        <div class="card-header border-bottom border-2 border-bottom-primary">
                                            <h3 class="card-title">Pencapaian Sales per KN</h3>
                                        </div>
                                        <div class="card-body">
                                            <div class="table-responsive">
                                                <table id="sales-per-kn-table" class="table text-nowrap mb-0 table-bordered">
                                                    <thead class="table-head">
                                                        <tr>
                                                            <th class="bg-transparent border-bottom-0">Kategori</th>
                                                            <th class="bg-transparent border-bottom-0">MTD</th>
                                                            <th class="bg-transparent border-bottom-0">YTD</th>
                                                            <th class="bg-transparent border-bottom-0">ACH MTD</th>
                                                            <th class="bg-transparent border-bottom-0">ACH YTD</th>
                                                            <th class="bg-transparent border-bottom-0">GWT MTD</th>
                                                            <th class="bg-transparent border-bottom-0">GWT YTD</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody class="table-body">
                                                        <tr>
                                                            <td class="text-muted fs-14 fw-semibold">KN1</td>
                                                            <td class="text-muted fs-14">1.38.142.901</td>
                                                            <td class="text-muted fs-14">13.850.934.578</td>
                                                            <td class="text-muted fs-14">66 %</td>
                                                            <td class="text-muted fs-14">77 %</td>
                                                            <td class="text-muted fs-14">66 %</td>
                                                            <td class="text-muted fs-14">77 %</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="text-muted fs-14 fw-semibold">KN2</td>
                                                            <td class="text-muted fs-14">13.217.169.814</td>
                                                            <td class="text-muted fs-14">130.376.730.605</td>
                                                            <td class="text-muted fs-14">100 %</td>
                                                            <td class="text-muted fs-14">95 %</td>
                                                            <td class="text-muted fs-14">66 %</td>
                                                            <td class="text-muted fs-14">77 %</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="text-muted fs-14 fw-semibold">KN3</td>
                                                            <td class="text-muted fs-14">1.170.766.990</td>
                                                            <td class="text-muted fs-14">15.606.769.578</td>
                                                            <td class="text-muted fs-14">61 %</td>
                                                            <td class="text-muted fs-14">84 %</td>
                                                            <td class="text-muted fs-14">66 %</td>
                                                            <td class="text-muted fs-14">77 %</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="text-muted fs-14 fw-semibold">KN4</td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                        </tr>
                                                        <tr>
                                                            <td class="text-muted fs-14 fw-semibold">KN5</td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                        </tr>
                                                        <tr>
                                                            <td class="text-muted fs-14 fw-semibold">KN6</td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                        </tr>
                                                        <tr>
                                                            <td class="text-muted fs-14 fw-semibold">KN7</td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                        </tr>
                                                    </tbody>
                                                    <tfoot>
                                                        <tr>
                                                            <td class="text-muted fs-14 fw-semibold">Total</td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                            <td class="text-muted fs-14"></td>
                                                        </tr>
                                                    </tfoot>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-12 col-md-12 col-lg-6 col-xl-6">
                                    <div class="card">
                                        <div class="card-header border-bottom border-2 border-bottom-primary">
                                            <h3 class="card-title">Pencapaian Sales Per Distribusi & Cabang</h3>
                                        </div>
                                        <div class="card-body p-2">
                                            
                                            <div class="row">
                                                <div class="col-sm-12 col-xl-12">
                                                    <div id="pd-cabang" class="chartsh"></div>
                                                </div>
                                                <div class="col-sm-12 col-xl-12">
                                                    <div id="pd-distributor" class="chartsh"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Sales -->
                            <div class="row">
                                <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                    <div class="card">
                                        <div class="card-header border-bottom border-2 border-bottom-primary">
                                            <h3 class="card-title">Sales</h3>
                                            <div class="ms-auto">
                                                <div class="btn-group p-0 ms-auto">
                                                    <button class="btn btn-primary-light btn-sm disabled" type="button">DEC 2022</button>
                                                    <button class="btn btn-primary-light btn-sm" type="button">DEC 2023</button>
                                                    <button class="btn btn-primary-light btn-sm disabled" type="button">DEC 2024</button>
                                                 </div>
                                            </div>
                                        </div>
                                        <div class="card-body">
                                            <div class="sales-stats d-flex">
                                                <div>
                                                    <div class="text-muted fs-13">Total Sales
                                                        <span class="p-2 br-5 text-success"><i class="fe fe-arrow-up-right"></i></span>
                                                    </div>
                                                    <h3 class="fw-semibold">96.723.765.514</h3>
                                                    
                                                </div>
                                            </div>
                                            <div id="chartD"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- ROW-3 -->
                            <div class="row">
                                <div class="col-12 col-sm-12 col-lg-6 col-xl-6">
                                    <div id="activity-data" class="card product-sales-main">
                                        <div class="card-header border-bottom border-2 border-bottom-primary">
                                            <h3 class="card-title mb-0">Activity</h3>
                                            <div class="ms-auto">
                                                <div class="btn-group px-2 ms-auto">
                                                    <button class="btn btn-info btn-sm" type="button" data-bs-target="#activity-modal" data-bs-toggle="modal">Summary</button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-lg-12 col-xl-12 col-md-12 col-sm-12">
                                                    <div id="activity" class="chartsh"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-sm-12 col-lg-6 col-xl-6">
                                    <div id="perform-data-by-kn" class="card product-sales-main">
                                        <div class="card-header border-bottom border-2 border-bottom-primary">
                                            <h3 class="card-title mb-0">Perform Data by KN</h3>
                                            <div class="ms-auto">
                                                <div class="btn-group px-2 ms-auto">
                                                    <button class="btn btn-info btn-sm" type="button" data-bs-target="#perform-data-jabatan-modal" data-bs-toggle="modal">Summary</button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-lg-12 col-xl-12 col-md-12 col-sm-12">
                                                    <div class="row">
                                                        <div class="col-lg-12 col-xl-12 col-md-12 col-sm-12">
                                                            <div id="pd-kn" class="chartsh"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- ROW-3 END -->

                            <div class="row">
                                <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
                                    <div class="card">
                                        <div class="card-header border-bottom border-2 border-bottom-primary">
                                            <h3 class="card-title">Effective Call</h3>
                                            <div class="ms-auto">
                                                <div class="btn-group radiobtns ms-auto" role="group" aria-label="Basic radio toggle button group">
                                                    <input type="radio" class="btn-check" name="btnradio" id="btnradio1" checked>
                                                    <label class="btn btn-outline-primary btn-sm" for="btnradio1">Day</label>

                                                    <input type="radio" class="btn-check" name="btnradio" id="btnradio2">
                                                    <label class="btn btn-outline-primary btn-sm" for="btnradio2">Month</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body">
                                            <div id="effective-call-day" class="chartsh"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
                                    <div class="card">
                                        <div class="card-header border-bottom border-2 border-bottom-primary">
                                            <h3 class="card-title">Effective Account</h3>
                                            <div class="ms-auto invisible">
                                                <div class="btn-group radiobtns ms-auto" role="group" aria-label="Basic radio toggle button group">
                                                    <input type="radio" class="btn-check" name="eaDayRadio" id="eaDayRad1" checked>
                                                    <label class="btn btn-outline-primary btn-sm" for="eaDayRad1">Day</label>

                                                    <input type="radio" class="btn-check" name="eaDayRadio" id="eaDayRad2">
                                                    <label class="btn btn-outline-primary btn-sm" for="eaDayRad2">Month</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body">
                                            <div id="ec-ea" class="chartsh"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
                                    <div class="card">
                                        <div class="card-header border-bottom border-2 border-bottom-primary">
                                            <h3 class="card-title">Item Per Transaction</h3>
                                            <div class="ms-auto invisible">
                                                <div class="btn-group radiobtns ms-auto" role="group" aria-label="Basic radio toggle button group">
                                                    <input type="radio" class="btn-check" name="iptDayRadio" id="iptDayRad1" checked>
                                                    <label class="btn btn-outline-primary btn-sm" for="eaDayRad1">Day</label>

                                                    <input type="radio" class="btn-check" name="iptDayRadio" id="iptDayRad2">
                                                    <label class="btn btn-outline-primary btn-sm" for="eaDayRad2">Month</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body">
                                            <div id="ec-ipt" class="chartsh"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- ROW-2 END -->


                            <!-- ROW-4 - M3 MEA -->
                            <div class="row">
                                <div class="col-12 col-sm-12 col-lg-6 col-xl-6">
                                    <div class="card product-sales-main">
                                        <div class="card-header border-bottom border-2 border-bottom-primary">
                                            <h3 class="card-title mb-0">M3 MEA</h3>
                                            <div class="ms-auto">
                                                <div class="btn-group px-2 ms-auto">
                                                    <button class="btn btn-info btn-sm" type="button" data-bs-target="#mea-modal" data-bs-toggle="modal">Summary</button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body">
                                            <div class="table-responsive">
                                                <table id="data-table1" class="table text-nowrap mb-0 table-bordered">
                                                    <thead class="table-head">
                                                        <tr>
                                                            <th class="bg-transparent border-bottom-0 wp-15 text-center" rowspan="3">Type</th>
                                                            <th class="bg-transparent border-bottom-0 text-center" colspan="36">Periode</th>
                                                        </tr>
                                                        <tr>
                                                            <th class="bg-transparent border-bottom-0 text-center" colspan="4">Jan</th>
                                                            <th class="bg-transparent border-bottom-0 text-center" colspan="4">Feb</th>
                                                            <th class="bg-transparent border-bottom-0 text-center" colspan="4">Mar</th>
                                                            <th class="bg-transparent border-bottom-0 text-center" colspan="4">Apr</th>
                                                            <th class="bg-transparent border-bottom-0 text-center" colspan="4">Mei</th>
                                                            <th class="bg-transparent border-bottom-0 text-center" colspan="4">Jun</th>
                                                            <th class="bg-transparent border-bottom-0 text-center" colspan="4">Jul</th>
                                                            <th class="bg-transparent border-bottom-0 text-center" colspan="4">Agu</th>
                                                            <th class="bg-transparent border-bottom-0 text-center" colspan="4">Sep</th>
                                                            <th class="bg-transparent border-bottom-0 text-center" colspan="4">Okt</th>
                                                            <th class="bg-transparent border-bottom-0 text-center" colspan="4">Nov</th>
                                                            <th class="bg-transparent border-bottom-0 text-center" colspan="4">Des</th>
                                                        </tr>
                                                        <tr>
                                                            <?php for($i=0;$i<12;$i++): ?>
                                                            <th>ACT</th>
                                                            <th>TRG</th>
                                                            <th>%</th>
                                                            <th>RMN</th>
                                                            <?php endfor; ?>
                                                        </tr>
                                                    </thead>
                                                    <tbody class="table-body">
                                                        <tr>
                                                            <td class="text-muted fs-14 fw-semibold">KMMD B</td>

                                                            <td class="text-muted fs-14">11.675</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">11.666</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">11.635</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">10.435</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">10.868</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">10.863</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">12.825</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">13.149</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">14.418</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">14.737</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">15.471</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">15.275</td>
                                                            <td class="text-muted fs-14">13.860</td>
                                                            <td class="text-muted fs-14">110%</td>
                                                            <td class="text-muted fs-14">-</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="text-muted fs-14 fw-semibold">KMMD BVG</td>

                                                            <td class="text-muted fs-14">1.917</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">1.640</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">1.552</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">1.247</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">1.441</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">1.360</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">1.569</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">1.439</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">1.603</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">1.836</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">2.103</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">2.020</td>
                                                            <td class="text-muted fs-14">2.240</td>
                                                            <td class="text-muted fs-14">90%</td>
                                                            <td class="text-muted fs-14">220</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="text-muted fs-14 fw-semibold">KMMD C</td>

                                                            <td class="text-muted fs-14">760</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">757</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">772</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">631</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">707</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">726</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">811</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">836</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">892</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">915</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">887</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">846</td>
                                                            <td class="text-muted fs-14">780</td>
                                                            <td class="text-muted fs-14">108%</td>
                                                            <td class="text-muted fs-14">-</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="text-muted fs-14 fw-semibold">KND</td>

                                                            <td class="text-muted fs-14">2.778</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">2.743</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">2.913</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">2.825</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">2.917</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">2.891</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">3.001</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">2.986</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">3.110</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">3.110</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">3.111</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>
                                                            <td class="text-muted fs-14">-</td>

                                                            <td class="text-muted fs-14">3.011</td>
                                                            <td class="text-muted fs-14">2.850</td>
                                                            <td class="text-muted fs-14">106%</td>
                                                            <td class="text-muted fs-14">-</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-sm-12 col-lg-6 col-xl-6">
                                    <div class="card product-sales-main">
                                        <div class="card-header border-bottom border-2 border-bottom-primary">
                                            <h3 class="card-title mb-0">Loyal Customer</h3>
                                            <div class="ms-auto invisible">
                                                <div class="btn-group px-2 ms-auto">
                                                    <button class="btn btn-info btn-sm" type="button" data-bs-target="#mea-modal" data-bs-toggle="modal">Summary</button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body">
                                            <div id="loyal-customer" class="chartsh"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- ROW-4 END -->

                        </div>
                    </div>
                </div>
                <!-- CONTAINER END -->
            </div>

            <div id="content-surabaya1" class="d-none">
                <div class="table-responsive">
                    <table id="data-table" class="table text-nowrap mb-0 table-bordered">
                        <thead class="table-head">
                            <tr>
                                <th class="bg-transparent border-bottom-0 wp-15">Kategori</th>
                                <th class="bg-transparent border-bottom-0">MTD</th>
                                <th class="bg-transparent border-bottom-0">YTD</th>
                                <th class="bg-transparent border-bottom-0">ACH MTD</th>
                                <th class="bg-transparent border-bottom-0">ACH YTD</th>
                            </tr>
                        </thead>
                        <tbody class="table-body">
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN1</td>
                                <td class="text-muted fs-14">986.465.789</td>
                                <td class="text-muted fs-14">12.339.940.321</td>
                                <td class="text-muted fs-14">75%</td>
                                <td class="text-muted fs-14">84%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN2</td>
                                <td class="text-muted fs-14">12.814.092.492</td>
                                <td class="text-muted fs-14">133.398.710.409</td>
                                <td class="text-muted fs-14">104%</td>
                                <td class="text-muted fs-14">98%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN3</td>
                                <td class="text-muted fs-14">2.682.910.848</td>
                                <td class="text-muted fs-14">24.518.291.980</td>
                                <td class="text-muted fs-14">90%</td>
                                <td class="text-muted fs-14">85%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN4</td>
                                <td class="text-muted fs-14">2.102.545.023</td>
                                <td class="text-muted fs-14">23.384.309.803</td>
                                <td class="text-muted fs-14">105%</td>
                                <td class="text-muted fs-14">106%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN5</td>
                                <td class="text-muted fs-14">852.336.145</td>
                                <td class="text-muted fs-14">11.153.356.978</td>
                                <td class="text-muted fs-14">89%</td>
                                <td class="text-muted fs-14">106%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN6</td>
                                <td class="text-muted fs-14">1.395.040.124</td>
                                <td class="text-muted fs-14">21.262.040.736</td>
                                <td class="text-muted fs-14">56%</td>
                                <td class="text-muted fs-14">80%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN7</td>
                                <td class="text-muted fs-14">2.559.367.739</td>
                                <td class="text-muted fs-14">29.403.328.152</td>
                                <td class="text-muted fs-14">128%</td>
                                <td class="text-muted fs-14">127%</td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td>Total</td>
                                <td>24.260.909.994</td>
                                <td>264.814.945.327</td>
                                <td>96%</td>
                                <td>97%</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>

            <div id="content-surabaya2" class="d-none">
                <div class="table-responsive">
                    <table id="data-table" class="table text-nowrap mb-0 table-bordered">
                        <thead class="table-head">
                            <tr>
                                <th class="bg-transparent border-bottom-0 wp-15">Kategori</th>
                                <th class="bg-transparent border-bottom-0">MTD</th>
                                <th class="bg-transparent border-bottom-0">YTD</th>
                                <th class="bg-transparent border-bottom-0">ACH MTD</th>
                                <th class="bg-transparent border-bottom-0">ACH YTD</th>
                            </tr>
                        </thead>
                        <tbody class="table-body">
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN1</td>
                                <td class="text-muted fs-14">1.129.966.995</td>
                                <td class="text-muted fs-14">15.100.964.403</td>
                                <td class="text-muted fs-14">57%</td>
                                <td class="text-muted fs-14">73%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN2</td>
                                <td class="text-muted fs-14">986.465.789</td>
                                <td class="text-muted fs-14">12.339.940.321</td>
                                <td class="text-muted fs-14">77%</td>
                                <td class="text-muted fs-14">92%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN3</td>
                                <td class="text-muted fs-14">986.465.789</td>
                                <td class="text-muted fs-14">12.339.940.321</td>
                                <td class="text-muted fs-14">77%</td>
                                <td class="text-muted fs-14">92%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN4</td>
                                <td class="text-muted fs-14">986.465.789</td>
                                <td class="text-muted fs-14">12.339.940.321</td>
                                <td class="text-muted fs-14">77%</td>
                                <td class="text-muted fs-14">92%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN5</td>
                                <td class="text-muted fs-14">986.465.789</td>
                                <td class="text-muted fs-14">12.339.940.321</td>
                                <td class="text-muted fs-14">77%</td>
                                <td class="text-muted fs-14">92%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN6</td>
                                <td class="text-muted fs-14">986.465.789</td>
                                <td class="text-muted fs-14">12.339.940.321</td>
                                <td class="text-muted fs-14">77%</td>
                                <td class="text-muted fs-14">92%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN7</td>
                                <td class="text-muted fs-14">986.465.789</td>
                                <td class="text-muted fs-14">12.339.940.321</td>
                                <td class="text-muted fs-14">77%</td>
                                <td class="text-muted fs-14">92%</td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td>Total</td>
                                <td>24.260.909.994</td>
                                <td>264.814.945.327</td>
                                <td>96%</td>
                                <td>97%</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>

            <div id="content-kediri" class="d-none">
                <div class="table-responsive">
                    <table id="data-table" class="table text-nowrap mb-0 table-bordered">
                        <thead class="table-head">
                            <tr>
                                <th class="bg-transparent border-bottom-0 wp-15">Kategori</th>
                                <th class="bg-transparent border-bottom-0">MTD</th>
                                <th class="bg-transparent border-bottom-0">YTD</th>
                                <th class="bg-transparent border-bottom-0">ACH MTD</th>
                                <th class="bg-transparent border-bottom-0">ACH YTD</th>
                            </tr>
                        </thead>
                        <tbody class="table-body">
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN1</td>
                                <td class="text-muted fs-14">1.200.072.806</td>
                                <td class="text-muted fs-14">11.533.559.617</td>
                                <td class="text-muted fs-14">100%</td>
                                <td class="text-muted fs-14">92%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN2</td>
                                <td class="text-muted fs-14">8.689.002.983</td>
                                <td class="text-muted fs-14">916.360.582.271</td>
                                <td class="text-muted fs-14">100%</td>
                                <td class="text-muted fs-14">96%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN3</td>
                                <td class="text-muted fs-14">1.748.119.150</td>
                                <td class="text-muted fs-14">17.361.119.423</td>
                                <td class="text-muted fs-14">79%</td>
                                <td class="text-muted fs-14">83%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN4</td>
                                <td class="text-muted fs-14">1.714.339.784</td>
                                <td class="text-muted fs-14">17.986.864.924</td>
                                <td class="text-muted fs-14">94%</td>
                                <td class="text-muted fs-14">90%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN5</td>
                                <td class="text-muted fs-14">644.142.904</td>
                                <td class="text-muted fs-14">6.850.600.594</td>
                                <td class="text-muted fs-14">101%</td>
                                <td class="text-muted fs-14">98%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN6</td>
                                <td class="text-muted fs-14">1.665.743.870</td>
                                <td class="text-muted fs-14">16.730.235.778</td>
                                <td class="text-muted fs-14">108%</td>
                                <td class="text-muted fs-14">100%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN7</td>
                                <td class="text-muted fs-14">1.166.946.456</td>
                                <td class="text-muted fs-14">10.848.830.363</td>
                                <td class="text-muted fs-14">163%</td>
                                <td class="text-muted fs-14">127%</td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td>Total</td>
                                <td>16.828.367.953</td>
                                <td>172.947.268.926</td>
                                <td>100%</td>
                                <td>95%</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>

            <div id="content-malang" class="d-none">
                <div class="table-responsive">
                    <table id="data-table" class="table text-nowrap mb-0 table-bordered">
                        <thead class="table-head">
                            <tr>
                                <th class="bg-transparent border-bottom-0 wp-15">Kategori</th>
                                <th class="bg-transparent border-bottom-0">MTD</th>
                                <th class="bg-transparent border-bottom-0">YTD</th>
                                <th class="bg-transparent border-bottom-0">ACH MTD</th>
                                <th class="bg-transparent border-bottom-0">ACH YTD</th>
                            </tr>
                        </thead>
                        <tbody class="table-body">
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN1</td>
                                <td class="text-muted fs-14">1.138.142.901</td>
                                <td class="text-muted fs-14">13.850.934.578</td>
                                <td class="text-muted fs-14">66%</td>
                                <td class="text-muted fs-14">77%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN2</td>
                                <td class="text-muted fs-14">13.217.169.814</td>
                                <td class="text-muted fs-14">130.376.730.605</td>
                                <td class="text-muted fs-14">100%</td>
                                <td class="text-muted fs-14">95%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN3</td>
                                <td class="text-muted fs-14">1.170.766.990</td>
                                <td class="text-muted fs-14">15.606.769.578</td>
                                <td class="text-muted fs-14">61%</td>
                                <td class="text-muted fs-14">84%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN4</td>
                                <td class="text-muted fs-14">1.369.023.646</td>
                                <td class="text-muted fs-14">17.830.791.309</td>
                                <td class="text-muted fs-14">70%</td>
                                <td class="text-muted fs-14">83%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN5</td>
                                <td class="text-muted fs-14">881.872.985</td>
                                <td class="text-muted fs-14">11.560.515.837</td>
                                <td class="text-muted fs-14">83%</td>
                                <td class="text-muted fs-14">99%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN6</td>
                                <td class="text-muted fs-14">872.238.714</td>
                                <td class="text-muted fs-14">14.185.803.780</td>
                                <td class="text-muted fs-14">46%</td>
                                <td class="text-muted fs-14">70%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN7</td>
                                <td class="text-muted fs-14">1.914.572.018</td>
                                <td class="text-muted fs-14">22.448.700.237</td>
                                <td class="text-muted fs-14">114%</td>
                                <td class="text-muted fs-14">114%</td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td>Total</td>
                                <td>20.563.787.068</td>
                                <td>225.860.245.924</td>
                                <td>88%</td>
                                <td>88%</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>

            <div id="content-jember" class="d-none">
                <div class="table-responsive">
                    <table id="data-table" class="table text-nowrap mb-0 table-bordered">
                        <thead class="table-head">
                            <tr>
                                <th class="bg-transparent border-bottom-0 wp-15">Kategori</th>
                                <th class="bg-transparent border-bottom-0">MTD</th>
                                <th class="bg-transparent border-bottom-0">YTD</th>
                                <th class="bg-transparent border-bottom-0">ACH MTD</th>
                                <th class="bg-transparent border-bottom-0">ACH YTD</th>
                            </tr>
                        </thead>
                        <tbody class="table-body">
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN1</td>
                                <td class="text-muted fs-14">986.465.789</td>
                                <td class="text-muted fs-14">12.339.940.320,54</td>
                                <td class="text-muted fs-14">77%</td>
                                <td class="text-muted fs-14">92%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN2</td>
                                <td class="text-muted fs-14">6.687.135.233</td>
                                <td class="text-muted fs-14">77.364.241.809,64</td>
                                <td class="text-muted fs-14">86%</td>
                                <td class="text-muted fs-14">91%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN3</td>
                                <td class="text-muted fs-14">1.165.727.994</td>
                                <td class="text-muted fs-14">119.714.115.36,04</td>
                                <td class="text-muted fs-14">86%</td>
                                <td class="text-muted fs-14">89%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN4</td>
                                <td class="text-muted fs-14">828.788.158</td>
                                <td class="text-muted fs-14">8.744.193.263,51</td>
                                <td class="text-muted fs-14">90%</td>
                                <td class="text-muted fs-14">87%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN5</td>
                                <td class="text-muted fs-14">593.232.048</td>
                                <td class="text-muted fs-14">7.044.627.279,29</td>
                                <td class="text-muted fs-14">101%</td>
                                <td class="text-muted fs-14">108%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN6</td>
                                <td class="text-muted fs-14">770.227.982</td>
                                <td class="text-muted fs-14">10.924.181.797,36</td>
                                <td class="text-muted fs-14">58%</td>
                                <td class="text-muted fs-14">79%</td>
                            </tr>
                            <tr>
                                <td class="text-muted fs-14 fw-semibold">KN7</td>
                                <td class="text-muted fs-14">735.065.144</td>
                                <td class="text-muted fs-14">8.329.763.083,24</td>
                                <td class="text-muted fs-14">104%</td>
                                <td class="text-muted fs-14">98%</td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td>Total</td>
                                <td>11.766.642.348</td>
                                <td>136.718.359.089,62</td>
                                <td>85%</td>
                                <td>90%</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>

            <div class="modal fade" id="perform-sales-cabang-pareto-modal">
                <div class="modal-dialog modal-dialog-centered task-view-modal" role="document">
                    <div class="modal-content modal-content-demo">

                        <div class="modal-header p-5">
                            <h4 id="psc-modal-title" class="modal-title text-primary fw-semibold">Perform Sales by Cabang</h4><button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
                        </div>

                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-12 mb-4">
                                    <h4 class="fw-semibold">Data Pareto</h4>
                                    <div class="table-responsive">
                                        <table id="pareto-table" class="table text-nowrap mb-0 table-bordered">
                                            <thead class="table-head">
                                                <tr>
                                                    <th class="bg-transparent border-bottom-0">No</th>
                                                    <th class="bg-transparent border-bottom-0 wp-15">Nama Toko</th>
                                                    <th class="bg-transparent border-bottom-0">SALES</th>
                                                    <th class="bg-transparent border-bottom-0">ACH %</th>
                                                </tr>
                                            </thead>
                                            <tbody class="table-body">
                                                <tr>
                                                    <td class="text-muted fs-14">1</td>
                                                    <td class="text-muted fs-14 fw-semibold">PT. WAHANA LESTARI MAKMUR PERKASA</td>
                                                    <td class="text-muted fs-14">82.722.259.628</td>
                                                    <td class="text-muted fs-14">80%</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">2</td>
                                                    <td class="text-muted fs-14 fw-semibold">PT. INDOMARCO PRISMATAMA</td>
                                                    <td class="text-muted fs-14">50.436.966.100</td>
                                                    <td class="text-muted fs-14">80%</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">3</td>
                                                    <td class="text-muted fs-14 fw-semibold">PT. CITRA WAHAMA BERSAMA</td>
                                                    <td class="text-muted fs-14">48.766.747.672</td>
                                                    <td class="text-muted fs-14">80%</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">4</td>
                                                    <td class="text-muted fs-14 fw-semibold">INDOMARET DC GRESIK</td>
                                                    <td class="text-muted fs-14">32.706.640.686</td>
                                                    <td class="text-muted fs-14">80%</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">5</td>
                                                    <td class="text-muted fs-14 fw-semibold">ALFAMART DC SINGOSARI MALANG</td>
                                                    <td class="text-muted fs-14">29.849.550.012</td>
                                                    <td class="text-muted fs-14">80%</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">6</td>
                                                    <td class="text-muted fs-14 fw-semibold">BUCHI KIDS</td>
                                                    <td class="text-muted fs-14">27.674.947.438</td>
                                                    <td class="text-muted fs-14">80%</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">7</td>
                                                    <td class="text-muted fs-14 fw-semibold">ALFAMART DC BERBEK SBY</td>
                                                    <td class="text-muted fs-14">24.262.293.960</td>
                                                    <td class="text-muted fs-14">80%</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">8</td>
                                                    <td class="text-muted fs-14 fw-semibold">INDOMARET DC JEMBER</td>
                                                    <td class="text-muted fs-14">23.236.502.929</td>
                                                    <td class="text-muted fs-14">80%</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">9</td>
                                                    <td class="text-muted fs-14 fw-semibold">CV. SUCCESS JAYA</td>
                                                    <td class="text-muted fs-14">21.980.167.920</td>
                                                    <td class="text-muted fs-14">80%</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">10</td>
                                                    <td class="text-muted fs-14 fw-semibold">CV. VIO JAYA</td>
                                                    <td class="text-muted fs-14">21.887.693.529</td>
                                                    <td class="text-muted fs-14">80%</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">11</td>
                                                    <td class="text-muted fs-14 fw-semibold">INDOMARET DC MALANG</td>
                                                    <td class="text-muted fs-14">21.523.988.753</td>
                                                    <td class="text-muted fs-14">80%</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">12</td>
                                                    <td class="text-muted fs-14 fw-semibold">INDOMARET DC SURABAYA 1</td>
                                                    <td class="text-muted fs-14">20.620.943.457</td>
                                                    <td class="text-muted fs-14">80%</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">13</td>
                                                    <td class="text-muted fs-14 fw-semibold">PT. MIDI UTAMA INDONESIA</td>
                                                    <td class="text-muted fs-14">18.185.927.844</td>
                                                    <td class="text-muted fs-14">80%</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">14</td>
                                                    <td class="text-muted fs-14 fw-semibold">CV. SINAR MAKMUR</td>
                                                    <td class="text-muted fs-14">17.374.413.263</td>
                                                    <td class="text-muted fs-14">80%</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">15</td>
                                                    <td class="text-muted fs-14 fw-semibold">ALFAMART BRAWIJAYA JBR</td>
                                                    <td class="text-muted fs-14">16.039.722.303</td>
                                                    <td class="text-muted fs-14">80%</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="modal fade" id="perform-sales-cabang-service-lvl-modal">
                <div class="modal-dialog modal-dialog-centered task-view-modal" role="document">
                    <div class="modal-content modal-content-demo">

                        <div class="modal-header p-5">
                            <h4 class="modal-title text-dark">Perform Sales by Cabang - Service Level</h4><button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
                        </div>

                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-12 mb-4">
                                    <div id="service-lvl" class="chartsh"></div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="modal fade" id="perform-sales-cabang-retur-modal">
                <div class="modal-dialog modal-dialog-centered task-view-modal" role="document">
                    <div class="modal-content modal-content-demo">

                        <div class="modal-header p-5">
                            <h4 class="modal-title text-dark">Perform Sales by Cabang - Retur</h4><button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
                        </div>

                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-12 mb-4">
                                    <div id="retur" class="chartsh"></div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="modal fade" id="effectivecall-modal">
                <div class="modal-dialog modal-dialog-centered task-view-modal" role="document">
                    <div class="modal-content modal-content-demo">

                        <div class="modal-header p-5">
                            <h4 id="ec-modal-title" class="modal-title text-primary fw-semibold">Effective Call</h4><button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
                        </div>

                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-12 mb-4">
                                     <div id="ec-ea" class="chartsh"></div>
                                </div>
                                <div class="col-md-12 mb-4">
                                    <div id="ec-ipt" class="chartsh"></div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="modal fade" id="effectivecall-ea-modal">
                <div class="modal-dialog modal-dialog-centered task-view-modal" role="document">
                    <div class="modal-content modal-content-demo">

                        <div class="modal-header p-5">
                            <h4 class="modal-title text-dark">Effective Call - Effective Account</h4><button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
                        </div>

                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-12 mb-4">
                                    <div id="ec-ea" class="chartsh"></div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="modal fade" id="effectivecall-ipt-modal">
                <div class="modal-dialog modal-dialog-centered task-view-modal" role="document">
                    <div class="modal-content modal-content-demo">

                        <div class="modal-header p-5">
                            <h4 class="modal-title text-dark">Effective Call - IPT</h4><button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
                        </div>

                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-12 mb-4">
                                    <div id="ec-ipt" class="chartsh"></div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="modal fade" id="perform-data-jabatan-modal">
                <div class="modal-dialog modal-dialog-centered task-view-modal" role="document">
                    <div class="modal-content modal-content-demo">

                        <div class="modal-header p-5">
                            <h4 id="ec-modal-title" class="modal-title text-primary fw-semibold">Perform Data by Jabatan</h4><button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
                        </div>

                        <div class="modal-body">
                            <div class="row">
                                <div class="col-lg-12 col-xl-12 col-md-12 col-sm-12">
                                    <h4 class="fw-semibold">Per Cabang</h4>
                                    <div class="form-group">
                                        <label class="form-label">Cabang</label>
                                        <select id="slcab-pcab" class="form-control select2-show-search form-select" style="width: 200px;">
                                            <option value="semua">Semua</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-xl-12 col-md-12 col-sm-12">
                                    <div id="nc-cabang" class="chartsh"></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12 col-xl-12 col-md-12 col-sm-12">
                                    <h4 class="fw-semibold">Per Cabang & Jabatan</h4>
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label class="form-label">Cabang</label>
                                                <select id="slcab-pcabjab" class="form-control select2-show-search form-select" style="width: 200px;">
                                                    <option value="semua">Semua</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label class="form-label">Jabatan</label>
                                                <select id="sljab-pcabjab" class="form-control select2-show-search form-select" style="width: 200px;">
                                                    <option value="semua">Semua</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 mb-4">
                                    <div id="nc-cabjab" class="chartsh"></div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="modal fade" id="activity-modal">
                <div class="modal-dialog modal-dialog-centered task-view-modal" role="document">
                    <div class="modal-content modal-content-demo">

                        <div class="modal-header p-5">
                            <h4 id="psc-modal-title" class="modal-title text-primary fw-semibold">Activity</h4><button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
                        </div>

                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-12 mb-4">
                                    <h4 class="fw-semibold">Data Medis</h4>
                                    <div class="table-responsive">
                                        <table id="activity-medis-table" class="table text-nowrap mb-0 table-bordered">
                                            <thead class="table-head">
                                                <tr>
                                                    <th class="bg-transparent border-bottom-0">LOB</th>
                                                    <th class="bg-transparent border-bottom-0 wp-15">Nama Activity</th>
                                                    <th class="bg-transparent border-bottom-0">Target</th>
                                                    <th class="bg-transparent border-bottom-0">Actual</th>
                                                    <th class="bg-transparent border-bottom-0">Ach%</th>
                                                </tr>
                                            </thead>
                                            <tbody class="table-body">
                                                <tr>
                                                    <td class="text-muted fs-14">KN 1</td>
                                                    <td class="text-muted fs-14 fw-semibold">Meningkatkan KS 4DSOG dari 114 ke 200</td>
                                                    <td class="text-muted fs-14">200</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 1</td>
                                                    <td class="text-muted fs-14 fw-semibold">Activity Prili 3X</td>
                                                    <td class="text-muted fs-14">3</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 1</td>
                                                    <td class="text-muted fs-14 fw-semibold">Activity Lovely 3X</td>
                                                    <td class="text-muted fs-14">3</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 2</td>
                                                    <td class="text-muted fs-14 fw-semibold">Meningkatkan man power productivity NC dari 81 ke 97 (20%)</td>
                                                    <td class="text-muted fs-14">97</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 2</td>
                                                    <td class="text-muted fs-14 fw-semibold">Meningkatkan KS HCI dari 214 ke 276 (75% dari universe 368)</td>
                                                    <td class="text-muted fs-14">276</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 2</td>
                                                    <td class="text-muted fs-14 fw-semibold">Meningkatkan KS DSA dari 142 ke 278 (50% dari universe 557)</td>
                                                    <td class="text-muted fs-14">278</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 3</td>
                                                    <td class="text-muted fs-14 fw-semibold">Massive Sampling 500.000</td>
                                                    <td class="text-muted fs-14">500.000</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 3</td>
                                                    <td class="text-muted fs-14 fw-semibold">Medical Standarization 246 RS</td>
                                                    <td class="text-muted fs-14">246</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 3</td>
                                                    <td class="text-muted fs-14 fw-semibold">Kerjasama Peresepan 200 SpPD</td>
                                                    <td class="text-muted fs-14">200</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 5</td>
                                                    <td class="text-muted fs-14 fw-semibold">Community Innovation (Parenting Club, Kader Posyandu) 60 KS</td>
                                                    <td class="text-muted fs-14">60</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 6</td>
                                                    <td class="text-muted fs-14 fw-semibold">Massive Sampling 250.000</td>
                                                    <td class="text-muted fs-14">250.000</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 6</td>
                                                    <td class="text-muted fs-14 fw-semibold">Medical Standarization 100 RS</td>
                                                    <td class="text-muted fs-14">100</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 6</td>
                                                    <td class="text-muted fs-14 fw-semibold">Kerjasama Peresepan 200 SpPD/SpGK</td>
                                                    <td class="text-muted fs-14">200</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="col-md-12 mb-4">
                                    <h4 class="fw-semibold">Data Non Medis</h4>
                                    <div class="table-responsive">
                                        <table id="activity-nonmedis-table" class="table text-nowrap mb-0 table-bordered">
                                            <thead class="table-head">
                                                <tr>
                                                    <th class="bg-transparent border-bottom-0">LOB</th>
                                                    <th class="bg-transparent border-bottom-0 wp-15">Nama Activity</th>
                                                    <th class="bg-transparent border-bottom-0">Target</th>
                                                    <th class="bg-transparent border-bottom-0">Actual</th>
                                                    <th class="bg-transparent border-bottom-0">Ach%</th>
                                                </tr>
                                            </thead>
                                            <tbody class="table-body">
                                                <tr>
                                                    <td class="text-muted fs-14">KN 1</td>
                                                    <td class="text-muted fs-14 fw-semibold">Meningkatkan man power productivity NC dari 44 ke 50</td>
                                                    <td class="text-muted fs-14">50</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 2</td>
                                                    <td class="text-muted fs-14 fw-semibold">Menambah Outlet Join Morped dari 626 ke 750</td>
                                                    <td class="text-muted fs-14">750</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 2</td>
                                                    <td class="text-muted fs-14 fw-semibold">Menambah Outlet Join KOI KN2 dari 117 ke 200</td>
                                                    <td class="text-muted fs-14">200</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 2</td>
                                                    <td class="text-muted fs-14 fw-semibold">Meningkatkan klaim Chilgo Berbagi 20% dari average 2023</td>
                                                    <td class="text-muted fs-14">300.000.000</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 3</td>
                                                    <td class="text-muted fs-14 fw-semibold">Event Komunitas di 120 komunitas</td>
                                                    <td class="text-muted fs-14">120</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 3</td>
                                                    <td class="text-muted fs-14 fw-semibold">Food Festival 12 titik</td>
                                                    <td class="text-muted fs-14">12</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 3</td>
                                                    <td class="text-muted fs-14 fw-semibold">Kerjasama Horeka di 296 Resto/td>
                                                    <td class="text-muted fs-14">296</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 4</td>
                                                    <td class="text-muted fs-14 fw-semibold">Penetrasi kantin sekolah</td>
                                                    <td class="text-muted fs-14">10</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 4</td>
                                                    <td class="text-muted fs-14 fw-semibold">Penetrasi standarisasi GI</td>
                                                    <td class="text-muted fs-14">10</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 4</td>
                                                    <td class="text-muted fs-14 fw-semibold">S2S</td>
                                                    <td class="text-muted fs-14">8</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 4</td>
                                                    <td class="text-muted fs-14 fw-semibold">SSR</td>
                                                    <td class="text-muted fs-14">14</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 4</td>
                                                    <td class="text-muted fs-14 fw-semibold">Pasar Binaan</td>
                                                    <td class="text-muted fs-14">72</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 5</td>
                                                    <td class="text-muted fs-14 fw-semibold">Menambah Outlet Join KOI dari 79 ke 120</td>
                                                    <td class="text-muted fs-14">120</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 5</td>
                                                    <td class="text-muted fs-14 fw-semibold">Meningkatkan productivity SOO SPG dari Rp. 654.900,- ke Rp. 800.000,-</td>
                                                    <td class="text-muted fs-14">800.000</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 5</td>
                                                    <td class="text-muted fs-14 fw-semibold">Milna Playdate 36 Titik , Target Selling 5jt/titik</td>
                                                    <td class="text-muted fs-14">36</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 6</td>
                                                    <td class="text-muted fs-14 fw-semibold">Event Komunitas di 120 komunitas</td>
                                                    <td class="text-muted fs-14">120</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 6</td>
                                                    <td class="text-muted fs-14 fw-semibold">Grebek Pasar/Blitz Sachet 100 Pasar</td>
                                                    <td class="text-muted fs-14">100</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 7</td>
                                                    <td class="text-muted fs-14 fw-semibold">Go Grosir, GT, Motoris</td>
                                                    <td class="text-muted fs-14">1.290</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-muted fs-14">KN 7</td>
                                                    <td class="text-muted fs-14 fw-semibold">Pengembangan Alternative Channel</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                    <td class="text-muted fs-14">-</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="modal fade" id="mea-modal">
                <div class="modal-dialog modal-dialog-centered task-view-modal" role="document">
                    <div class="modal-content modal-content-demo">

                        <div class="modal-header p-5">
                            <h4 id="ec-modal-title" class="modal-title text-primary fw-semibold">M3 MEA</h4><button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
                        </div>

                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-12 mb-4">
                                    <div id="mea-ipt" class="chartsh"></div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <!-- FOOTER -->
            <footer class="footer">
                <div class="container">
                    <div class="row align-items-center flex-row-reverse">
                        <div class="col-md-12 col-sm-12 text-center">
                            Copyright © 2023 <a href="#">Kalbe</a>. All rights reserved
                        </div>
                    </div>
                </div>
            </footer>
            <!-- FOOTER END -->
        </div>

        <!-- BACK-TO-TOP -->
        <a href="#top" id="back-to-top"><i class="fa fa-long-arrow-up"></i></a>

        <!-- JQUERY JS -->
        <script src="<?php echo e(asset('assets/js/jquery.min.js')); ?>"></script>

        <!-- BOOTSTRAP JS -->
        <script src="<?php echo e(asset('assets/plugins/bootstrap/js/popper.min.js')); ?>"></script>
        <script src="<?php echo e(asset('assets/plugins/bootstrap/js/bootstrap.min.js')); ?>"></script>

        <!-- SIDE-MENU JS-->
        <script src="<?php echo e(asset('assets/plugins/sidemenu/sidemenu.js')); ?>"></script>

        <!-- ECHART JS -->
		<script src="<?php echo e(asset('assets/plugins/echarts/echarts.js')); ?>"></script>
		

        <!-- CHARTJS JS -->
		<script src="<?php echo e(asset('assets/plugins/chart/Chart.bundle.js')); ?>"></script>
		<script src="<?php echo e(asset('assets/plugins/chart/utils.js')); ?>"></script>
		

        <!-- APEXCHART JS -->
        <script src="<?php echo e(asset('assets/js/apexcharts.js')); ?>"></script>

        <!-- INTERNAL SELECT2 JS -->
        <script src="<?php echo e(asset('assets/plugins/select2/select2.full.min.js')); ?>"></script>

        <!-- CHART-CIRCLE JS-->
        <script src="<?php echo e(asset('assets/js/circle-progress.min.js')); ?>"></script>

        <!-- INTERNAL DATA-TABLES JS-->
        <script src="<?php echo e(asset('assets/plugins/datatable/js/jquery.dataTables.min.js')); ?>"></script>
        <script src="<?php echo e(asset('assets/plugins/datatable/js/dataTables.bootstrap5.js')); ?>"></script>
        <script src="<?php echo e(asset('assets/plugins/datatable/dataTables.responsive.min.js')); ?>"></script>

        <!-- INTERNAL Vector js -->
        <script src="<?php echo e(asset('assets/plugins/jvectormap/jquery-jvectormap-2.0.2.min.js')); ?>"></script>
        <script src="<?php echo e(asset('assets/plugins/jvectormap/jquery-jvectormap-world-mill-en.js')); ?>"></script>
        <script src="<?php echo e(asset('assets/plugins/jvectormap/jquery-jvectormap-asia-mill.js')); ?>"></script>
        <script src="<?php echo e(asset('assets/plugins/jvectormap/jquery-jvectormap-au-mill.js')); ?>"></script>
        <script src="<?php echo e(asset('assets/plugins/jvectormap/jquery-jvectormap-ca-lcc.js')); ?>"></script>
        <script src="<?php echo e(asset('assets/plugins/jvectormap/jquery-jvectormap-de-mill.js')); ?>"></script>
        <script src="<?php echo e(asset('assets/plugins/jvectormap/jquery-jvectormap-europe-mill-en.js')); ?>"></script>
        <script src="<?php echo e(asset('assets/plugins/jvectormap/jquery-jvectormap-uk-mill-en.js')); ?>"></script>
        <script src="<?php echo e(asset('assets/plugins/jvectormap/jquery-jvectormap-us-aea-en.js')); ?>"></script>
        <script src="<?php echo e(asset('assets/plugins/jvectormap/jquery-jvectormap-in-mill.js')); ?>"></script>
		

        <!-- INTERNAL Mapel Plugin -->
		<script src="<?php echo e(asset('assets/plugins/mapel/raphael.min.js')); ?>"></script>
		<script src="<?php echo e(asset('assets/plugins/mapel/jquery.mapael.js')); ?>"></script>
		<script src="<?php echo e(asset('assets/plugins/mapel/maps/france_departments.js')); ?>"></script>
        <script src="<?php echo e(asset('assets/plugins/mapel/maps/indonesia.js')); ?>"></script>
		<script src="<?php echo e(asset('assets/plugins/mapel/maps/world_countries.js')); ?>"></script>
		<script src="<?php echo e(asset('assets/plugins/mapel/maps/usa_states.js')); ?>"></script>
		

        <!-- INDEX JS -->
        <script src="<?php echo e(asset('assets/js/index1.js')); ?>"></script>

        <!-- REPLY JS-->
        <script src="<?php echo e(asset('assets/js/reply.js')); ?>"></script>

        <!-- PERFECT SCROLLBAR JS-->
        <script src="<?php echo e(asset('assets/plugins/p-scroll/perfect-scrollbar.js')); ?>"></script>
        <script src="<?php echo e(asset('assets/plugins/p-scroll/pscroll.js')); ?>"></script>

        <!-- STICKY JS -->
        <script src="<?php echo e(asset('assets/js/sticky.js')); ?>"></script>

        <!-- COLOR THEME JS -->
        <script src="<?php echo e(asset('assets/js/themeColors.js')); ?>"></script>

        <!-- CUSTOM JS -->
        <script src="<?php echo e(asset('assets/js/custom.js')); ?>"></script>

        <!-- Dashboard -->
        <script src="<?php echo e(asset('assets/js/dashboard.js')); ?>"></script>

    </body>
</html>
<?php /**PATH C:\laragon\www\kalbe-jatim\resources\views/layouts/app.blade.php ENDPATH**/ ?>