laravel/resources/views/form-data/show.blade.php

@extends('layouts.app')

@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>
                <h4 class="text-2xl font-bold text-gray-800">Данные формы #{{ $formData->id }}</h4>
                <p class="text-gray-600 text-sm">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">
                    @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>
                </form>
                <a href="{{ route('data.show') }}" 
                   class="px-4 py-2 bg-gray-500 text-white rounded hover:bg-gray-600 transition">
                    Назад к списку
                </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>
                    <h5 class="text-lg font-semibold text-gray-700 mb-4">Персональные данные</h5>
                    <div class="space-y-3">
                        <div>
                            <span class="text-gray-600 text-sm">Имя:</span>
                            <p class="text-gray-800 font-medium">{{ $formData->name }}</p>
                        </div>
                        <div>
                            <span class="text-gray-600 text-sm">Email:</span>
                            <p class="text-gray-800 font-medium">{{ $formData->email }}</p>
                        </div>
                        <div>
                            <span class="text-gray-600 text-sm">Телефон:</span>
                            <p class="text-gray-800 font-medium">{{ $formData->phone }}</p>
                        </div>
                        <div>
                            <span class="text-gray-600 text-sm">Пол:</span>
                            <p class="text-gray-800 font-medium">{{ $formData->gender ? 'Мужской' : 'Женский' }}</p>
                        </div>
                    </div>
                </div>
                
                <div>
                    <h5 class="text-lg font-semibold text-gray-700 mb-4">Дополнительная информация</h5>
                    <div class="space-y-3">
                        <div>
                            <span class="text-gray-600 text-sm">Категория:</span>
                            <p class="text-gray-800 font-medium">
                                {{ $formData->category ? $formData->category->name : 'Не указана' }}
                            </p>
                        </div>
                        <div>
                            <span class="text-gray-600 text-sm">Дата отправки:</span>
                            <p class="text-gray-800 font-medium">
                                {{ $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">
                                {{ $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">
                                {{ $formData->updated_at->format('d.m.Y H:i') }}
                            </p>
                        </div>
                    </div>
                </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>
            </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 id="commentForm" class="hidden mb-6">
                    <form action="/form-data/{{ $formData->id }}/comment" method="POST">
                    @csrf
                    <div class="mb-4">
                        <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>
                </form>
            </div>

            @if($formData->comments->count() > 0)
                <div class="space-y-4">
                    @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>
                                    <p class="font-medium text-gray-800">
                                        {{ $comment->user ? $comment->user->name : 'Аноним' }}
                                    </p>
                                    <p class="text-sm text-gray-500">
                                        {{ $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>
                                @endif
                            </div>
                            <p class="text-gray-700">{{ $comment->content }}</p>
                        </div>
                    @endforeach
                </div>
            @else
                <p class="text-gray-500 text-center py-4">Комментариев пока нет</p>
            @endif
        </div>
    </div>
</div>

<script>
function toggleCommentForm() {
    const form = document.getElementById('commentForm');
    form.classList.toggle('hidden');
}
</script>
@endsection