@extends('layouts.app')

@section('content')
    <div class="container-fluid threads-page">
        <div class="row justify-content-center">
            <div class="col-md-10 forums">
                <div class="card category">
                    <div class="card-header">
                        <h1 class="title">
                            <div class="row">
                                <div class="col-md-10">
                                    {{ $thread->name }}
                                </div>
                                <div class="col-md-2">
                                    @if(auth()->check())
                                        <a href="{{ route('forums.thread.topics.create', [$category->slug ?? 'unknown', $thread->slug]) }}" class="btn btn-primary pull-right">
                                            New topic
                                        </a>
                                    @endif
                                </div>
                            </div>
                        </h1>
                        <div class="row">
                            <div class="col-md-12">
                                {{ $thread->description }}
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        @if($topics->count())
                            <div class="forum-header mb-3">
                                <div class="row">
                                    <div class="col-md-1">
                                        <span class="iconify" data-icon="mdi-comment-text-outline"></span>
                                    </div>
                                    <div class="col-md-8">
                                        Topic Name / Author
                                    </div>
                                    <div class="col-md-1">
                                        Stats
                                    </div>
                                    <div class="col-md-2">
                                        Last post
                                    </div>
                                </div>
                            </div>
                            @foreach($topics as $topic)
                                <div class="topic-row mb-3">
                                    <div class="row">
                                        <div class="col-md-1 text-center">
                                            <span class="iconify" data-icon="mdi-comment-text-outline"></span>
                                        </div>
                                        <div class="col-md-8">
                                            <a href="{{ route('forums.thread.topics.show', [$category->slug ?? 'unknown', $thread->slug, $topic->slug]) }}">{{ $topic->name }}</a> <br>
                                            <small>Created by <a href="">{{ $topic->author->name ?? 'Unknown User' }}</a> {{ $topic->created_at ? $topic->created_at->diffForHumans() : 'N/A' }}</small>
                                        </div>
                                        <div class="col-md-1">
                                            <span title="Views"><span class="iconify me-1" data-icon="mdi-eye"></span> {{ $topic->views_no }}</span><br>
                                            <span title="Replies"><span class="iconify me-1" data-icon="mdi-message-text"></span> {{ $topic->replies_no }}</span>
                                        </div>
                                        <div class="col-md-2">
                                            <small>{{ $topic->updated_at ? $topic->updated_at->diffForHumans() : 'N/A' }}</small>
                                        </div>
                                    </div>
                                </div>
                                @if(!$loop->last)
                                    <hr>
                                @endif
                            @endforeach
                        @else
                            <div class="no-topics text-center p-4">
                                <p>There are no topics at the moment!</p>
                                <a href="{{ route('forums.thread.topics.create', [$category->slug ?? 'unknown', $thread->slug]) }}" class="btn btn-primary">Create the first topic</a>
                            </div>
                        @endif
                    </div>
                </div>
                {{ $topics->links() }}
            </div>
            <div class="col-md-2">
                <div class="card">
                    <div class="card-header">
                        <h5>Thread Actions</h5>
                    </div>
                    <div class="card-body">
                        <ul class="list-unstyled">
                            <li class="mb-2">
                                <a href="#"><span class="iconify me-1" data-icon="mdi-eye-check-outline"></span> Mark as seen</a>
                            </li>
                            <li class="mb-2">
                                <a href="#"><span class="iconify me-1" data-icon="mdi-thumb-up-outline"></span> Like</a>
                            </li>
                            <li class="mb-2">
                                <a href="#"><span class="iconify me-1" data-icon="mdi-playlist-check"></span> Add to list</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="card mt-3">
                    <div class="card-header">
                        <h5>Thread Stats</h5>
                    </div>
                    <div class="card-body">
                        <ul class="list-unstyled">
                            <li class="mb-2">
                                <span class="iconify me-1" data-icon="mdi-comment-text-multiple-outline"></span>
                                Topics: {{ $topics->total() }}
                            </li>
                            <li class="mb-2">
                                <span class="iconify me-1" data-icon="mdi-clock-outline"></span>
                                Created: {{ $thread->created_at ? $thread->created_at->diffForHumans() : 'N/A' }}
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection