<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>@yield('title') | UPTD. LABLING DLH KOTA PROBOLINGGO</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta content="UPTD. LABLING DLH KOTA PROBOLINGGO" name="description" />
        <meta content="UPTD. LABLING DLH KOTA PROBOLINGGO" name="author" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <!-- App favicon -->
        <link rel="shortcut icon" href="{{ asset('images/logotitle.png') }}">

        <!-- Datatables css -->
        <link href="{{ asset('DB/assets/libs/datatables/dataTables.bootstrap4.css') }}" rel="stylesheet" type="text/css" />
        <link href="{{ asset('DB/assets/libs/datatables/responsive.bootstrap4.css') }}" rel="stylesheet" type="text/css" />
        <link href="{{ asset('DB/assets/libs/datatables/buttons.bootstrap4.css') }}" rel="stylesheet" type="text/css" />
        <link href="{{ asset('DB/assets/libs/datatables/select.bootstrap4.css') }}" rel="stylesheet" type="text/css" />

        <!-- App css -->
        <link href="{{ asset('DB/assets/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" id="bootstrap-stylesheet" />
        <link href="{{ asset('DB/assets/css/icons.min.css') }}" rel="stylesheet" type="text/css" />
        <link href="{{ asset('DB/assets/css/app.min.css') }}" rel="stylesheet" type="text/css" id="app-stylesheet" />

        @yield('css')
    </head>

    <body>

        <!-- Begin page -->
        <div id="wrapper">

            @include('Dashboard.partials.navbar')
            
            @include('Dashboard.partials.sidebar')

            <!-- ============================================================== -->
            <!-- Start Page Content here -->
            <!-- ============================================================== -->

            <div class="content-page">
                <div class="content">
                    
                    <!-- Start Content-->
                    <div class="container-fluid">
                        
                        <!-- start page title -->
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box">
                                    <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            @yield('breadcrumb')
                                        </ol>
                                    </div>
                                    <h4 class="page-title">@yield('page-title')</h4>
                                </div>
                            </div>
                        </div>     
                        <!-- end page title --> 
                        
                        @yield('content')
                        
                    </div> <!-- end container-fluid -->

                </div> <!-- end content -->

                @include('Dashboard.partials.footer')

            </div>

            <!-- ============================================================== -->
            <!-- End Page content -->
            <!-- ============================================================== -->

        </div>
        <!-- END wrapper -->





        <!-- Vendor js -->
        <script src="{{ asset('DB/assets/js/vendor.min.js') }}"></script>

        <!-- Datatables js -->
        <script src="{{ asset('DB/assets/libs/datatables/jquery.dataTables.min.js') }}"></script>
        <script src="{{ asset('DB/assets/libs/datatables/dataTables.bootstrap4.min.js') }}"></script>

        <script src="{{ asset('DB/assets/libs/datatables/dataTables.responsive.min.js') }}"></script>
        <script src="{{ asset('DB/assets/libs/datatables/responsive.bootstrap4.min.js') }}"></script>
        <script src="{{ asset('DB/assets/libs/datatables/dataTables.buttons.min.js') }}"></script>
        <script src="{{ asset('DB/assets/libs/datatables/buttons.bootstrap4.min.js') }}"></script>
        <script src="{{ asset('DB/assets/libs/datatables/buttons.html5.min.js') }}"></script>
        <script src="{{ asset('DB/assets/libs/datatables/buttons.flash.min.js') }}"></script>
        <script src="{{ asset('DB/assets/libs/datatables/buttons.print.min.js') }}"></script>
        <script src="{{ asset('DB/assets/libs/datatables/dataTables.keyTable.min.js') }}"></script>
        <script src="{{ asset('DB/assets/libs/datatables/dataTables.select.min.js') }}"></script>
        <script src="{{ asset('DB/assets/libs/jszip/jszip.min.js') }}"></script>


        <script src="{{ asset('DB/assets/libs/pdfmake/pdfmake.min.js') }}"></script>
        <script src="{{ asset('DB/assets/libs/pdfmake/vfs_fonts.js') }}"></script>
        <script src="{{ asset('DB/assets/libs/datatables/buttons.html5.min.js') }}"></script>
        <script src="{{ asset('DB/assets/libs/datatables/buttons.print.min.js') }}"></script>
        <script src="{{ asset('DB/assets/libs/datatables/buttons.colVis.js') }}"></script>



        <!-- Datatables init -->
        <script src="{{ asset('DB/assets/js/pages/datatables.init.js') }}"></script>

        <!-- App js -->
        <script src="{{ asset('DB/assets/js/app.min.js') }}"></script>
        
        @yield('scripts')
    </body>
</html>
