@extends('layouts.app')

@section('title', 'Просмотр данных формы')

@section('content')
<div>
    <div>
        <div>
            <div>
                <h4>Данные формы #{{ $formData->id }}</h4>
                <p>UUID: {{ $formData->uuid }}</p>
            </div>
            <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" onclick="return confirm('Удалить эту запись?')">Удалить</button>
                </form>
                <a href="{{ route('data.show') }}">Назад к списку</a>
            </div>
        </div>

        <div>
            <div>
                <div>
                    <h5>Персональные данные</h5>
                    <div>
                        <div>
                            <span>Имя:</span>
                            <p>{{ $formData->name }}</p>
                        </div>
                        <div>
                            <span>Email:</span>
                            <p>{{ $formData->email }}</p>
                        </div>
                        <div>
                            <span>Телефон:</span>
                            <p>{{ $formData->phone }}</p>
                        </div>
                        <div>
                            <span>Пол:</span>
                            <p>{{ $formData->gender ? 'Мужской' : 'Женский' }}</p>
                        </div>
                    </div>
                </div>
                
                <div>
                    <h5>Дополнительная информация</h5>
                    <div>
                        <div>
                            <span>Категория:</span>
                            <p>
                                {{ $formData->category ? $formData->category->name : 'Не указана' }}
                            </p>
                        </div>
                        <div>
                            <span>Дата отправки:</span>
                            <p>
                                {{ $formData->submitted_at->format('d.m.Y H:i') }}
                            </p>
                        </div>
                        <div>
                            <span>Создано:</span>
                            <p>
                                {{ $formData->created_at->format('d.m.Y H:i') }}
                            </p>
                        </div>
                        <div>
                            <span>Обновлено:</span>
                            <p>
                                {{ $formData->updated_at->format('d.m.Y H:i') }}
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div>
                <h5>Сообщение</h5>
                <div>
                    <p>{{ $formData->message }}</p>
                </div>
            </div>
        </div>

        <div>
            <div>
                <h5>Комментарии ({{ $formData->comments->count() }})</h5>
                <button onclick="toggleCommentForm()">Добавить комментарий</button>
            </div>

            <div id="commentForm" style="display: none;">
                    <form action="/form-data/{{ $formData->id }}/comment" method="POST">
                    @csrf
                    <div>
                        <textarea name="content" 
                                  rows="3" 
                                  required
                                  placeholder="Введите ваш комментарий"></textarea>
                    </div>
                    <div>
                        <button type="button" onclick="toggleCommentForm()">Отмена</button>
                        <button type="submit">Отправить</button>
                    </div>
                </form>
            </div>

            @if($formData->comments->count() > 0)
                <div>
                    @foreach($formData->comments as $comment)
                        <div>
                            <div>
                                <div>
                                    <p>
                                        {{ $comment->user ? $comment->user->name : 'Аноним' }}
                                    </p>
                                    <p>
                                        {{ $comment->created_at->format('d.m.Y H:i') }}
                                    </p>
                                </div>
                                @if($comment->is_banned)
                                    <span>Одобрено</span>
                                @endif
                            </div>
                            <p>{{ $comment->content }}</p>
                        </div>
                    @endforeach
                </div>
            @else
                <p>Комментариев пока нет</p>
            @endif
        </div>
    </div>
</div>

<script>
function toggleCommentForm() {
    const form = document.getElementById('commentForm');
    form.style.display = form.style.display === 'none' ? 'block' : 'none';
}
</script>
@endsection