app.blade.php 4.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <!doctype html>
  2. <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <!-- CSRF Token -->
  7. <meta name="csrf-token" content="{{ csrf_token() }}">
  8. <title>{{ config('app.name', 'Laravel') }}</title>
  9. <!-- Scripts -->
  10. <script src="{{ asset('js/app.js') }}" defer></script>
  11. <!-- Fonts -->
  12. <link rel="dns-prefetch" href="//fonts.gstatic.com">
  13. <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
  14. <!-- Styles -->
  15. <link href="{{ asset('css/app.css') }}" rel="stylesheet">
  16. </head>
  17. <body>
  18. <div id="app">
  19. <nav class="navbar navbar-expand navbar-dark bg-primary text-light shadow-sm">
  20. <div class="container-fluid">
  21. <a class="navbar-brand" href="{{ url('/') }}">
  22. {{ config('app.name', 'Laravel') }}
  23. </a>
  24. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
  25. <span class="navbar-toggler-icon"></span>
  26. </button>
  27. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  28. <!-- Left Side Of Navbar -->
  29. <ul class="navbar-nav mr-auto text-center">
  30. <li class="nav-item">
  31. <a href="#" class="nav-link"><i class="fas fa-sign-in-alt"></i> <span class="d-none d-sm-block d-md-inline">Check-In</span></a>
  32. </li>
  33. <li class="nav-item">
  34. <a href="#" class="nav-link"><i class="fas fa-sign-out-alt"></i> <span class="d-none d-sm-block d-md-inline">Check-Out</span></a>
  35. </li>
  36. <li class="nav-item">
  37. <a href="#" class="nav-link"><i class="fas fa-tachometer-alt"></i> <span class="d-none d-sm-block d-md-inline">Dashboard</span></a>
  38. </li>
  39. <li class="nav-item">
  40. <a href="#" class="nav-link"><i class="fas fa-chart-bar"></i> <span class="d-none d-sm-block d-md-inline">Reports</span></a>
  41. </li>
  42. </ul>
  43. <!-- Right Side Of Navbar -->
  44. <ul class="navbar-nav ml-auto">
  45. <!-- Authentication Links -->
  46. @guest
  47. <li class="nav-item">
  48. <a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
  49. </li>
  50. @if (Route::has('register'))
  51. <li class="nav-item">
  52. <a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
  53. </li>
  54. @endif
  55. @else
  56. <li class="nav-item dropdown">
  57. <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
  58. {{ Auth::user()->username }} <span class="caret"></span>
  59. </a>
  60. <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
  61. <a class="dropdown-item" href="{{ route('logout') }}"
  62. onclick="event.preventDefault();
  63. document.getElementById('logout-form').submit();">
  64. {{ __('Logout') }}
  65. </a>
  66. <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
  67. @csrf
  68. </form>
  69. </div>
  70. </li>
  71. @endguest
  72. </ul>
  73. </div>
  74. </div>
  75. </nav>
  76. <main class="py-4">
  77. @yield('content')
  78. </main>
  79. </div>
  80. </body>
  81. </html>