app.blade.php 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  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. <!-- Fonts -->
  10. <link rel="dns-prefetch" href="//fonts.bunny.net">
  11. <link href="https://fonts.bunny.net/css?family=Nunito" rel="stylesheet">
  12. <!-- favicon -->
  13. <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  14. <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  15. <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  16. <link rel="manifest" href="/site.webmanifest">
  17. <!-- Scripts -->
  18. @vite(['resources/sass/app.scss', 'resources/js/app.js'])
  19. </head>
  20. <body>
  21. <div class="alerts">
  22. @if($message = session('success'))
  23. <div class="main-alert alert alert-success" role="alert">
  24. {{ $message }}
  25. </div>
  26. @endif
  27. @if($message = session('danger'))
  28. <div class="main-alert alert alert-danger" role="alert">
  29. {{ $message }}
  30. </div>
  31. @endif
  32. </div>
  33. <div id="app">
  34. <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
  35. <div class="container-fluid">
  36. <a class="navbar-brand" href="{{ url('/') }}">
  37. {{ config('app.name', 'Laravel') }}
  38. </a>
  39. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Открыть меню">
  40. <span class="navbar-toggler-icon"></span>
  41. </button>
  42. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  43. <!-- Left Side Of Navbar -->
  44. <ul class="navbar-nav me-auto">
  45. @include('layouts.menu')
  46. </ul>
  47. <!-- Right Side Of Navbar -->
  48. <ul class="navbar-nav ms-auto">
  49. <!-- Authentication Links -->
  50. @guest
  51. @if (Route::has('login'))
  52. <li class="nav-item">
  53. <a class="nav-link" href="{{ route('login') }}">Вход</a>
  54. </li>
  55. @endif
  56. @if (Route::has('register'))
  57. <li class="nav-item">
  58. <a class="nav-link" href="{{ route('register') }}">Регистрация</a>
  59. </li>
  60. @endif
  61. @else
  62. <li class="nav-item dropdown">
  63. <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  64. {{ Auth::user()->name }}
  65. </a>
  66. <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
  67. <a class="dropdown-item" href="{{ route('user.profile') }}">Профиль</a>
  68. <a class="dropdown-item" href="{{ route('logout') }}"
  69. onclick="event.preventDefault();
  70. document.getElementById('logout-form').submit();">
  71. Выход
  72. </a>
  73. <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
  74. @csrf
  75. </form>
  76. </div>
  77. </li>
  78. @endguest
  79. </ul>
  80. </div>
  81. </div>
  82. </nav>
  83. <main class="py-4">
  84. <div class="container-fluid">
  85. @yield('content')
  86. </div>
  87. </main>
  88. </div>
  89. @stack('scripts')
  90. <script type="module">
  91. let user = {{ auth()->user()?->id ?? 0}};
  92. let socketAddress = '{{ config('app.ws_addr') }}';
  93. localStorage.setItem('user', user);
  94. localStorage.setItem('socketAddress', socketAddress);
  95. </script>
  96. </body>
  97. </html>