@extends('layouts.nova')

@section('content')
    <div class="legacy-page max-w-3xl">
        <div class="mb-6">
            <a href="{{ route('forum.category.show', ['category' => $category->slug]) }}" class="text-sm text-sky-300 hover:text-sky-200">← Back to section</a>
            <h1 class="mt-2 text-2xl font-semibold text-white">Create thread in {{ $category->name }}</h1>
        </div>

        <form method="POST" action="{{ route('forum.thread.store', ['category' => $category->slug]) }}" class="space-y-4 rounded-lg border border-white/10 bg-zinc-900/70 p-4">
            @csrf

            <div>
                <label for="title" class="mb-1 block text-sm font-medium text-zinc-200">Title</label>
                <input id="title" name="title" value="{{ old('title') }}" required maxlength="255" class="w-full rounded border border-white/10 bg-zinc-950 px-3 py-2 text-zinc-100" />
                @error('title')
                    <div class="mt-1 text-xs text-red-400">{{ $message }}</div>
                @enderror
            </div>

            <div>
                <label for="content" class="mb-1 block text-sm font-medium text-zinc-200">Content</label>
                <textarea id="content" name="content" rows="10" required class="w-full rounded border border-white/10 bg-zinc-950 px-3 py-2 text-zinc-100">{{ old('content') }}</textarea>
                @error('content')
                    <div class="mt-1 text-xs text-red-400">{{ $message }}</div>
                @enderror
            </div>

            <div>
                <button type="submit" class="rounded bg-sky-600 px-4 py-2 text-sm font-medium text-white hover:bg-sky-500">Publish thread</button>
            </div>
        </form>
    </div>
@endsection