@extends('layouts.dashboard')
@section('title', __('New Topic'))
@section('page_title', __('New Topic'))

@section('content')
    <nav aria-label="{{ __('Breadcrumb') }}">
        <ol class="breadcrumb small">
            <li class="breadcrumb-item"><a href="{{ route('forums.index') }}">{{ __('Forums') }}</a></li>
            <li class="breadcrumb-item"><a href="{{ route('forums.show', $forum) }}">{{ $forum->title }}</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ __('New Topic') }}</li>
        </ol>
    </nav>

    <div class="d-flex justify-content-between align-items-center mb-3">
        <h5 class="mb-0">{{ __('New Topic in :forum', ['forum' => $forum->title]) }}</h5>
        <a href="{{ route('forums.show', $forum) }}" class="btn btn-light"><i class="bi bi-arrow-left me-1"></i> {{ __('Back') }}</a>
    </div>

    <div class="card shadow-sm">
        <div class="card-body">
            <form action="{{ route('topics.store', $forum) }}" method="POST">
                @csrf
                <div class="mb-3">
                    <label class="form-label">{{ __('Title') }} <span class="text-danger">*</span></label>
                    <input type="text" name="title" value="{{ old('title') }}" class="form-control @error('title') is-invalid @enderror" required>
                    @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="mb-3">
                    <label class="form-label">{{ __('Content') }} <span class="text-danger">*</span></label>
                    <textarea name="content" rows="8" class="form-control @error('content') is-invalid @enderror" required>{{ old('content') }}</textarea>
                    @error('content')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <button class="btn btn-primary"><i class="bi bi-send me-1"></i> {{ __('Post Topic') }}</button>
            </form>
        </div>
    </div>
@endsection