@extends('layouts/default')

@section('title')
    Discussion Forum
    @parent
@stop

@section('header_styles')
    <style>
        .discussion-card {
            border: 1px solid #ddd;
            border-radius: 10px;
            background: #fff;
            padding: 20px;
            margin-bottom: 30px;
        }
        .discussion-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .discussion-title {
            font-size: 1.2rem;
            font-weight: bold;
            color: #007bff;
        }
        .reply-form {
            margin-top: 15px;
            background: #f8f9fa;
            border-radius: 8px;
            padding: 15px;
            border: 1px solid #ddd;
        }
        .reply-form input, .reply-form textarea {
            width: 100%;
            border-radius: 6px;
            border: 1px solid #ccc;
            padding: 10px;
            margin-bottom: 10px;
        }
        .reply-form button {
            background-color: #01bc8c;
            color: #fff;
            border: none;
            padding: 8px 20px;
            border-radius: 20px;
            cursor: pointer;
        }
        .reply-form button:hover {
            background-color: #019b77;
        }
        .replies {
            margin-top: 15px;
            border-top: 1px solid #eee;
            padding-top: 10px;
        }
        .reply {
            margin-bottom: 10px;
            padding: 8px;
            background: #f0f8ff;
            border-radius: 6px;
        }
        .reply small {
            color: #555;
        }
    </style>
@stop

@section('content')
    <div class="container mt-4">
        <div class="text-center mb-4">
            <h3 class="border-primary">
                <span class="heading_border bg-primary">Discussion Forum</span>
            </h3>
        </div>

        {{-- Fetch topics directly --}}
        @php
            $topics = DB::table('discusions')->get();
        @endphp

        @foreach($topics as $topic)
            <div class="discussion-card">
                <div class="discussion-header">
                    <span class="discussion-title">{{ $topic->title }}</span>
                    <small>Posted by {{ $topic->fullname ?? 'Admin' }} | {{ date('d M Y', strtotime($topic->created_at)) }}</small>
                </div>

                {{-- Optional: fetch replies if you have a replies table --}}
                @php
                    $replies = DB::table('discussion_replies')->where('topic_id', $topic->id)->get();
                @endphp
                <div class="replies">
                    @forelse($replies as $reply)
                        <div class="reply">
                            <strong>{{ $reply->fullname }}:</strong>
                            <p>{{ $reply->message }}</p>
                            <small>{{ date('d M Y H:i', strtotime($reply->created_at)) }}</small>
                        </div>
                    @empty
                        <p>No replies yet. Be the first to reply!</p>
                    @endforelse
                </div>

                {{-- Reply Form --}}
                <div class="reply-form">
                    <form action="{{ route('discussion.reply', $topic->id) }}" method="POST">

                    @csrf
                        <input type="text" name="fullname" placeholder="Enter your full name" required>
                        <textarea name="message" rows="3" placeholder="Write your reply here..." required></textarea>
                        <button type="submit"><i class="fa fa-paper-plane"></i> Send Reply</button>
                    </form>
                </div>
            </div>
        @endforeach
    </div>
@stop