table with hotels

resources/views/admin/hotels/create.blade.php

@@ -0,0 +1,32 @@
+@extends('admin.layout')
+
+@section('content')
+<div style="max-width: 600px;">
+    <h1>Добавить отель</h1>
+
+    <form method="POST" action="{{ route('admin.hotels.store') }}">
+        @csrf
+
+        <div style="margin-bottom: 15px;">
+            <label for="name" style="display: block; margin-bottom: 6px; font-weight: 500;">Название *</label>
+            <input type="text" name="name" id="name" required
+                style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;">
+        </div>
+
+        <div style="margin-bottom: 15px;">
+            <label for="address" style="display: block; margin-bottom: 6px; font-weight: 500;">Адрес</label>
+            <textarea name="address" id="address" rows="3"
+                style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;"></textarea>
+        </div>
+
+        <div style="margin-bottom: 20px;">
+            <label for="phone" style="display: block; margin-bottom: 6px; font-weight: 500;">Телефон</label>
+            <input type="text" name="phone" id="phone"
+                style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;">
+        </div>
+
+        <button type="submit" class="btn">Сохранить</button>
+        <a href="{{ route('admin.hotels.index') }}" class="btn" style="background: #6c757d; text-decoration: none; margin-left: 10px;">Отмена</a>
+    </form>
+</div>
+@endsection

resources/views/admin/hotels/edit.blade.php

@@ -0,0 +1,33 @@
+@extends('admin.layout')
+
+@section('content')
+<div style="max-width: 600px;">
+    <h1>Редактировать отель</h1>
+
+    <form method="POST" action="{{ route('admin.hotels.update', $hotel) }}">
+        @csrf
+        @method('PUT')
+
+        <div style="margin-bottom: 15px;">
+            <label for="name" style="display: block; margin-bottom: 6px; font-weight: 500;">Название *</label>
+            <input type="text" name="name" id="name" value="{{ old('name', $hotel->name) }}" required
+                style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;">
+        </div>
+
+        <div style="margin-bottom: 15px;">
+            <label for="address" style="display: block; margin-bottom: 6px; font-weight: 500;">Адрес</label>
+            <textarea name="address" id="address" rows="3"
+                style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;">{{ old('address', $hotel->address) }}</textarea>
+        </div>
+
+        <div style="margin-bottom: 20px;">
+            <label for="phone" style="display: block; margin-bottom: 6px; font-weight: 500;">Телефон</label>
+            <input type="text" name="phone" id="phone" value="{{ old('phone', $hotel->phone) }}"
+                style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;">
+        </div>
+
+        <button type="submit" class="btn">Сохранить</button>
+        <a href="{{ route('admin.hotels.index') }}" class="btn" style="background: #6c757d; text-decoration: none; margin-left: 10px;">Отмена</a>
+    </form>
+</div>
+@endsection

resources/views/admin/hotels/index.blade.php

@@ -1,45 +1,43 @@
 @extends('admin.layout')
 
 @section('content')
-    <div>
+<div>
     <h1>Отели</h1>
 
-    @if(session('success'))
-        <div class="success">
-            {{ session('success') }}
-        </div>
+    <a href="{{ route('admin.hotels.create') }}" class="btn" style="display: inline-block; margin-bottom: 20px;">Добавить отель</a>
+
+    @if($hotels->isEmpty())
+        <p>Нет отелей.</p>
+    @else
+        <table>
+            <thead>
+                <tr>
+                    <th>Название</th>
+                    <th>Адрес</th>
+                    <th>Телефон</th>
+                    <th>Действия</th>
+                </tr>
+            </thead>
+            <tbody>
+                @foreach($hotels as $hotel)
+                <tr>
+                    <td>{{ $hotel->name }}</td>
+                    <td>{{ $hotel->address ?? '-' }}</td>
+                    <td>{{ $hotel->phone ?? '-' }}</td>
+                    <td>
+                        <a href="{{ route('admin.hotels.edit', $hotel) }}" class="btn" style="background: #6c757d; margin-right: 6px;">Редактировать</a>
+                        <form action="{{ route('admin.hotels.destroy', $hotel) }}" method="POST" style="display: inline;">
+                            @csrf
+                            @method('DELETE')
+                            <button type="submit" class="btn" style="background: #aaa;" onclick="return confirm('Удалить отель?')">
+                                Удалить
+                            </button>
+                        </form>
+                    </td>
+                </tr>
+                @endforeach
+            </tbody>
+        </table>
     @endif
-
-    <a href="{{ route('admin.hotels.create') }}" class="btn">Добавить отель</a>
-
-    <table>
-        <thead>
-            <tr>
-                <th>Название</th>
-                <th>Адрес</th>
-                <th>Телефон</th>
-                <th>Действия</th>
-            </tr>
-        </thead>
-        <tbody>
-            @foreach($hotels as $hotel)
-            <tr>
-                <td>{{ $hotel->name }}</td>
-                <td>{{ $hotel->address ?? '-' }}</td>
-                <td>{{ $hotel->phone ?? '-' }}</td>
-                <td>
-                    <a href="{{ route('admin.hotels.edit', $hotel) }}" class="btn" style="background: #666;">Редактировать</a>
-                    <form action="{{ route('admin.hotels.destroy', $hotel) }}" method="POST" style="display: inline;">
-                        @csrf
-                        @method('DELETE')
-                        <button type="submit" class="btn" style="background: #aaa;" onclick="return confirm('Удалить отель?')">
-                            Удалить
-                        </button>
-                    </form>
-                </td>
-            </tr>
-            @endforeach
-        </tbody>
-    </table>
 </div>
 @endsection

resources/views/admin/layout.blade.php

@@ -5,93 +5,118 @@
     <title>@yield('title', 'Админка')</title>
     <style>
         body {
-            font-family: sans-serif;
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
             margin: 0;
-            padding: 20px;
-            background: #fafafa;
+            padding: 0;
+            background-color: #f5f7fa;
             color: #333;
         }
-        .container {
+        .wrapper {
             max-width: 1200px;
             margin: 0 auto;
+            padding: 20px;
         }
         header {
-            background: #444;
+            background-color: #4a4a4a;
             color: white;
             padding: 15px 20px;
             display: flex;
             justify-content: space-between;
             align-items: center;
+            margin-bottom: 25px;
+            border-radius: 6px;
+        }
+        header h1 {
+            margin: 0;
+            font-size: 1.3rem;
         }
         nav a {
             color: white;
             text-decoration: none;
             margin-left: 20px;
+            padding: 6px 12px;
+            border-radius: 4px;
+            transition: background-color 0.2s;
+        }
+        nav a:hover {
+            background-color: #5a5a5a;
         }
         main {
-            margin-top: 20px;
+            background: white;
+            padding: 25px;
+            border-radius: 8px;
+            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
         }
-        h1 {
-            color: #333;
-            border-bottom: 2px solid #ddd;
-            padding-bottom: 10px;
+        h1, h2, h3 {
+            color: #2d2d2d;
+            margin-top: 0;
         }
         .btn {
             display: inline-block;
-            background: #888;
+            background-color: #6c757d;
             color: white;
             padding: 8px 16px;
             text-decoration: none;
-            margin-right: 10px;
             border-radius: 4px;
+            border: none;
+            cursor: pointer;
+            font-size: 0.95rem;
+            transition: background-color 0.2s;
         }
         .btn:hover {
-            background: #777;
+            background-color: #5a6268;
         }
         table {
             width: 100%;
             border-collapse: collapse;
             margin: 20px 0;
-            background: white;
-            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
         }
         th, td {
-            padding: 12px;
+            padding: 12px 15px;
             text-align: left;
-            border: 1px solid #ddd;
+            border-bottom: 1px solid #eaeaea;
         }
         th {
-            background: #eee;
-            font-weight: bold;
+            background-color: #f1f1f1;
+            font-weight: 600;
+            color: #444;
         }
-        tr:nth-child(even) {
-            background: #f9f9f9;
+        tr:hover {
+            background-color: #fafafa;
         }
-        .success {
-            background: #e0e0e0;
-            padding: 10px;
-            margin: 10px 0;
-            border-left: 4px solid #999;
+        .alert {
+            padding: 12px;
+            margin: 16px 0;
+            border-radius: 4px;
         }
-        .error {
-            background: #ffdddd;
-            padding: 10px;
-            margin: 10px 0;
-            border-left: 4px solid #cc0000;
+        .alert-success {
+            background-color: #e0f0e0;
+            color: #2d5d2d;
+            border-left: 4px solid #4caf50;
         }
     </style>
 </head>
 <body>
-    <header>
-        <h2>Админка</h2>
-        <nav>
-            <a href="{{ route('admin.hotels.index') }}">Отели</a>
-            <a href="{{ route('admin.logout') }}">Выйти</a>
-        </nav>
-    </header>
+    <div class="wrapper">
+        <header>
+            <nav>
+                <a href="{{ route('admin.hotels.index') }}">Отели</a>
+                <form action="{{ route('admin.logout') }}" method="POST" style="display: inline;">
+      @csrf
+      <button type="submit" style="background: none; border: none; color: white; cursor: pointer; padding: 6px 12px; border-radius: 4px;">
+        Выйти
+       </button>
+      </form>
+            </nav>
+        </header>
 
-    <main class="container">
-        @yield('content')
-    </main>
+        <main>
+            @if(session('success'))
+                <div class="alert alert-success">{{ session('success') }}</div>
+            @endif
+
+            @yield('content')
+        </main>
+    </div>
 </body>
 </html>

resources/views/admin/login.blade.php

@@ -1,31 +1,31 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <title>Вход в админку</title>
-    <style>
-        body { font-family: sans-serif; max-width: 400px; margin: 50px auto; }
-        input { width: 100%; padding: 8px; margin: 5px 0; }
-        button { width: 100%; padding: 10px; background: #404040; color: white; border: none; cursor: pointer; }
-        .error { color: red; }
-    </style>
-</head>
-<body>
-    <h1>Вход в админку</h1>
+@extends('admin.layout')
+
+@section('content')
+<div style="max-width: 400px; margin: 0 auto;">
+    <h2>Вход в админку</h2>
 
     @if ($errors->any())
-        <div class="error">
-            @foreach ($errors->all() as $error)
-                <p>{{ $error }}</p>
-            @endforeach
+        <div class="alert alert-error" style="background: #ffeaea; color: #c0392b; padding: 12px; border-radius: 4px; border-left: 4px solid #e74c3c; margin-bottom: 20px;">
+            Неверные данные.
         </div>
     @endif
 
     <form method="POST" action="{{ route('admin.login') }}">
         @csrf
-        <input type="email" name="email" placeholder="Email" required value="{{ old('email') }}">
-        <input type="password" name="password" placeholder="Пароль" required>
-        <button type="submit">Войти</button>
+        <div style="margin-bottom: 15px;">
+            <label for="email" style="display: block; margin-bottom: 6px; font-weight: 500;">Email</label>
+            <input type="email" name="email" id="email" required
+                style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;"
+                value="{{ old('email') }}">
+        </div>
+
+        <div style="margin-bottom: 20px;">
+            <label for="password" style="display: block; margin-bottom: 6px; font-weight: 500;">Пароль</label>
+            <input type="password" name="password" id="password" required
+                style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;">
+        </div>
+
+        <button type="submit" class="btn" style="width: 100%;">Войти</button>
     </form>
-</body>
-</html>
+</div>
+@endsection

resources/views/admin/logout.blade.php

@@ -0,0 +1,9 @@
+@extends('admin.layout')
+
+@section('content')
+<div style="text-align: center; padding: 40px;">
+    <h2>Вы вышли из системы</h2>
+    <p>До скорой встречи!</p>
+    <a href="{{ route('admin.login.form') }}" class="btn">Войти снова</a>
+</div>
+@endsection