<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8" />
    <title>KPM - Bantuan Bersepadu</title>
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta property="og:title" content="" />
    <meta property="og:type" content="" />
    <meta property="og:url" content="" />
    <meta property="og:image" content="" />
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="{{ asset('overide/web/themes/kpm/assets/imgs/theme/favicon.png') }}" />

    <link rel="stylesheet" href="{{ asset('overide/web/themes/kpm/assets/css/plugins/animate.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('overide/web/themes/kpm/assets/css/main.css?v=1.0') }}" />
    <link rel="stylesheet" href="{{asset('overide/web/themes/kpm/assets/css/main2.css')}}" />

    <link rel="stylesheet" type="text/css" href="{{asset('overide/web/themes/apim/default/vendors/data-tables/css/jquery.dataTables.css')}}">

    <link rel="stylesheet" type="text/css" href="{{asset('overide/web/themes/apim/default/vendors/sweetalert/sweetalert.css')}}">


    <style type="text/css">

        .swal-title {
         color:rgba(0,0,0,.65);
         font-weight:600;
         text-transform:none;
         position:relative;
         display:block;
         padding:13px 16px;
         font-size:18px;
         line-height:normal;
         text-align:center;
         margin-bottom:0
        },
        .btnadd {
            background-color: #50ca67;
        },
        .tdbreak {
          word-break: break-all
        }
        .wrap-me{
          word-break: break-all !important;
        }

    </style>



</head>

@stack('style')


    <?php 
        
        use \Carbon\Carbon;
        $id = auth()->user()->id;
        $counts = \Overdrive\Web\Model\NotificationTable::where('status','=',0)->where('fk_users','=',$id)->where('created_at','>',Carbon::now()->subDays(5))->count();

    ?>

<body>
    <div id="preloader-active">
        <div class="preloader d-flex align-items-center justify-content-center">
            <div class="preloader-inner position-relative">
                <div class="text-center">
                    <img src="{{ asset('overide/web/themes/kpm/assets/imgs/theme/loading.gif') }}" alt="jobhub" />
                </div>
            </div>
        </div>
    </div>
    @include('web::backend.layouts.kpm.header')
    @include('web::backend.layouts.kpm.mobile-menu')
    <main class="" style="margin:10px">
        <div class="container">
            <div class="row flex-row-reverse">
                    <div class="col float-right sidebar-with-bg" style="padding:unset">
                        @yield('content')
                    </div>
                    @include('web::backend.layouts.kpm.menu')
                    
                </div>
        </div>
    </main>

    <footer class="footer">
        <div class="container">

            <div class="footer-bottom">
                <div class="row">
                    <div class="col-12">
                        Copyright ©2022 <a href="#"><strong>KPM</strong></a>. All Rights Reserved
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- End Footer -->
    <!-- Vendor JS-->
    <script src="{{ asset('overide/web/themes/kpm/assets/js/vendor/modernizr-3.6.0.min.js') }}"></script>
    <script src="{{ asset('overide/web/themes/kpm/assets/js/vendor/jquery-3.6.0.min.js') }}"></script>
    <script src="{{ asset('overide/web/themes/kpm/assets/js/vendor/jquery-migrate-3.3.0.min.js') }}"></script>
    <script src="{{ asset('overide/web/themes/kpm/assets/js/vendor/bootstrap.bundle.min.js') }}"></script>
    <script src="{{ asset('overide/web/themes/kpm/assets/js/plugins/waypoints.js') }}"></script>
    <script src="{{ asset('overide/web/themes/kpm/assets/js/plugins/wow.js') }}"></script>
    <script src="{{ asset('overide/web/themes/kpm/assets/js/plugins/magnific-popup.js') }}"></script>
    <script src="{{ asset('overide/web/themes/kpm/assets/js/plugins/perfect-scrollbar.min.js') }}"></script>
    <script src="{{ asset('overide/web/themes/kpm/assets/js/plugins/select2.min.js') }}"></script>
    <script src="{{ asset('overide/web/themes/kpm/assets/js/plugins/isotope.js') }}"></script>
    <script src="{{ asset('overide/web/themes/kpm/assets/js/plugins/scrollup.js') }}"></script>
    <script src="{{ asset('overide/web/themes/kpm/assets/js/plugins/swiper-bundle.min.js') }}"></script>
    <script src="{{ asset('overide/web/themes/kpm/assets/js/main.js?v=1.0') }}"></script>


    <script src="{{asset('overide/web/themes/apim/assets/js/app.js')}}"></script>
    <script src="{{asset('overide/web/themes/apim/default/js/vendors.min.js')}}"></script>
    <script src="{{asset('overide/web/themes/apim/default/vendors/select2/select2.full.min.js')}}"></script>
    <script src="{{asset('overide/web/themes/apim/default/js/scripts/form-select2.js')}}"></script>
    <script src="{{asset('overide/web/themes/apim/default/vendors/data-tables/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('overide/web/themes/apim/default/vendors/data-tables/extensions/responsive/js/dataTables.responsive.min.js')}}"></script>
    <script src="{{asset('overide/web/themes/apim/default/vendors/data-tables/js/dataTables.select.min.js')}}"></script>
    <script src="{{asset('overide/web/themes/apim/default/js/scripts/data-tables.js')}}"></script>
    <script src="{{asset('overide/web/themes/apim/default/vendors/sweetalert/sweetalert.min.js')}}"></script>

    <script type="text/javascript">

    $(document).ready(function() {

          document.getElementById('notis').innerHTML = "{{$counts}}";

    });

    </script>

    @include('web::backend.layouts.message')

     @stack('script')
    



</body>

</html>


