sototh 6 dní pred
rodič
commit
e38f0c5b18

+ 155 - 193
resources/views/data.blade.php

@@ -3,215 +3,177 @@
 @section('title', 'Просмотр данных')
 
 @section('content')
-<div class="container mx-auto px-4 py-8">
-    <div class="mb-6">
-        <div class="flex justify-between items-center">
-            <h4 class="text-2xl font-bold text-gray-800">Все отправленные данные</h4>
-            <div class="flex space-x-2">
-                <a href="{{ route('form.show') }}" 
-                   class="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition">
-                    Добавить новую
-                </a>
-                <a href="{{ route('api.form-data.statistics') }}" 
-                   target="_blank"
-                   class="px-4 py-2 bg-green-500 text-white rounded hover:bg-green-600 transition">
-                    API Статистика
-                </a>
+<div>
+    <div>
+        <div>
+            <div>
+                <h4>Все отправленные данные</h4>
+                <div>
+                    <a href="{{ route('form.show') }}">Добавить новую</a>
+                    <a href="{{ route('api.form-data.statistics') }}" target="_blank">API Статистика</a>
+                </div>
+            </div>
+            
+            <div>
+                <form method="GET" action="{{ route('data.show') }}">
+                    <div>
+                        <label>Пол</label>
+                        <select name="gender">
+                            <option value="">Все</option>
+                            <option value="male" {{ request('gender') == 'male' ? 'selected' : '' }}>Мужской</option>
+                            <option value="female" {{ request('gender') == 'female' ? 'selected' : '' }}>Женский</option>
+                        </select>
+                    </div>
+                    
+                    <div>
+                        <label>Категория</label>
+                        <select name="category_id">
+                            <option value="">Все категории</option>
+                            @foreach($categories as $category)
+                                <option value="{{ $category->id }}" {{ request('category_id') == $category->id ? 'selected' : '' }}>
+                                    {{ $category->name }}
+                                </option>
+                            @endforeach
+                        </select>
+                    </div>
+                    
+                    <div>
+                        <label>
+                            <input type="checkbox" 
+                                   name="today" 
+                                   value="1" 
+                                   {{ request('today') ? 'checked' : '' }}>
+                            <span>За сегодня</span>
+                        </label>
+                    </div>
+                    
+                    <div>
+                        <button type="submit">Фильтровать</button>
+                        <a href="{{ route('data.show') }}">Сбросить</a>
+                    </div>
+                </form>
             </div>
         </div>
-        
-        <!-- Фильтры -->
-        <div class="mt-4 bg-white rounded-lg shadow p-4">
-            <form method="GET" action="{{ route('data.show') }}" class="flex flex-wrap gap-4">
+
+        @if($data->isEmpty())
+            <div>
+                <p>Данные отсутствуют.</p>
+                <a href="{{ route('form.show') }}">Отправьте форму</a> чтобы добавить данные.
+            </div>
+        @else
+            <div>
                 <div>
-                    <label class="block text-sm font-medium text-gray-700 mb-1">Пол</label>
-                    <select name="gender" class="px-3 py-2 border border-gray-300 rounded">
-                        <option value="">Все</option>
-                        <option value="male" {{ request('gender') == 'male' ? 'selected' : '' }}>Мужской</option>
-                        <option value="female" {{ request('gender') == 'female' ? 'selected' : '' }}>Женский</option>
-                    </select>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>ID</th>
+                                <th>Имя</th>
+                                <th>Email</th>
+                                <th>Телефон</th>
+                                <th>Пол</th>
+                                <th>Категория</th>
+                                <th>Сообщение</th>
+                                <th>Дата</th>
+                                <th>Действия</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            @foreach($data as $item)
+                            <tr>
+                                <td>
+                                    <small>{{ substr($item->uuid, 0, 8) }}...</small>
+                                </td>
+                                <td>
+                                    <a href="{{ route('form-data.show', $item->id) }}">{{ $item->name }}</a>
+                                </td>
+                                <td>{{ $item->email }}</td>
+                                <td>{{ $item->phone }}</td>
+                                <td>
+                                    <span>{{ $item->gender ? 'Male' : 'Female' }}</span>
+                                </td>
+                                <td>
+                                    @if($item->category)
+                                        <span>{{ $item->category->name }}</span>
+                                    @else
+                                        <span>—</span>
+                                    @endif
+                                </td>
+                                <td>
+                                    <div>{{ Str::limit($item->message, 50) }}</div>
+                                </td>
+                                <td>
+                                    {{ $item->submitted_at->timezone('Asia/Irkutsk')->format('d.m.Y H:i') }}
+                                </td>
+                                <td>
+                                    <div>
+                                        <a href="{{ route('form-data.show', $item->id) }}" title="Просмотр">👁️</a>
+                                        <a href="{{ route('form-data.edit', $item->id) }}" title="Редактировать">✏️</a>
+                                        <form action="{{ route('form-data.destroy', $item->id) }}" 
+                                              method="POST" 
+                                              onsubmit="return confirm('Удалить эту запись?')">
+                                            @csrf
+                                            @method('DELETE')
+                                            <button type="submit" title="Удалить">🗑️</button>
+                                        </form>
+                                    </div>
+                                </td>
+                            </tr>
+                            @endforeach
+                        </tbody>
+                    </table>
                 </div>
                 
                 <div>
-                    <label class="block text-sm font-medium text-gray-700 mb-1">Категория</label>
-                    <select name="category_id" class="px-3 py-2 border border-gray-300 rounded">
-                        <option value="">Все категории</option>
-                        @foreach($categories as $category)
-                            <option value="{{ $category->id }}" {{ request('category_id') == $category->id ? 'selected' : '' }}>
-                                {{ $category->name }}
-                            </option>
-                        @endforeach
-                    </select>
+                    {{ $data->onEachSide(1)->links('pagination::simple-bootstrap-5') }}
                 </div>
-                
-                <div class="flex items-end">
-                    <label class="inline-flex items-center mt-2">
-                        <input type="checkbox" 
-                               name="today" 
-                               value="1" 
-                               {{ request('today') ? 'checked' : '' }}
-                               class="h-4 w-4 text-blue-600">
-                        <span class="ml-2 text-gray-700">За сегодня</span>
-                    </label>
+            </div>
+
+            <div>
+                <div>
+                    <div>Всего записей</div>
+                    <div>{{ $data->total() }}</div>
                 </div>
-                
-                <div class="flex items-end space-x-2">
-                    <button type="submit" 
-                            class="px-4 py-2 bg-gray-600 text-white rounded hover:bg-gray-700 transition">
-                        Фильтровать
-                    </button>
-                    <a href="{{ route('data.show') }}" 
-                       class="px-4 py-2 border border-gray-300 text-gray-700 rounded hover:bg-gray-50 transition">
-                        Сбросить
-                    </a>
+                <div>
+                    <div>Мужчины</div>
+                    <div>
+                        {{ \App\Models\FormData::male()->count() }}
+                    </div>
+                </div>
+                <div>
+                    <div>Женщины</div>
+                    <div>
+                        {{ \App\Models\FormData::female()->count() }}
+                    </div>
+                </div>
+                <div>
+                    <div>Сегодня</div>
+                    <div>
+                        {{ \App\Models\FormData::today()->count() }}
+                    </div>
                 </div>
-            </form>
-        </div>
-    </div>
-
-    @if($data->isEmpty())
-        <div class="bg-white rounded-lg shadow-md p-8 text-center">
-            <p class="text-gray-600 text-lg mb-4">Данные отсутствуют.</p>
-            <a href="{{ route('form.show') }}" 
-               class="px-6 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition">
-                Отправьте форму
-            </a> чтобы добавить данные.
-        </div>
-    @else
-        <div class="bg-white rounded-lg shadow-md overflow-hidden">
-            <div class="overflow-x-auto">
-                <table class="min-w-full divide-y divide-gray-200">
-                    <thead class="bg-gray-50">
-                        <tr>
-                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">ID</th>
-                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Имя</th>
-                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Email</th>
-                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Телефон</th>
-                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Пол</th>
-                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Категория</th>
-                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Сообщение</th>
-                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Дата</th>
-                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Действия</th>
-                        </tr>
-                    </thead>
-                    <tbody class="bg-white divide-y divide-gray-200">
-                        @foreach($data as $item)
-                        <tr class="hover:bg-gray-50 transition">
-                            <td class="px-6 py-4 whitespace-nowrap">
-                                <small class="text-gray-500">{{ substr($item->uuid, 0, 8) }}...</small>
-                            </td>
-                            <td class="px-6 py-4 whitespace-nowrap">
-                                <a href="{{ route('form-data.show', $item->id) }}" 
-                                   class="text-blue-600 hover:text-blue-800 font-medium">
-                                    {{ $item->name }}
-                                </a>
-                            </td>
-                            <td class="px-6 py-4 whitespace-nowrap">{{ $item->email }}</td>
-                            <td class="px-6 py-4 whitespace-nowrap">{{ $item->phone }}</td>
-                            <td class="px-6 py-4 whitespace-nowrap">
-                                <span class="px-2 py-1 text-xs rounded-full {{ $item->gender ? 'bg-blue-100 text-blue-800' : 'bg-pink-100 text-pink-800' }}">
-                                    {{ $item->gender ? 'Male' : 'Female' }}
-                                </span>
-                            </td>
-                            <td class="px-6 py-4 whitespace-nowrap">
-                                @if($item->category)
-                                    <span class="px-2 py-1 bg-gray-100 text-gray-800 text-xs rounded">
-                                        {{ $item->category->name }}
-                                    </span>
-                                @else
-                                    <span class="text-gray-400">—</span>
-                                @endif
-                            </td>
-                            <td class="px-6 py-4">
-                                <div class="max-w-xs truncate">
-                                    {{ Str::limit($item->message, 50) }}
-                                </div>
-                            </td>
-                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
-                                {{ $item->submitted_at->timezone('Asia/Irkutsk')->format('d.m.Y H:i') }}
-                            </td>
-                            <td class="px-6 py-4 whitespace-nowrap text-sm">
-                                <div class="flex space-x-2">
-                                    <a href="{{ route('form-data.show', $item->id) }}" 
-                                       class="text-blue-600 hover:text-blue-800" title="Просмотр">
-                                        👁️
-                                    </a>
-                                    <a href="{{ route('form-data.edit', $item->id) }}" 
-                                       class="text-yellow-600 hover:text-yellow-800" title="Редактировать">
-                                        ✏️
-                                    </a>
-                                    <form action="{{ route('form-data.destroy', $item->id) }}" 
-                                          method="POST" 
-                                          class="inline"
-                                          onsubmit="return confirm('Удалить эту запись?')">
-                                        @csrf
-                                        @method('DELETE')
-                                        <button type="submit" 
-                                                class="text-red-600 hover:text-red-800" 
-                                                title="Удалить">
-                                            🗑️
-                                        </button>
-                                    </form>
-                                </div>
-                            </td>
-                        </tr>
-                        @endforeach
-                    </tbody>
-                </table>
-            </div>
-            
-            
-            <div class="px-6 py-4 border-t border-gray-200">
-                {{ $data->onEachSide(1)->links('pagination::simple-bootstrap-5') }}
             </div>
-        </div>
-
+        @endif
         
-        <div class="mt-6 grid grid-cols-1 md:grid-cols-4 gap-4">
-            <div class="bg-white rounded-lg shadow p-4">
-                <div class="text-sm text-gray-500">Всего записей</div>
-                <div class="text-2xl font-bold text-gray-800">{{ $data->total() }}</div>
-            </div>
-            <div class="bg-white rounded-lg shadow p-4">
-                <div class="text-sm text-gray-500">Мужчины</div>
-                <div class="text-2xl font-bold text-blue-600">
-                    {{ \App\Models\FormData::male()->count() }}
+        <div>
+            <h5>API Endpoints</h5>
+            <div>
+                <div>
+                    <span>GET</span>
+                    <code>/api/v1/form-data</code>
+                    <span>— Список данных</span>
                 </div>
-            </div>
-            <div class="bg-white rounded-lg shadow p-4">
-                <div class="text-sm text-gray-500">Женщины</div>
-                <div class="text-2xl font-bold text-pink-600">
-                    {{ \App\Models\FormData::female()->count() }}
+                <div>
+                    <span>POST</span>
+                    <code>/api/v1/form-data</code>
+                    <span>— Создание записи</span>
                 </div>
-            </div>
-            <div class="bg-white rounded-lg shadow p-4">
-                <div class="text-sm text-gray-500">Сегодня</div>
-                <div class="text-2xl font-bold text-green-600">
-                    {{ \App\Models\FormData::today()->count() }}
+                <div>
+                    <span>GET</span>
+                    <code>/api/v1/form-data/statistics</code>
+                    <span>— Статистика</span>
                 </div>
             </div>
         </div>
-    @endif
-    
-    <div class="mt-8 bg-gray-50 rounded-lg p-6">
-        <h5 class="text-lg font-semibold text-gray-800 mb-4">API Endpoints</h5>
-        <div class="space-y-2">
-            <div class="flex items-center">
-                <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-1 rounded mr-2">GET</span>
-                <code class="text-sm">/api/v1/form-data</code>
-                <span class="ml-2 text-gray-600">— Список данных</span>
-            </div>
-            <div class="flex items-center">
-                <span class="bg-green-100 text-green-800 text-xs font-medium px-2 py-1 rounded mr-2">POST</span>
-                <code class="text-sm">/api/v1/form-data</code>
-                <span class="ml-2 text-gray-600">— Создание записи</span>
-            </div>
-            <div class="flex items-center">
-                <span class="bg-yellow-100 text-yellow-800 text-xs font-medium px-2 py-1 rounded mr-2">GET</span>
-                <code class="text-sm">/api/v1/form-data/statistics</code>
-                <span class="ml-2 text-gray-600">— Статистика</span>
-            </div>
-        </div>
     </div>
 </div>
 @endsection

+ 35 - 61
resources/views/form-data/edit.blade.php

@@ -3,72 +3,59 @@
 @section('title', 'Редактирование данных формы')
 
 @section('content')
-<div class="container mx-auto px-4 py-8">
-    <div class="max-w-2xl mx-auto bg-white rounded-lg shadow-md p-6">
-        <div class="mb-6">
-            <h4 class="text-2xl font-bold text-gray-800">Редактирование данных формы #{{ $formData->id }}</h4>
-            <p class="text-gray-600 mt-2">Измените необходимые поля</p>
+<div>
+    <div>
+        <div>
+            <h4>Редактирование данных формы #{{ $formData->id }}</h4>
+            <p>Измените необходимые поля</p>
         </div>
         
-        <form method="POST" action="{{ route('form-data.update', $formData->id) }}" class="space-y-6">
+        <form method="POST" action="{{ route('form-data.update', $formData->id) }}">
             @csrf
             @method('PUT')
             
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div>
                 <div>
-                    <label for="name" class="block text-sm font-medium text-gray-700 mb-1">
-                        Имя *
-                    </label>
+                    <label for="name">Имя *</label>
                     <input type="text" 
                            id="name" 
                            name="name" 
                            value="{{ old('name', $formData->name) }}" 
-                           required
-                           class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition">
+                           required>
                     @error('name')
-                        <div class="mt-1 text-sm text-red-600">{{ $message }}</div>
+                        <div>{{ $message }}</div>
                     @enderror
                 </div>
 
                 <div>
-                    <label for="email" class="block text-sm font-medium text-gray-700 mb-1">
-                        Email *
-                    </label>
+                    <label for="email">Email *</label>
                     <input type="email" 
                            id="email" 
                            name="email" 
                            value="{{ old('email', $formData->email) }}" 
-                           required
-                           class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition">
+                           required>
                     @error('email')
-                        <div class="mt-1 text-sm text-red-600">{{ $message }}</div>
+                        <div>{{ $message }}</div>
                     @enderror
                 </div>
             </div>
 
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div>
                 <div>
-                    <label for="phone" class="block text-sm font-medium text-gray-700 mb-1">
-                        Телефон *
-                    </label>
+                    <label for="phone">Телефон *</label>
                     <input type="tel" 
                            id="phone" 
                            name="phone" 
                            value="{{ old('phone', $formData->phone) }}" 
-                           required
-                           class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition">
+                           required>
                     @error('phone')
-                        <div class="mt-1 text-sm text-red-600">{{ $message }}</div>
+                        <div>{{ $message }}</div>
                     @enderror
                 </div>
 
                 <div>
-                    <label for="category_id" class="block text-sm font-medium text-gray-700 mb-1">
-                        Категория
-                    </label>
-                    <select id="category_id" 
-                            name="category_id"
-                            class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition">
+                    <label for="category_id">Категория</label>
+                    <select id="category_id" name="category_id">
                         <option value="">Выберите категорию</option>
                         @foreach($categories as $category)
                             <option value="{{ $category->id }}" {{ old('category_id', $formData->category_id) == $category->id ? 'selected' : '' }}>
@@ -77,61 +64,48 @@
                         @endforeach
                     </select>
                     @error('category_id')
-                        <div class="mt-1 text-sm text-red-600">{{ $message }}</div>
+                        <div>{{ $message }}</div>
                     @enderror
                 </div>
             </div>
 
             <div>
-                <label class="block text-sm font-medium text-gray-700 mb-3">
-                    Пол *
-                </label>
-                <div class="flex space-x-4">
-                    <label class="inline-flex items-center">
+                <label>Пол *</label>
+                <div>
+                    <label>
                         <input type="radio" 
                                name="gender" 
                                value="1" 
-                               {{ old('gender', $formData->gender) == 1 ? 'checked' : '' }}
-                               class="h-4 w-4 text-blue-600 focus:ring-blue-500">
-                        <span class="ml-2 text-gray-700">Мужской</span>
+                               {{ old('gender', $formData->gender) == 1 ? 'checked' : '' }}>
+                        <span>Мужской</span>
                     </label>
-                    <label class="inline-flex items-center">
+                    <label>
                         <input type="radio" 
                                name="gender" 
                                value="0" 
-                               {{ old('gender', $formData->gender) == 0 ? 'checked' : '' }}
-                               class="h-4 w-4 text-blue-600 focus:ring-blue-500">
-                        <span class="ml-2 text-gray-700">Женский</span>
+                               {{ old('gender', $formData->gender) == 0 ? 'checked' : '' }}>
+                        <span>Женский</span>
                     </label>
                 </div>
                 @error('gender')
-                    <div class="mt-1 text-sm text-red-600">{{ $message }}</div>
+                    <div>{{ $message }}</div>
                 @enderror
             </div>
 
             <div>
-                <label for="message" class="block text-sm font-medium text-gray-700 mb-1">
-                    Сообщение *
-                </label>
+                <label for="message">Сообщение *</label>
                 <textarea id="message" 
                           name="message" 
                           rows="5" 
-                          required
-                          class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition">{{ old('message', $formData->message) }}</textarea>
+                          required>{{ old('message', $formData->message) }}</textarea>
                 @error('message')
-                    <div class="mt-1 text-sm text-red-600">{{ $message }}</div>
+                    <div>{{ $message }}</div>
                 @enderror
             </div>
 
-            <div class="flex justify-end space-x-4">
-                <a href="{{ route('form-data.show', $formData->id) }}" 
-                   class="px-6 py-2 border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition">
-                    Отмена
-                </a>
-                <button type="submit" 
-                        class="px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:ring-4 focus:ring-blue-300 transition">
-                    Обновить
-                </button>
+            <div>
+                <a href="{{ route('form-data.show', $formData->id) }}">Отмена</a>
+                <button type="submit">Обновить</button>
             </div>
         </form>
     </div>

+ 54 - 77
resources/views/form-data/show.blade.php

@@ -3,82 +3,72 @@
 @section('title', 'Просмотр данных формы')
 
 @section('content')
-<div class="container mx-auto px-4 py-8">
-    <div class="max-w-4xl mx-auto">
-        <div class="flex justify-between items-center mb-6">
+<div>
+    <div>
+        <div>
             <div>
-                <h4 class="text-2xl font-bold text-gray-800">Данные формы #{{ $formData->id }}</h4>
-                <p class="text-gray-600 text-sm">UUID: {{ $formData->uuid }}</p>
+                <h4>Данные формы #{{ $formData->id }}</h4>
+                <p>UUID: {{ $formData->uuid }}</p>
             </div>
-            <div class="flex space-x-2">
-                <a href="{{ route('form-data.edit', $formData->id) }}" 
-                   class="px-4 py-2 bg-yellow-500 text-white rounded hover:bg-yellow-600 transition">
-                    Редактировать
-                </a>
-                <form action="{{ route('form-data.destroy', $formData->id) }}" method="POST" class="inline">
+            <div>
+                <a href="{{ route('form-data.edit', $formData->id) }}">Редактировать</a>
+                <form action="{{ route('form-data.destroy', $formData->id) }}" method="POST">
                     @csrf
                     @method('DELETE')
-                    <button type="submit" 
-                            class="px-4 py-2 bg-red-500 text-white rounded hover:bg-red-600 transition"
-                            onclick="return confirm('Удалить эту запись?')">
-                        Удалить
-                    </button>
+                    <button type="submit" onclick="return confirm('Удалить эту запись?')">Удалить</button>
                 </form>
-                <a href="{{ route('data.show') }}" 
-                   class="px-4 py-2 bg-gray-500 text-white rounded hover:bg-gray-600 transition">
-                    Назад к списку
-                </a>
+                <a href="{{ route('data.show') }}">Назад к списку</a>
             </div>
         </div>
 
-        <div class="bg-white rounded-lg shadow-md p-6 mb-6">
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+        <div>
+            <div>
                 <div>
-                    <h5 class="text-lg font-semibold text-gray-700 mb-4">Персональные данные</h5>
-                    <div class="space-y-3">
+                    <h5>Персональные данные</h5>
+                    <div>
                         <div>
-                            <span class="text-gray-600 text-sm">Имя:</span>
-                            <p class="text-gray-800 font-medium">{{ $formData->name }}</p>
+                            <span>Имя:</span>
+                            <p>{{ $formData->name }}</p>
                         </div>
                         <div>
-                            <span class="text-gray-600 text-sm">Email:</span>
-                            <p class="text-gray-800 font-medium">{{ $formData->email }}</p>
+                            <span>Email:</span>
+                            <p>{{ $formData->email }}</p>
                         </div>
                         <div>
-                            <span class="text-gray-600 text-sm">Телефон:</span>
-                            <p class="text-gray-800 font-medium">{{ $formData->phone }}</p>
+                            <span>Телефон:</span>
+                            <p>{{ $formData->phone }}</p>
                         </div>
                         <div>
-                            <span class="text-gray-600 text-sm">Пол:</span>
-                            <p class="text-gray-800 font-medium">{{ $formData->gender ? 'Мужской' : 'Женский' }}</p>
+                            <span>Пол:</span>
+                            <p>{{ $formData->gender ? 'Мужской' : 'Женский' }}</p>
                         </div>
                     </div>
                 </div>
                 
                 <div>
-                    <h5 class="text-lg font-semibold text-gray-700 mb-4">Дополнительная информация</h5>
-                    <div class="space-y-3">
+                    <h5>Дополнительная информация</h5>
+                    <div>
                         <div>
-                            <span class="text-gray-600 text-sm">Категория:</span>
-                            <p class="text-gray-800 font-medium">
+                            <span>Категория:</span>
+                            <p>
                                 {{ $formData->category ? $formData->category->name : 'Не указана' }}
                             </p>
                         </div>
                         <div>
-                            <span class="text-gray-600 text-sm">Дата отправки:</span>
-                            <p class="text-gray-800 font-medium">
+                            <span>Дата отправки:</span>
+                            <p>
                                 {{ $formData->submitted_at->format('d.m.Y H:i') }}
                             </p>
                         </div>
                         <div>
-                            <span class="text-gray-600 text-sm">Создано:</span>
-                            <p class="text-gray-800 font-medium">
+                            <span>Создано:</span>
+                            <p>
                                 {{ $formData->created_at->format('d.m.Y H:i') }}
                             </p>
                         </div>
                         <div>
-                            <span class="text-gray-600 text-sm">Обновлено:</span>
-                            <p class="text-gray-800 font-medium">
+                            <span>Обновлено:</span>
+                            <p>
                                 {{ $formData->updated_at->format('d.m.Y H:i') }}
                             </p>
                         </div>
@@ -86,72 +76,59 @@
                 </div>
             </div>
 
-            <div class="mt-6">
-                <h5 class="text-lg font-semibold text-gray-700 mb-4">Сообщение</h5>
-                <div class="bg-gray-50 rounded p-4">
-                    <p class="text-gray-800 whitespace-pre-line">{{ $formData->message }}</p>
+            <div>
+                <h5>Сообщение</h5>
+                <div>
+                    <p>{{ $formData->message }}</p>
                 </div>
             </div>
         </div>
 
-        <div class="bg-white rounded-lg shadow-md p-6">
-            <div class="flex justify-between items-center mb-6">
-                <h5 class="text-lg font-semibold text-gray-700">Комментарии ({{ $formData->comments->count() }})</h5>
-                <button onclick="toggleCommentForm()"
-                        class="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition text-sm">
-                    Добавить комментарий
-                </button>
+        <div>
+            <div>
+                <h5>Комментарии ({{ $formData->comments->count() }})</h5>
+                <button onclick="toggleCommentForm()">Добавить комментарий</button>
             </div>
 
-            <div id="commentForm" class="hidden mb-6">
+            <div id="commentForm" style="display: none;">
                     <form action="/form-data/{{ $formData->id }}/comment" method="POST">
                     @csrf
-                    <div class="mb-4">
+                    <div>
                         <textarea name="content" 
                                   rows="3" 
                                   required
-                                  class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition"
                                   placeholder="Введите ваш комментарий"></textarea>
                     </div>
-                    <div class="flex justify-end space-x-2">
-                        <button type="button" 
-                                onclick="toggleCommentForm()"
-                                class="px-4 py-2 border border-gray-300 text-gray-700 rounded hover:bg-gray-50 transition">
-                            Отмена
-                        </button>
-                        <button type="submit" 
-                                class="px-4 py-2 bg-green-500 text-white rounded hover:bg-green-600 transition">
-                            Отправить
-                        </button>
+                    <div>
+                        <button type="button" onclick="toggleCommentForm()">Отмена</button>
+                        <button type="submit">Отправить</button>
                     </div>
                 </form>
             </div>
 
             @if($formData->comments->count() > 0)
-                <div class="space-y-4">
+                <div>
                     @foreach($formData->comments as $comment)
-                        <div class="border-l-4 border-blue-500 pl-4 py-2">
-                            <div class="flex justify-between items-start mb-2">
+                        <div>
+                            <div>
                                 <div>
-                                    <p class="font-medium text-gray-800">
+                                    <p>
                                         {{ $comment->user ? $comment->user->name : 'Аноним' }}
                                     </p>
-                                    <p class="text-sm text-gray-500">
+                                    <p>
                                         {{ $comment->created_at->format('d.m.Y H:i') }}
                                     </p>
                                 </div>
                                 @if($comment->is_banned)
-                                    <span class="px-2 py-1 bg-green-100 text-green-800 text-xs rounded">
-                                        Одобрено
-                                    </span>
+                                    <span>Одобрено</span>
                                 @endif
                             </div>
-                            <p class="text-gray-700">{{ $comment->content }}</p>
+                            <p>{{ $comment->content }}</p>
                         </div>
                     @endforeach
                 </div>
             @else
-                <p class="text-gray-500 text-center py-4">Комментариев пока нет</p>
+                <p>Комментариев пока нет</p>
             @endif
         </div>
     </div>
@@ -160,7 +137,7 @@
 <script>
 function toggleCommentForm() {
     const form = document.getElementById('commentForm');
-    form.classList.toggle('hidden');
+    form.style.display = form.style.display === 'none' ? 'block' : 'none';
 }
 </script>
 @endsection

+ 32 - 61
resources/views/form.blade.php

@@ -3,75 +3,62 @@
 @section('title', 'Форма отправки')
 
 @section('content')
-<div class="container mx-auto px-4 py-8">
-    <div class="max-w-2xl mx-auto bg-white rounded-lg shadow-md p-6">
-        <div class="mb-6">
-            <h4 class="text-2xl font-bold text-gray-800">Форма обратной связи</h4>
-            <p class="text-gray-600 mt-2">Заполните все обязательные поля (*)</p>
+<div>
+    <div>
+        <div>
+            <h4>Форма обратной связи</h4>
+            <p>Заполните все обязательные поля (*)</p>
         </div>
         
         <div>
-            <form method="POST" action="{{ route('form.submit') }}" class="space-y-6">
+            <form method="POST" action="{{ route('form.submit') }}">
                 @csrf
                 
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                <div>
                     <div>
-                        <label for="name" class="block text-sm font-medium text-gray-700 mb-1">
-                            Имя *
-                        </label>
+                        <label for="name">Имя *</label>
                         <input type="text" 
                                id="name" 
                                name="name" 
                                value="{{ old('name') }}" 
                                required
-                               class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition"
                                placeholder="Введите ваше имя">
                         @error('name')
-                            <div class="mt-1 text-sm text-red-600">{{ $message }}</div>
+                            <div>{{ $message }}</div>
                         @enderror
                     </div>
 
                     <div>
-                        <label for="email" class="block text-sm font-medium text-gray-700 mb-1">
-                            Email *
-                        </label>
+                        <label for="email">Email *</label>
                         <input type="email" 
                                id="email" 
                                name="email" 
                                value="{{ old('email') }}" 
                                required
-                               class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition"
                                placeholder="example@email.com">
                         @error('email')
-                            <div class="mt-1 text-sm text-red-600">{{ $message }}</div>
+                            <div>{{ $message }}</div>
                         @enderror
                     </div>
                 </div>
 
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                <div>
                     <div>
-                        <label for="phone" class="block text-sm font-medium text-gray-700 mb-1">
-                            Телефон *
-                        </label>
+                        <label for="phone">Телефон *</label>
                         <input type="tel" 
                                id="phone" 
                                name="phone" 
                                value="{{ old('phone') }}" 
                                required
-                               class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition"
                                placeholder="79991234567">
                         @error('phone')
-                            <div class="mt-1 text-sm text-red-600">{{ $message }}</div>
+                            <div>{{ $message }}</div>
                         @enderror
                     </div>
 
                     <div>
-                        <label for="category_id" class="block text-sm font-medium text-gray-700 mb-1">
-                            Категория
-                        </label>
-                        <select id="category_id" 
-                                name="category_id"
-                                class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition">
+                        <label for="category_id">Категория</label>
+                        <select id="category_id" name="category_id">
                             <option value="">Выберите категорию</option>
                             @foreach($categories as $category)
                                 <option value="{{ $category->id }}" {{ old('category_id') == $category->id ? 'selected' : '' }}>
@@ -80,73 +67,57 @@
                             @endforeach
                         </select>
                         @error('category_id')
-                            <div class="mt-1 text-sm text-red-600">{{ $message }}</div>
+                            <div>{{ $message }}</div>
                         @enderror
                     </div>
                 </div>
 
                 <div>
-                    <label class="block text-sm font-medium text-gray-700 mb-3">
-                        Пол *
-                    </label>
-                    <div class="flex space-x-4">
-                        <label class="inline-flex items-center">
+                    <label>Пол *</label>
+                    <div>
+                        <label>
                             <input type="radio" 
                                    name="gender" 
                                    value="1" 
-                                   {{ old('gender') == '1' ? 'checked' : '' }}
-                                   class="h-4 w-4 text-blue-600 focus:ring-blue-500">
-                            <span class="ml-2 text-gray-700">Мужской</span>
+                                   {{ old('gender') == '1' ? 'checked' : '' }}>
+                            <span>Мужской</span>
                         </label>
-                        <label class="inline-flex items-center">
+                        <label>
                             <input type="radio" 
                                    name="gender" 
                                    value="0" 
-                                   {{ old('gender') == '0' ? 'checked' : '' }}
-                                   class="h-4 w-4 text-blue-600 focus:ring-blue-500">
-                            <span class="ml-2 text-gray-700">Женский</span>
+                                   {{ old('gender') == '0' ? 'checked' : '' }}>
+                            <span>Женский</span>
                         </label>
                     </div>
                     @error('gender')
-                        <div class="mt-1 text-sm text-red-600">{{ $message }}</div>
+                        <div>{{ $message }}</div>
                     @enderror
                 </div>
 
                 <div>
-                    <label for="message" class="block text-sm font-medium text-gray-700 mb-1">
-                        Сообщение *
-                    </label>
+                    <label for="message">Сообщение *</label>
                     <textarea id="message" 
                               name="message" 
                               rows="5" 
                               required
-                              class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition"
                               placeholder="Введите ваше сообщение (минимум 10 символов)">{{ old('message') }}</textarea>
                     @error('message')
-                        <div class="mt-1 text-sm text-red-600">{{ $message }}</div>
+                        <div>{{ $message }}</div>
                     @enderror
                 </div>
 
                 <div>
-                    <label for="comment" class="block text-sm font-medium text-gray-700 mb-1">
-                        Комментарий (необязательно)
-                    </label>
+                    <label for="comment">Комментарий (необязательно)</label>
                     <textarea id="comment" 
                               name="comment" 
                               rows="2"
-                              class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition"
                               placeholder="Добавьте комментарий, если необходимо">{{ old('comment') }}</textarea>
                 </div>
 
-                <div class="flex justify-end space-x-4">
-                    <button type="reset" 
-                            class="px-6 py-2 border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition">
-                        Сбросить
-                    </button>
-                    <button type="submit" 
-                            class="px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:ring-4 focus:ring-blue-300 transition">
-                        Отправить
-                    </button>
+                <div>
+                    <button type="reset">Сбросить</button>
+                    <button type="submit">Отправить</button>
                 </div>
             </form>
         </div>

+ 2 - 2
resources/views/layouts/app.blade.php

@@ -18,7 +18,7 @@
                         <li>
                             <a href="{{ route('form.show') }}">Форма</a>
                         </li>
-        <li>
+                        <li>
                             <a href="{{ route('data.show') }}">Данные</a>
                         </li>
                     </ul>
@@ -32,7 +32,7 @@
             @if(session('success'))
                 <div role="alert">
                     {{ session('success') }}
-                    <button type="button"   data-bs-dismiss="alert"></button>
+                    <button type="button"></button>
                 </div>
             @endif