<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Kehadiran Perangkat {{ ucwords($setting->sebutan_desa) }} </title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="robots" content="noindex">
    <!-- Bootstrap 3.3.7 -->
    <link rel="stylesheet" href="{{ asset('bootstrap/css/bootstrap.min.css') }}"/>
    <!-- Jquery UI -->
    <link rel="stylesheet" href="{{ asset('bootstrap/css/jquery-ui.min.css') }}"/>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="{{ asset('bootstrap/css/font-awesome.min.css') }}"/>
    <!-- Ionicons -->
    <link rel="stylesheet" href="{{ asset('bootstrap/css/ionicons.min.css') }}"/>
    <!-- Select2 -->
    <link rel="stylesheet" href="{{ asset('bootstrap/css/select2.min.css') }}"/>
    <!-- Theme style -->
    <link rel="stylesheet" href="{{ asset('css/AdminLTE.min.css') }}"/>
    <!-- AdminLTE Skins. -->
    <link rel="stylesheet" href="{{ asset('css/skins/_all-skins.min.css') }}"/>
    <!-- AdminLTE Modifikasi -->
    <link rel="stylesheet" href="{{ asset('css/admin-style.css') }}"/>
    <!-- Plugins -->
    <link rel="stylesheet" href="{{ asset('css/bootstrap-toggle.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('css/kehadiran-style.css') }}"/>
    @stack('css')

    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>

<body class="hold-transition login-page">
    <div style="margin: 0%; padding-right: 15px; padding-left: 15px;">

        @yield('content')

    </div>

    <!-- jQuery 3 -->
    <script src="{{ asset('bootstrap/js/jquery.min.js') }}"></script>
    <!-- Bootstrap 3.3.7 -->
    <script src="{{ asset('bootstrap/js/bootstrap.min.js') }}"></script>
    <!-- Slimscroll -->
    <script src="{{ asset('bootstrap/js/jquery.slimscroll.min.js') }}"></script>
    <!-- FastClick -->
    <script src="{{ asset('bootstrap/js/fastclick.js') }}"></script>
    <!-- plugins -->
    <script src="{{ asset('js/bootstrap-toggle.min.js') }}"></script>
    @stack('scripts')
    <script>
         // Notifikasi
        window.setTimeout(function() {
            $("#notifikasi").fadeTo(500, 0).slideUp(500, function(){
                $(this).remove();
            });
        }, 1000);
    </script>
</body>
</html>
