@if(count($modules) > 1 || (isset($_GET['menu']) && $_GET['menu'] == 'all'))
    <meta name="_token" content="{{ csrf_token() }}" />
    <link rel="stylesheet" href="{{ asset('assets/icons/font-awesome/css/fontawesome-all.min.css') }}" /> 
    <link rel="stylesheet" href="{{ asset('asset_dore/css/simplebar.css') }}" />    
    <script src="{{ asset('asset_dore/js/simplebar.min.js') }}"></script>

    @extends('layouts.template')

    @section('title', 'Portal')

    @section('content')
        <!--suppress CssUnknownTarget -->
        <style>
            /* default md */
            #screen-dekstop {
                margin-top: 5vh;
            }
            #profile-card {
                border: none;
                background: url("/asset_web/img/portal/noise-blue.svg");
                width: 100%;
                /* min-height: 38vh; */
                min-width: 12rem;
                overflow: hidden;
                border-radius: 1rem;
            }

            #profile-card.expired {
                background: #f5f5f5;
            }

            #profile-card .deadline-text {
                display: none;
                margin-top: 3px;
                font-size: 0.5rem;
                font-weight: 400;
            }

            #profile-card.expired .deadline-text {
                display: block;
            }

            #profile-card.expired .profile-background-flower {
                transform: rotate(0deg);
                right: 0;
                bottom: -7rem;
            }

            .profile-background-flower {
                position: absolute;
                bottom: -4rem;
                right: -5rem;
                height: 100%;
                width: 100%;
                transform: rotate(250deg);
            }

            #profile-card .avatar-image {
                height: 4rem;
                width: 4rem;
            }

            #profile-card #username {
                font-size: 0.875rem;
                font-weight: 600;
            }

            #profile-card.expired .status-service {
                color: #ff0000;
            }

            #profile-card .status-service {
                background-color: #ffffff;
                padding: 0.5rem;
                border-radius: 0.375rem;
                font-size: 0.75rem;
                color: #4f9b67;
                font-weight: 600;
            }
            .fw-600{
                font-weight: 600;
            }

            .module-container {
                flex-grow: 2;
            }

            .module-container .module-header {
                border-bottom: 1px solid #dee1e6;
            }

            .module-container .module-header h5 {
                font-size: 1.25rem;
                font-weight: 600;
            }

            .module-body::-webkit-scrollbar {
                width: 0.75rem;
            }

            .module-body::-webkit-scrollbar-track {
                background-color: #f5f5f5;
            }

            .module-body::-webkit-scrollbar-thumb {
                border-radius: 1rem;
                background-color: #e4e4e7;
                border: 3px solid #f5f5f5;
            }

            .module-container .module-body {
                position: relative;
                display: grid !important;
                grid-template-columns: repeat(1, 1fr);
                gap: 1rem;
                padding-top: 1rem;
                max-height: 37vh;
                overflow-x: hidden;
                overflow-y: auto;
                column-gap: 3rem;
            }

            .module-container .module-body .module-item {
                display: flex;
                flex-direction: row;
                column-gap: 1rem;
                border-bottom: 1px solid #dee1e6;
                cursor: pointer;
            }

            .module-item:hover{
                background-color: #f5f5f5
            }

            .group-module-container:hover{
                background: #BABCBE;
            }

            .module-item img {
                max-height: 2.5rem;
                max-width: 2.5rem;
                border-radius: 50%;
            }

            .module-content{
                min-height: 58.8px;
            }

            .module-item .module-content {
                display: flex;
                flex-direction: column;
                flex-grow: 2;
            }

            .module-item .module-content h6 {
                font-size: 0.875rem;
                font-weight: 600;
            }

            .module-item .module-content p {
                font-size: 0.75rem;
                font-weight: 400;
            }

            .module-item .module-action {
                align-self: center;
            }

            .module-item .module-action button {
                background-color: #4070ea;
                color: #ffffff;
                font-size: 0.75rem;
                padding: 0.5rem 0.75rem;
                border-radius: 6.25rem;
                outline: none;
                border: none;
            }

            .module-item .module-action button:active {
                background-color: #3964D2;
            }

            .module-item .module-action button.active {
                background-color: #ffffff;
                color: #3964D2;
                border: 1px solid #3964D2;
            }

            .support-container .support-header {
                border-bottom: 1px solid #dee1e6;
                padding-bottom: 1rem;
            }

            .support-container .support-header h5 {
                font-size: 1.25rem;
                font-weight: 600;
                margin-bottom: 0;
            }

            .support-container{
                padding-bottom: 1rem;
                position: absolute;
                bottom: 0rem;
            }

            .support-container .support-body {
                height: 170px;
                border-radius: 1rem;
                background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.25) 100%), url("{{ asset('asset_web/img/portal/Mask Group.png') }}") no-repeat center;
                background-size: cover;
            }

            .support-container .support-body .item h6 {
                font-size: 1rem;
                font-weight: 600;
            }
            .support-container .support-body p {
                font-size: 12px;
            }
            .support-container .support-body .item {
                color: black;
                text-decoration: unset;
            }

            .support-container .support-body img {
                height: 68px;
            }

            .bg-grey{
                background: rgba(242, 242, 242, 1);
                border-top-left-radius: 1rem;
                border-bottom-left-radius: 1rem;
                border-right: 5px dotted rgba(242, 242, 242, 1);
            }

            @media (min-width: 1024px) {
                .module-container .module-body {
                    grid-template-columns: repeat(2, 1fr)
                }
            }

            @media (min-width: 1280px) {
                .profile-background-flower {
                    bottom: -4rem;
                    right: -2rem;
                    transform: rotate(254deg);
                }
            }

            .group-module{
                height: 221px;
            }

            @media (min-height: 720px){
                .user-profile{
                    max-width: 300px !important;
                }

                .module-container .module-body {
                    max-height: calc(95vh - 422px);
                }
            }

            .search-container {
                position: relative;
                display: inline-block;
                width: 100%;
            }

            .search-input {
                width: 100%;
                padding: 5px 15px 5px 40px;
                font-size: 12px;
                outline: none;
                color: rgba(85, 98, 122, 1);
                border: 1px solid rgba(198, 208, 218, 1);
                border-radius: 6px;
            }

            .search-icon {
                position: absolute;
                left: 15px;
                top: 50%;
                transform: translateY(-50%);
                color: #888;
                font-size: 16px;
            }

            .group-module-container{
                padding: 10px 5px;
                gap: 0.5rem;
                border-radius: 0.3rem;
            }

            .group-module-container.active{
                background: rgba(64, 112, 234, 1);
                color: white;
            }

            .group-module-content h6:not(.text-muted){
                font-size: 14px !important;
            }

            .group-module-container img{
                width: 16px;
                filter: invert(1) sepia(0) saturate(0) hue-rotate(0deg) brightness(0) contrast(1);
            }

            .group-module-container.active img{
                filter: invert(1) sepia(0) saturate(0) hue-rotate(0deg) brightness(2) contrast(1);
            }

            .user-profile {
                position: absolute;
                bottom: -10px;
                width: 100%;
                max-width: 270px;
            }

            .user-profile h6{
                font-size: 14px;
            }
            .user-profile p{
                font-size: 12px;
            }
            .success-text{
                color: var(--bs-success);
            }

            #btn-logout:hover{
                background: none;
            }
            .text-white{
                color: white !important;
            }
            .bg-white{
                border-radius: 0.5rem;
                padding: 1.5rem;
                height: 140px;
            }
            .support-body .item p{
                font-size: 10px;
            }

            .group-module-container {
                cursor: pointer;
            }
            .w-25{
                width: 25%;
            }
            .text-muted{
                font-size: 12px !important;
            }
            .btn-danger:hover{
                background: #ff000086 !important;
                color: white !important;
            }
        </style>

        <div id="screen-mobile" class="d-md-none" style="margin-top: 50%;">
            <div class="card">
                <div class="card-body">
                    Layar lebih besar memberikan kenyamanan dan kemudahan navigasi. Coba akses aplikasi ini dari tablet atau
                    komputer Anda.
                </div>
            </div>
        </div>

        <div id="screen-dekstop" class="d-none d-md-block">
            <div class="card custom-card">
                <div class="card-body p-0 row">
                    <div class="col-md-3 col-sm-12 bg-grey px-4 py-3" style="min-height: 520px">
                        <div id="profile-card" class="card position-relative">
                            <div class="card-body d-flex flex-column align-items-center">
                                <img class="avatar-image" alt="avatar"
                                    src="{{ config('api.url') . 'admin-auth/storage-file?filename=' . Session::get('foto') . '&kode_lokasi=' . Session::get('lokasi') }}"
                                    onerror="this.onerror=null;this.src='{{ asset('img/user.png') }}';" />
                                <h6 id="username">{{ Session::get('namaUser') }}</h6>
                                <div class="status-service shadow-sm">Perbarui Layanan</div>
                                <p class="deadline-text">Expired 01 Jun 2024</p>
                            </div>
                            <img class="profile-background-flower" alt="image-flower"
                                src="{{ asset('asset_web/img/portal/green-flower.png') }}">
                        </div>
                        <div class="group-module-container py-1 mt-3">
                            {{-- <img alt="group-module-icon" src="{{ asset('asset_web/img/portal/buildings.svg') }}"> --}}
                            {{-- <i class="fa fa-user"></i> --}}
                            <div class="group-module-content">
                                <h6 class="mb-1 text-muted">NIK</h6>
                            </div>
                            <div class="group-module-content">
                                <h6 class="mb-2">{{ Session::get('userLog') }}</h6>
                            </div>
                        </div>
                        <div class="group-module-container py-1">
                            {{-- <img alt="group-module-icon" src="{{ asset('asset_web/img/portal/buildings.svg') }}"> --}}
                            {{-- <i class="fa fa-user"></i> --}}
                            <div class="group-module-content">
                                <h6 class="mb-1 text-muted">Lokasi</h6>
                            </div>
                            <div class="group-module-content">
                                <h6 class="mb-2">{{ Session::get('lokasi') }} - {{ Session::get('namaLokasi') }}</h6>
                            </div>
                        </div>
                        <div class="group-module-container py-1">
                            {{-- <img alt="group-module-icon" src="{{ asset('asset_web/img/portal/buildings.svg') }}"> --}}
                            {{-- <i class="fa fa-user"></i> --}}
                            <div class="group-module-content">
                                <h6 class="mb-1 text-muted">Unit</h6>
                            </div>
                            <div class="group-module-content">
                                <h6 class="mb-2">{{ Session::get('kodePP') }} - {{ Session::get('namaPP') }}</h6>
                            </div>
                        </div>
                        <div class="group-module-container py-1">
                            {{-- <img alt="group-module-icon" src="{{ asset('asset_web/img/portal/buildings.svg') }}"> --}}
                            {{-- <i class="fa fa-user"></i> --}}
                            <div class="group-module-content">
                                <h6 class="mb-1 text-muted">Jabatan</h6>
                            </div>
                            <div class="group-module-content">
                                <h6 class="mb-2">{{ Session::get('jabatan') }}</h6>
                            </div>
                        </div>
                        <div class="col-md-3" style="position: absolute; bottom: 30px; margin-left: -20px;">
                            <form method="POST" action="{{ url('/register/logout') }}" id="form-logout" class="text-center mt-3 mx-auto">
                                <input type="hidden" id="form_login" name="form_login">
                                @csrf
                                <button type="submit" class="btn px-2 py-0" id="btn-logout" title="Logout">
                                    <img src="{{ asset('asset_web/img/portal/fi-bs-power.png') }}" alt="">
                                    Keluar
                                </button>
                            </form>
                        </div>
                    </div>
                    <div class="col-md-9 col-sm-12 px-0">
                        <div class="module-container px-4 py-3">
                            <div class="module-header d-flex flex-row justify-content-between align-items-center">
                                <h5 id="module-header-name">Portal Modul - {{ Session::get('namaLokasi') }}</h5>
                                <div class="search-container my-2" style="width:250px;">
                                    <input type="text" class="search-input" placeholder="Cari Menu" id="cari-menu">
                                    <i class="fa fa-search search-icon"></i>
                                </div>
                            </div>
                            <div class="module-body">
                                @foreach ($modules as $item)
                                    <div class="module-item" data-jenis="{{ $item['jenis'] }}" data-kode_klp="{{ $item['kode_klp'] }}"
                                    data-form="{{ $item['form'] }}" data-kode_form="{{ $item['kode_form'] }}"
                                    data-nama_form="{{ $item['nama_form'] }}" data-view_menu="{{ $item['view_menu'] }}" data-main_style="{{ $item['main_style'] }}" form="form-{{ $item['kode_klp'] }}">
                                        <img alt="module-icon" src="{{ asset('asset_dore/icon') }}/{{ $item['icon'] }}">
                                        <div class="module-content">
                                            <h6>{{ $item['nama_klp'] }}</h6>
                                            <p>{{ $item['keterangan'] == "-" ? "" : $item['keterangan'] }}</p>
                                        </div>
                                        <div class="module-action">
                                            <button class="btn-portal" type="button" data-jenis="{{ $item['jenis'] }}" data-kode_klp="{{ $item['kode_klp'] }}"
                                                data-form="{{ $item['form'] }}" data-kode_form="{{ $item['kode_form'] }}"
                                                data-nama_form="{{ $item['nama_form'] }}" form="form-{{ $item['kode_klp'] }}" data-view_menu="{{ $item['view_menu'] }}" data-main_style="{{ $item['main_style'] }}">
                                                Buka
                                            </button>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            <div class="text-center mt-2">
                                <button class="btn btn-light" id="btn-scroll-up" style="border-radius:50% !important;">
                                    <i style="color:#BABCBE;" class="fa fa-2x fa-caret-up"></i>
                                </button>
                                <button class="btn btn-light" id="btn-scroll-down" style="border-radius:50% !important;">
                                    <i style="color:black;" class="fa fa-2x fa-caret-down"></i>
                                </button>
                            </div>
                        </div>
                        <div class="support-container px-4">
                            <div class="support-body">
                                <div class="row p-3">
                                    <div class="col-4 my-auto">
                                        <div class="mx-4">
                                            <h6 class="text-white">Layanan+</h6>
                                            <p class="text-white">Kami berkomitmen
                                                dalam mendampingi setiap perjalanan Anda 
                                                menggunakan aplikasi kami.</p>
                                        </div>
                                    </div>
                                    <div class="col-8">
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="bg-white">
                                                    <a href="#" class="item">
                                                        <div class="d-flex">
                                                            <div>
                                                                <h6>Panduan</h6>
                                                                <p>Informasi lengkap penggunaan aplikasi.</p>
                                                            </div>
                                                            <img alt="documentation" src="{{ asset('asset_web/img/portal/dictionary.png') }}">
                                                        </div>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="bg-white">
                                                    <form method="POST" action="{{ url('/ticketing/open') }}" id="menu-ticketing" target="_blank">
                                                        @csrf
                                                        <button type="submit" class="dropdown-item" title="Logout">
                                                            <div class="d-flex">
                                                                <div>
                                                                    <h6>Ticketing</h6>
                                                                    <p>Sampaikan pada <br/> kami jika ada kendala. <br/>Tim kami siap membantu Anda.</p>
                                                                </div>
                                                                <img alt="ticketing" src="{{ asset('asset_web/img/portal/question.png') }}">
                                                            </div>
                                                        </button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            var delayTimer;
            var modules = @json($modules);
            $(document).ready(function() {
                
                window.localStorage.setItem('logged_in', true);
                window.localStorage.setItem('form-logesaku', "{{ Session::get('form_login') }}");
                $('#form_login').val(window.localStorage.getItem('form-logesaku'));
                $('.module-body').scroll(function() {
                    if ($('.module-body').scrollTop() == 0) {
                        $('#btn-scroll-up i').css('color', '#BABCBE');
                        $('#btn-scroll-down i').css('color', '#black');
                    } 
                    else if ($('.module-body').scrollTop() == $('.module-body')[0].scrollHeight - $('.module-body')[0].clientHeight) {
                        $('#btn-scroll-up i').css('color', 'black');
                        $('#btn-scroll-down i').css('color', '#BABCBE');
                    } 
                    else {
                        $('#btn-scroll-up i').css('color', 'black');
                        $('#btn-scroll-down i').css('color', 'black');
                    }
                });

                $('#btn-scroll-up').on('click', function() {
                    $('.module-body').animate({
                        scrollTop: '-=100px'
                    }, 'fast');
                });

                $('#btn-scroll-down').on('click', function() {
                    $('.module-body').animate({
                        scrollTop: '+=100px'
                    }, 'fast');
                });

                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                    }
                });

                function cekRequirementTicketing(param) {
                    $.ajax({
                        type: 'GET',
                        url: "{{ url('admin-auth/cek-require-ticketing') }}",
                        dataType: 'json',
                        async: false,
                        data: {
                            nik: "{{ Session::get('userLog') }}"
                        },
                        success: function(result) {
                            if (result.status) {
                                window.localStorage.setItem('LUMEN9_PORTAL_MENU', param.kode);
                                window.localStorage.setItem('LUMEN9_PORTAL_MENU_DASH', param.form);
                                window.localStorage.setItem('LUMEN9_PORTAL_MENU_DASH_NAME', param
                                .nama_form);
                                window.localStorage.setItem('LUMEN9_PORTAL_MENU_DASH_CODE', param
                                .kode_form);
                                window.localStorage.setItem('LUMEN9_PORTAL_MENU_OPEN', true);
                                if(param.main_style == "mainstyle_baru.css"){
                                    window.location.href = "{{ url('/admin-auth/base') }}";
                                }else{
                                    window.location.href = "{{ url('/admin-auth/dash') }}";
                                }
                            } else {
                                alert(result.message);
                            }
                        }
                    })
                }

                if ($('#profile-card').hasClass('expired')) {
                    $('.profile-background-flower').attr('src',
                        "{{ asset('asset_web/img/portal/red-wave.png') }}");
                }

                $('.btn-portal').each(function(index, element) {
                    let kode_klp = $(this).data('kode_klp');
                    let session_klp = window.localStorage.getItem('LUMEN9_PORTAL_MENU');
                    if (kode_klp === session_klp) {
                        $(this).addClass('active');
                        $(this).text('Aktif');
                    }
                });

                $('.module-body').on('click', '.module-item', function(e) {
                    e.preventDefault();
                    let kode_klp = $(this).data('kode_klp');
                    let form = $(this).data('form');
                    let kode_form = $(this).data('kode_form');
                    let nama_form = $(this).data('nama_form');
                    let jenis = $(this).data('jenis');
                    let view_menu = $(this).data('view_menu');
                    let main_style = $(this).data('main_style');

                    if (kode_klp == "TKT2-U" || kode_klp == "TKT2-P" || kode_klp == "TK2") {
                        cekRequirementTicketing({
                            kode: kode,
                            kode_form: kode_form,
                            nama_form: nama_form,
                            form: form,
                            view_menu: view_menu,
                            main_style: main_style,
                        });
                    } else {
                        var allMenuClassNames = "menu-default menu-hidden sub-hidden main-hidden menu-sub-hidden main-show-temporary sub-show-temporary menu-mobile";
                        $('body').removeClass(allMenuClassNames);
                        $('body').addClass(view_menu);
                        if(typeof window.doreMenu !== 'undefined'){
                            if(window.doreMenu.getMenuClickCount() != 0) { 
                                window.doreMenu.setMenuClickCount(0)
                            }
                        }
                        let jenis = $(this).data('jenis');
                        window.localStorage.setItem('LUMEN9_PORTAL_MENU', kode_klp);
                        window.localStorage.setItem('LUMEN9_PORTAL_MENU_DASH', form);
                        window.localStorage.setItem('LUMEN9_PORTAL_MENU_DASH_NAME', nama_form);
                        window.localStorage.setItem('LUMEN9_PORTAL_MENU_DASH_CODE', kode_form);
                        window.localStorage.setItem('LUMEN9_PORTAL_MENU_OPEN', true);
                        if (jenis != "MOBILE") {
                            window.sessionStorage.removeItem('LUMEN9_MENU_VIEW');
                            window.sessionStorage.removeItem('LUMEN9_MAIN_STYLE');
                            window.sessionStorage.setItem('LUMEN9_MENU_VIEW',view_menu);
                            window.sessionStorage.setItem('LUMEN9_MAIN_STYLE',main_style);
                            if(main_style == "mainstyle_baru.css"){
                                window.location.href = "{{ url('/admin-auth/base') }}";
                            }else{
                                window.location.href = "{{ url('/admin-auth/dash') }}";
                            }
                        }else{
                            window.open("{{ url('/mobile/home') }}", "_blank");
                        }
                    }
                });

                $('#cari-menu').keyup(function(){
                    clearTimeout(delayTimer);
                    delayTimer = setTimeout(function() {
                        var searchField = $('#cari-menu').val().toLowerCase();
                        var filtered = modules.filter(function(item) {
                            return item.nama_klp.toLowerCase().includes(searchField) || item.keterangan.toLowerCase().includes(searchField);
                        });
                        
                        var html = '';
                        if(filtered.length > 0){
                            for(i = 0; i < filtered.length; i++){
                                var item = filtered[i];
                                html += `<div class="module-item" data-jenis="${item.jenis}" data-kode_klp="${item.kode_klp}"
                                data-form="${item.form}" data-kode_form="${item.kode_form}"
                                data-nama_form="${item.nama_form}" data-view_menu="${item.view_menu}" data-main_style="${item.main_style}" form="form-${item.kode_klp}">
                                    <img alt="module-icon" src="{{ asset('asset_dore/icon') }}/${item.icon}">
                                    <div class="module-content">
                                        <h6>${item.nama_klp}</h6>
                                        <p>${item.keterangan == "-" ? "" : item.keterangan}</p>
                                    </div>
                                    <div class="module-action">
                                        <button class="btn-portal" type="button" data-jenis="${item.jenis}" data-kode_klp="${item.kode_klp}"
                                            data-form="${item.form}" data-kode_form="${item.kode_form}"
                                            data-nama_form="${item.nama_form}" form="form-${item.kode_klp}" data-view_menu="${item.view_menu}" data-main_style="${item.main_style}">
                                            Buka
                                        </button>
                                    </div>
                                </div>`;
                            }
                        }
                        $('.module-body').html(html);
                    }, 300);

                });

                var sesi_start = parseInt("{{ Session::get('session_started_at') }}", 10);
                var sesi_lifetime = parseInt("{{ config('session.lifetime') }}", 10) * 60;
                var sesi_now = parseInt("{{ time() }}", 10);
                var sesi_remaining = (sesi_start + sesi_lifetime) - sesi_now;
                setTimeout(function() {
                    window.location.href = "{{ url('admin-auth/sesi-habis') }}";
                }, 1000 * parseInt(sesi_remaining));
            });
        </script>
    @endsection
@else 
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script type="text/javascript">
    var delayTimer;
    var modules = @json($modules);
    console.log(modules);
    var kode_klp = modules[0].kode_klp;
    var form = modules[0].form;
    var kode_form = modules[0].kode_form;
    var nama_form = modules[0].nama_form;
    var jenis = modules[0].jenis;
    var view_menu = modules[0].view_menu;
    var main_style = modules[0].main_style;

    if (kode_klp == "TKT2-U" || kode_klp == "TKT2-P" || kode_klp == "TK2") {
        cekRequirementTicketing({
            kode: kode,
            kode_form: kode_form,
            nama_form: nama_form,
            form: form,
            view_menu: view_menu,
            main_style: main_style,
        });
    } else {
        var allMenuClassNames = "menu-default menu-hidden sub-hidden main-hidden menu-sub-hidden main-show-temporary sub-show-temporary menu-mobile";
        $('body').removeClass(allMenuClassNames);
        $('body').addClass(view_menu);
        if(typeof window.doreMenu !== 'undefined'){
            if(window.doreMenu.getMenuClickCount() != 0) { 
                window.doreMenu.setMenuClickCount(0)
            }
        }
        var jenis = modules[0].jenis;
        window.localStorage.setItem('LUMEN9_PORTAL_MENU', kode_klp);
        window.localStorage.setItem('LUMEN9_PORTAL_MENU_DASH', form);
        window.localStorage.setItem('LUMEN9_PORTAL_MENU_DASH_NAME', nama_form);
        window.localStorage.setItem('LUMEN9_PORTAL_MENU_DASH_CODE', kode_form);
        window.localStorage.setItem('LUMEN9_PORTAL_MENU_OPEN', true);
        if (jenis != "MOBILE") {
            window.sessionStorage.removeItem('LUMEN9_MENU_VIEW');
            window.sessionStorage.removeItem('LUMEN9_MAIN_STYLE');
            window.sessionStorage.setItem('LUMEN9_MENU_VIEW',view_menu);
            window.sessionStorage.setItem('LUMEN9_MAIN_STYLE',main_style);
            if(main_style == "mainstyle_baru.css"){
                window.location.href = "{{ url('/admin-auth/base') }}";
            }else{
                window.location.href = "{{ url('/admin-auth/dash') }}";
            }
        }else{
            window.open("{{ url('/mobile/home') }}", "_blank");
        }
    }
</script>
@endif