Tryag File Manager

/var/www/html/tpid-aden/be/resources/views/base.blade.php

<!DOCTYPE html>
<html lang="en">
{{-- begin::Head --}}

<head>
    <meta charset="utf-8" />
    <title>Portal Mitra Aden & Fauz | @yield('title')</title>
    <meta name="description" content="Page with empty content" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

{{-- begin::Fonts --}}
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
    {{-- end::Fonts --}}
    {{-- begin::Global Theme Styles(used by all pages) --}}
    <link href="{{ asset('assets/plugins/global/plugins.bundle.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/plugins/custom/prismjs/prismjs.bundle.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/css/style.bundle.css') }}" rel="stylesheet" type="text/css" />
    {{-- end::Global Theme Styles --}}

{{-- begin::Layout Themes(used by all pages) --}}
    <link href="{{ asset('assets/css/themes/layout/header/base/light.css?v=7.0.6') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/css/themes/layout/header/menu/light.css?v=7.0.6') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/css/themes/layout/brand/light.css?v=7.0.6') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/css/themes/layout/aside/light.css?v=7.0.6') }}" rel="stylesheet" type="text/css" />
    {{-- end::Layout Themes --}}

#kt_header{
            background-color: white !important;
        }

#kt_brand{
            background-color: white !important;
        }

.required-mark{
            color: #cd4c3d;
        }

.btn-icon:hover{
            symbol: #1b1b28 !important;
        }

#kt_aside_menu_wrapper #kt_aside_menu{
            background: #DA7AA7;
            color: white;
        }

/* #kt_header{
            background: #dc78a7 !important  ;
        } */

.symbol-label-name{
            background: #dc78a7 !important;
            color: white !important ;
        }

#kt_aside_menu{
            margin-top:0 !important;
            margin-bottom: 0 !important;
        }

.menu-text{
            color: white !important;
        }

.menu-icon{
            color: white !important;
        }

.menu-item-active > .menu-link, .menu-item-open > .menu-link{
            background: #e65297      !important;
        }

.menu-item-active > .menu-link > .menu-icon, .menu-item-open > .menu-link > .menu-icon, .menu-link:hover > .menu-icon{
            color: white !important;
        }

.menu-item-active > .menu-link > .menu-text, .menu-item-active .menu-link > .menu-text, .menu-link:hover > .menu-text{
            color: white !important;
        }

.menu-link:hover{
            background: #e65297 !important;
            color: white !important;
        }

.menu-link:hover > .menu-arrow{
            color: #aeaebb !important;
        }

.menu-item.menu-item-open > .menu-link .menu-arrow{
            color: #dc78a7 !important;
        }

.menu-link .menu-bullet.menu-bullet-line > span{
            background-color: #aeaebb !important;
        }

.menu-link:hover .menu-bullet.menu-bullet-line > span{
            background-color: #dc78a7 !important;
        }

.menu-link-active{
            background-color:#e65297 !important;
        }

.custom-file .custom-file-label {
            white-space: nowrap;
            overflow: hidden;
        }
        #loading {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            position: fixed;
            /* display: none; */
            opacity: 0.7;
            background-color: #fff;
            z-index: 99;
            text-align: center;
        }
        #loading-image {
            position: absolute;
            top: 35%;
            left: 45%;
            z-index: 100;
            width:150px;
            height:150px;
        }
    </style>
    @yield('styles')
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <meta name="url" content="{{ url('/') }}">
</head>
{{-- end::Head --}}
{{-- begin::Body --}}

{{-- <body id="kt_body" class="header-fixed header-mobile-fixed aside-enabled aside-fixed @yield('sidebar_min') aside-minimize-hoverable page-loading"> --}}
<body id="kt_body" class="header-fixed header-mobile-fixed subheader-enabled aside-enabled aside-fixed @yield('sidebar_min') aside-minimize-hoverable page-loading">
    <div id="loading">
        <img id="loading-image" src="{{ asset('img/spinner.gif') }}" alt="Loading..." />
    </div>
    
    
    <div id="kt_header_mobile" class="header-mobile align-items-center  header-mobile-fixed ">
        
        <a href="#">
            {{-- <img src="{{ asset("img/sibambo.png") }}" width="85%"/> --}}
            <img alt="Logo" src="{{ asset('assets/media/logos/logo-light.png') }}"/>
        </a>

<div class="d-flex align-items-center">
            
            <button class="btn p-0 burger-icon burger-icon-left" id="kt_aside_mobile_toggle">
                <span></span>
            </button>

{{-- <button class="btn p-0 burger-icon ml-4" id="kt_header_mobile_toggle">
                <span></span>
            </button> --}}

<button class="btn btn-hover-text-primary p-0 ml-2" id="kt_header_mobile_topbar_toggle">
                <span class="svg-icon svg-icon-xl">
                    
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                        height="24px" viewBox="0 0 24 24" version="1.1">
                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <polygon points="0 0 24 0 24 24 0 24" />
                            <path
                                d="M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z"
                                fill="#000000" fill-rule="nonzero" opacity="0.3" />
                            <path
                                d="M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z"
                                fill="#000000" fill-rule="nonzero" />
                        </g>
                    </svg>
                    
                </span>
            </button>
            
        </div>
        
    </div>
    
    <div class="d-flex flex-column flex-root">
        
        <div class="d-flex flex-row flex-column-fluid page">

<div class="aside aside-left  aside-fixed  d-flex flex-column flex-row-auto" id="kt_aside">
                
                <div class="brand flex-column-auto " id="kt_brand">
                    
                    <a href="#" class="brand-logo">
                        {{-- <img src="{{ asset("img/sibambo.png") }}" width="85%"/> --}}
                        <img alt="Logo" src="{{ asset('assets/media/logos/logo-dark.png') }}" width="120"/>
                    </a>
                    
                    
                    <button class="brand-toggle btn btn-sm px-0" id="kt_aside_toggle">
                        <span class="svg-icon svg-icon svg-icon-xl">
                            
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                width="24px" height="24px" viewBox  ="0 0 24 24" version="1.1">
                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <polygon points="0 0 24 0 24 24 0 24" />
                                    <path
                                        d="M5.29288961,6.70710318 C4.90236532,6.31657888 4.90236532,5.68341391 5.29288961,5.29288961 C5.68341391,4.90236532 6.31657888,4.90236532 6.70710318,5.29288961 L12.7071032,11.2928896 C13.0856821,11.6714686 13.0989277,12.281055 12.7371505,12.675721 L7.23715054,18.675721 C6.86395813,19.08284 6.23139076,19.1103429 5.82427177,18.7371505 C5.41715278,18.3639581 5.38964985,17.7313908 5.76284226,17.3242718 L10.6158586,12.0300721 L5.29288961,6.70710318 Z"
                                        fill="#000000" fill-rule="nonzero"
                                        transform="translate(8.999997, 11.999999) scale(-1, 1) translate(-8.999997, -11.999999) " />
                                    <path
                                        d="M10.7071009,15.7071068 C10.3165766,16.0976311 9.68341162,16.0976311 9.29288733,15.7071068 C8.90236304,15.3165825 8.90236304,14.6834175 9.29288733,14.2928932 L15.2928873,8.29289322 C15.6714663,7.91431428 16.2810527,7.90106866 16.6757187,8.26284586 L22.6757187,13.7628459 C23.0828377,14.1360383 23.1103407,14.7686056 22.7371482,15.1757246 C22.3639558,15.5828436 21.7313885,15.6103465 21.3242695,15.2371541 L16.0300699,10.3841378 L10.7071009,15.7071068 Z"
                                        fill="#000000" fill-rule="nonzero" opacity="0.3"
                                        transform="translate(15.999997, 11.999999) scale(-1, 1) rotate(-270.000000) translate(-15.999997, -11.999999) " />
                                </g>
                            </svg>
                            
                        </span>
                    </button>
                    
                </div>

@include('layouts.sidebar')
                
            </div>

<div class="d-flex flex-column flex-row-fluid wrapper" id="kt_wrapper">
                
                @include('layouts.header')

<div class="content  d-flex flex-column flex-column-fluid" id="kt_content">
                    
                    <div class="subheader py-2 py-lg-6  subheader-transparent " id="kt_subheader">
                        <div class=" container-fluid  d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">
                            @yield('breadcrumb')
                        </div>
                    </div>
                    
                    
                    <div class="d-flex flex-column-fluid">
                        
                        <div class=" container-fluid">
                            @yield('content')
                        </div>
                        
                    </div>
                    
                </div>

@include('layouts.footer')
                
            </div>
            
        </div>
        
    </div>

@include('layouts.profile_panel')

<div id="kt_scrolltop" class="scrolltop">
        <span class="svg-icon">
            <svg
                xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px"
                viewBox="0 0 24 24" version="1.1">
                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <polygon points="0 0 24 0 24 24 0 24" />
                    <rect fill="#000000" opacity="0.3" x="11" y="10" width="2" height="10" rx="1" />
                    <path
                        d="M6.70710678,12.7071068 C6.31658249,13.0976311 5.68341751,13.0976311 5.29289322,12.7071068 C4.90236893,12.3165825 4.90236893,11.6834175 5.29289322,11.2928932 L11.2928932,5.29289322 C11.6714722,4.91431428 12.2810586,4.90106866 12.6757246,5.26284586 L18.6757246,10.7628459 C19.0828436,11.1360383 19.1103465,11.7686056 18.7371541,12.1757246 C18.3639617,12.5828436 17.7313944,12.6103465 17.3242754,12.2371541 L12.0300757,7.38413782 L6.70710678,12.7071068 Z"
                        fill="#000000" fill-rule="nonzero" />
                </g>
            </svg>
            </span></div>

<script>
        var KTAppSettings = {
            "breakpoints": {
                "sm": 576,
                "md": 768,
                "lg": 992,
                "xl": 1200,
                "xxl": 1400
            },
            "colors": {
                "theme": {
                    "base": {
                        "white": "#ffffff",
                        "primary": "#3699FF",
                        "secondary": "#E5EAEE",
                        "success": "#1BC5BD",
                        "info": "#8950FC",
                        "warning": "#FFA800",
                        "danger": "#F64E60",
                        "light": "#E4E6EF",
                        "dark": "#181C32"
                    },
                    "light": {
                        "white": "#ffffff",
                        "primary": "#E1F0FF",
                        "secondary": "#EBEDF3",
                        "success": "#C9F7F5",
                        "info": "#EEE5FF",
                        "warning": "#FFF4DE",
                        "danger": "#FFE2E5",
                        "light": "#F3F6F9",
                        "dark": "#D6D6E0"
                    },
                    "inverse": {
                        "white": "#ffffff",
                        "primary": "#ffffff",
                        "secondary": "#3F4254",
                        "success": "#ffffff",
                        "info": "#ffffff",
                        "warning": "#ffffff",
                        "danger": "#ffffff",
                        "light": "#464E5F",
                        "dark": "#ffffff"
                    }
                },
                "gray": {
                    "gray-100": "#F3F6F9",
                    "gray-200": "#EBEDF3",
                    "gray-300": "#E4E6EF",
                    "gray-400": "#D1D3E0",
                    "gray-500": "#B5B5C3",
                    "gray-600": "#7E8299",
                    "gray-700": "#5E6278",
                    "gray-800": "#3F4254",
                    "gray-900": "#181C32"
                }
            },
            "font-family": "Poppins"
        };

</script>

<script src="{{ asset('assets/plugins/global/plugins.bundle.js?v=7.0.6') }}"></script>
    <script src="{{ asset('assets/plugins/custom/prismjs/prismjs.bundle.js?v=7.0.6') }}"></script>
    <script src="{{ asset('assets/js/scripts.bundle.js?v=7.0.6') }}"></script>

<script src="{{ asset('assets/js/pages/widgets.js?v=7.0.6') }}"></script>

@yield('scripts')

</html>