|
|
@@ -133,6 +133,51 @@
|
|
|
color: #155724;
|
|
|
border: 1px solid #c3e6cb;
|
|
|
}
|
|
|
+
|
|
|
+ /* Стили для кнопок действий */
|
|
|
+ .action-btn {
|
|
|
+ padding: 5px 10px;
|
|
|
+ font-size: 16px;
|
|
|
+ border: none;
|
|
|
+ border-radius: 5px;
|
|
|
+ cursor: pointer;
|
|
|
+ text-decoration: none;
|
|
|
+ display: inline-block;
|
|
|
+ margin: 0 2px;
|
|
|
+ transition: all 0.2s;
|
|
|
+ }
|
|
|
+
|
|
|
+ .action-btn:hover {
|
|
|
+ transform: scale(1.1);
|
|
|
+ box-shadow: 0 2px 8px rgba(0,0,0,0.2);
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-view {
|
|
|
+ background: #3498db;
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-view:hover {
|
|
|
+ background: #2980b9;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-edit {
|
|
|
+ background: #f1c40f;
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-edit:hover {
|
|
|
+ background: #f39c12;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-delete {
|
|
|
+ background: #e74c3c;
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-delete:hover {
|
|
|
+ background: #c0392b;
|
|
|
+ }
|
|
|
|
|
|
@media (max-width: 768px) {
|
|
|
.container {
|
|
|
@@ -147,6 +192,11 @@
|
|
|
.message-cell {
|
|
|
max-width: 150px;
|
|
|
}
|
|
|
+ .action-btn {
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 4px 8px;
|
|
|
+ margin: 1px;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
@@ -161,15 +211,6 @@
|
|
|
</div>
|
|
|
@endif
|
|
|
|
|
|
- <div class="header-actions">
|
|
|
- <div class="count-badge">
|
|
|
- Всего записей: {{ $submissions->count() }}
|
|
|
- </div>
|
|
|
- <a href="{{ route('form') }}" class="btn btn-secondary">
|
|
|
- ← Вернуться к форме
|
|
|
- </a>
|
|
|
- </div>
|
|
|
-
|
|
|
<div class="table-wrapper">
|
|
|
@if($submissions->count() > 0)
|
|
|
<table>
|
|
|
@@ -180,35 +221,58 @@
|
|
|
<th>Email</th>
|
|
|
<th>Сообщение</th>
|
|
|
<th>Дата отправки</th>
|
|
|
- <th style="text-align: right;">Действия</th> {{-- 1. Новый заголовок --}}
|
|
|
+ <th style="text-align: right;">Действия</th>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
<tbody>
|
|
|
@foreach($submissions as $submission)
|
|
|
<tr>
|
|
|
- {{-- Ваши существующие ячейки --}}
|
|
|
- <td>{{ $loop->iteration }}</td> {{-- $loop->iteration лучше, чем $index + 1 --}}
|
|
|
+ <td>{{ $loop->iteration }}</td>
|
|
|
<td>{{ $submission->name }}</td>
|
|
|
<td class="email-cell">{{ $submission->email }}</td>
|
|
|
<td class="message-cell">{{ $submission->message }}</td>
|
|
|
<td class="date-cell">
|
|
|
{{ $submission->created_at->format('d.m.Y H:i') }}
|
|
|
</td>
|
|
|
-
|
|
|
- </td>
|
|
|
-
|
|
|
<td style="text-align: right; white-space: nowrap;">
|
|
|
-
|
|
|
- <a href="{{ route('admin.show', $submission->id) }}" class="btn" style="padding: 5px 10px; font-size: 12px; background: #3498db;" title="Просмотр">👁️</a>
|
|
|
+ {{-- Просмотр --}}
|
|
|
+ <a href="{{ route('admin.show', $submission->id) }}"
|
|
|
+ class="action-btn btn-view"
|
|
|
+ title="Просмотр">
|
|
|
+ 👁️
|
|
|
+ </a>
|
|
|
+
|
|
|
+ {{-- Редактирование --}}
|
|
|
+ <a href="{{ route('admin.edit', $submission->id) }}"
|
|
|
+ class="action-btn btn-edit"
|
|
|
+ title="Редактировать">
|
|
|
+ ✏️
|
|
|
+ </a>
|
|
|
|
|
|
- <a href="{{ route('admin.edit', $submission->id) }}" class="btn" style="padding: 5px 10px; font-size: 12px; background: #f1c40f;" title="Редактировать">✏️</a>
|
|
|
+ {{-- Удаление --}}
|
|
|
+ <form action="{{ route('admin.delete', $submission) }}"
|
|
|
+ method="POST"
|
|
|
+ style="display: inline;"
|
|
|
+ onsubmit="return confirm('⚠️ Вы уверены?\n\nЗапись будет перемещена в корзину.')">
|
|
|
+ @csrf
|
|
|
+ @method('DELETE')
|
|
|
+ <button type="submit"
|
|
|
+ class="action-btn btn-delete"
|
|
|
+ title="Удалить">
|
|
|
+ 🗑️
|
|
|
+ </button>
|
|
|
+ </form>
|
|
|
</td>
|
|
|
</tr>
|
|
|
@endforeach
|
|
|
</tbody>
|
|
|
</table>
|
|
|
@else
|
|
|
- {{-- Ваш блок empty-state --}}
|
|
|
+ <div class="empty-state">
|
|
|
+ <div class="empty-state-icon">📭</div>
|
|
|
+ <h3>Пока нет отправленных данных</h3>
|
|
|
+ <p style="margin-top: 10px;">Заполните форму, чтобы увидеть данные здесь</p>
|
|
|
+ </div>
|
|
|
@endif
|
|
|
</div>
|
|
|
</div>
|