<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <title>Vega Business Software</title>
        <link href="{{ asset('css/styles.css') }}" rel="stylesheet" />
        <link href="{{ asset('css/data_style.css') }}" rel="stylesheet" />
        <link href="{{ asset('css/vega_css.css') }}" rel="stylesheet" />
        <link rel="stylesheet" type="text/css" href="{{ asset('date_picker/jquery.datetimepicker.css') }}"/>
        <script src="{{ asset('js/font_awesome.js') }}" crossorigin="anonymous"></script>




        <script src="{{ asset('js/jquery.min.js') }}"></script>

<script src="{{ asset('js/jquery.timepicker.min.js') }}"></script>


<script src="{{ asset('js/scripts.js') }}"></script>




    <script src="{{ asset('date_picker/jquery.datetimepicker.full.js') }}" ></script>
<script src="{{ asset('datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{ asset('datatables/dataTables.bootstrap4.min.js')}}"></script>
<!-- Buttons examples -->
<script src="{{ asset('datatables/dataTables.buttons.min.js')}}"></script>
<script src="{{ asset('datatables/buttons.bootstrap4.min.js')}}"></script>
<script src="{{ asset('datatables/jszip.min.js')}}"></script>
<script src="{{ asset('datatables/pdfmake.min.js')}}"></script>
<script src="{{ asset('datatables/vfs_fonts.js')}}"></script>
<script src="{{ asset('datatables/buttons.html5.min.js')}}"></script>
<script src="{{ asset('datatables/buttons.print.min.js')}}"></script>
<script src="{{ asset('datatables/buttons.colVis.min.js')}}"></script>
<!-- Responsive examples -->
<script src="{{ asset('datatables/dataTables.responsive.min.js')}}"></script>
<script src="{{ asset('datatables/responsive.bootstrap4.min.js')}}"></script>

    </head>
    <body class="sb-nav-fixed">
        <nav class="sb-topnav navbar navbar-expand navbar-dark bg-dark">
            <!-- Navbar Brand-->bold
            <a class="navbar-brand ps-3" href="/home">{{ Session::get('CompanyName') }}</a>
            <!-- Sidebar Toggle-->
            <button class="btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0" id="sidebarToggle" href="#!"><i class="fas fa-bars"></i></button>
            <!-- Navbar Search-->
            <form class="d-none d-md-inline-block form-inline ms-auto me-0 me-md-3 my-2 my-md-0">
              &nbsp;
            </form>
            <!-- Navbar-->
            
            <div class="dropdown">
  <button type="button" class="btn btn-dark btn-sm dropdown-toggle" data-toggle="dropdown" style="margin-right:25px;">
  {{ Auth::user()->name }}
  </button>
  <div class="dropdown-menu">
  <a class="nav-link" href="{{ route('logout') }}" onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();">
                                        {{ __('Logout') }}</a>
  </div>
</div> 
        </nav>
        <div id="layoutSidenav">
            <div id="layoutSidenav_nav">
                <nav class="sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
                    <div class="sb-sidenav-menu">
                        <div class="nav">
                            <div class="sb-sidenav-menu-heading">Masters</div>
                            <a class="nav-link" href="/employee">
                                <div class="sb-nav-link-icon"><i class="fas fa-users"></i></div>
                                Employee Master
                            </a>
                            <a class="nav-link" href="/time">
                                <div class="sb-nav-link-icon"><i class="fa-solid fa-clock"></i></div>
                               Time
                            </a>
                            <a class="nav-link" href="/food">
                                <div class="sb-nav-link-icon"><i class="fas fa-hamburger"></i></div>
                             Food
                            </a>
                            <a class="nav-link" href="/reports">
                                <div class="sb-nav-link-icon"><i class="fas fa-file-alt"></i></div>
                             Report
                            </a>
                           </li>

                                        <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                                        @csrf
                                    </form>
                         
                            
                           
                           
                     
                        </div>
                    </div>
                   
                </nav>
            </div>
            <div id="layoutSidenav_content">
                <main>
                @yield('page-content')
                    
                </main>
                <footer class="py-4 bg-light mt-auto">
                    <div class="container-fluid px-4">
                        <div class="d-flex align-items-center justify-content-between small">
                            <div class="text-muted">Copyright &copy; Your Website 2022</div>
                            <div>
                                <a href="#">Privacy Policy</a>
                                &middot;
                                <a href="#">Terms &amp; Conditions</a>
                            </div>
                        </div>
                    </div>
                </footer>
            </div>
        </div>
       


      
       




    </body>
</html>
<script src="{{ asset('js/vega_scripts.js') }}"></script>

<script>

$(".dropdown-toggle").on('click',function(){
$(".dropdown-menu").show();
});

$(".dropdown").on('mouseleave',function(){
$(".dropdown-menu").fadeOut();
});

</script>