<!DOCTYPE html>
<html lang="en">
  <head>
    @include('includes.head')
  </head>
  <body class="background-container">

    <div id="app" >
      <v-app app>
        <v-main>
          <Navigation 
          :name="'{{ Auth::user()->name }}'" 
          :email="'{{ Auth::user()->email }}'" 
          :role="'{{ Auth::user()->role }}'" 
          ></Navigation>
         
          @yield('content')

        </v-main>
        <globalsnackbar ref="snackbar"></globalsnackbar>
        <globaloverlay ref="overlay"></globaloverlay>
        <globaloverlayemp ref="globaloverlayemp"></globaloverlayemp>
      </v-app>
    </div>

    @vite('resources/js/admin.js')
    @yield('scripts')

  </body>
</html>


