@extends('layouts.app')

@section('css')
    <!-- Summernote CSS -->
    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet">
    <!-- Select2 CSS -->
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <link href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css"
        rel="stylesheet" />
@endsection

@section('js')
    <!-- Summernote JS -->
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script>
    <!-- Select2 JS -->
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
@endsection

@push('pageTitle')
    {{ __('labels.discussion_forum') }}
@endpush

@section('content')
    @include('components.common.page-header', [
        'pageTitle' =>
            isset($discussionThread) && isset($readonly) && $readonly
                ? __('labels.view_discussion')
                : (isset($discussionThread)
                    ? __('labels.edit_discussion')
                    : __('labels.create_discussion')),
        'actionButton' => [
            'url' => isset($selectedIndustryGroup) ? route('discussion-threads.show', $selectedIndustryGroup): route('discussion-threads.index'),
            'text' => isset($selectedIndustryGroup) ? __('labels.back_to_group') : __('labels.back_to_discussions'),
        ],
    ])
    @include('components.common.flush-message')
    @include('components.common.validation-errors')
    @include('components.form.add-category-modal')

    <form
        @if (!isset($readonly) || !$readonly) action="{{ isset($discussionThread) ? route('discussion-threads.update', $discussionThread->id) : route('discussion-threads.store') }}" 
        method="POST"
        enctype="multipart/form-data" @endif>
        @csrf
        @if (isset($discussionThread))
            @method('PUT')
        @endif

        <div class="row">
            <div class="col-xl-12">
                <div class="card">
                    <div class="card-body">
                        {{-- Title --}}
                        <div class="mb-3 row">
                            <label for="title" class="col-md-2 col-form-label">
                                {{ __('labels.title') }} <span class="text-danger">*</span>
                            </label>
                            <div class="col-md-10">
                                <input type="text" name="title" id="title"
                                    value="{{ old('title', $discussionThread->title ?? '') }}"
                                    class="form-control @error('title') is-invalid @enderror"
                                    placeholder="{{ __('labels.title') }}"
                                    {{ isset($readonly) && $readonly ? 'readonly' : '' }} required>
                                @error('title')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        {{-- Description --}}
                        <div class="mb-3 row">
                            <label for="description" class="col-md-2 col-form-label">
                                {{ __('labels.description') }} <span class="text-danger">*</span>
                            </label>
                            <div class="col-md-10">
                                <textarea name="description" id="description" class="form-control @error('description') is-invalid @enderror"
                                    rows="10" {{ isset($readonly) && $readonly ? 'readonly' : '' }}>{{ old('description', $discussionThread->description ?? '') }}</textarea>
                                @error('description')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        {{-- Status --}}
                        @include('components.form.select2-with-add-button',[
                            'name' => 'discussion_category_id',
                            'categoryList' => $categories,
                            'selectedValue' => $discussionThread->discussion_category_id ?? null,
                            'required' => true,
                            'canCreate' => Auth::user()->can('create', \App\Models\DiscussionCategory::class),
                            'createUrl' => route('discussion-categories.store'),
                        ])



                        {{-- Admin only fields --}}
                        @can('admin-action', App\Models\DiscussionThread::class)
                            <div class="mb-3 row">
                                <label class="col-md-2 col-form-label">{{ __('labels.admin_settings') }}</label>
                                <div class="col-md-10">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-check form-switch">
                                                <input type="checkbox" class="form-check-input" name="is_locked" id="is_locked"
                                                    value="1"
                                                    {{ old('is_locked', $discussionThread->is_locked ?? false) ? 'checked' : '' }}
                                                    {{ isset($readonly) && $readonly ? 'disabled' : '' }}>
                                                <label class="form-check-label" for="is_locked">
                                                    {{ __('labels.lock_thread') }}
                                                </label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-check form-switch">
                                                <input type="checkbox" class="form-check-input" name="is_approved"
                                                    id="is_approved" value="1"
                                                    {{ old('is_approved', $discussionThread->is_approved ?? true) ? 'checked' : '' }}
                                                    {{ isset($readonly) && $readonly ? 'disabled' : '' }}>
                                                <label class="form-check-label" for="is_approved">
                                                    {{ __('labels.approved') }}
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endcan

                        {{-- Thread Info (View mode) --}}
                        @if (isset($readonly) && $readonly && isset($discussionThread))
                            <div class="mb-3 row">
                                <label class="col-md-2 col-form-label">{{ __('labels.thread_info') }}</label>
                                <div class="col-md-10">
                                    <div class="card bg-light">
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-2">
                                                        <strong>{{ __('labels.author') }}:</strong><br>
                                                        <span>{{ $discussionThread->author->name ?? __('labels.unknown_author') }}</span>
                                                    </div>
                                                    <div class="mb-2">
                                                        <strong>{{ __('labels.created_at') }}:</strong><br>
                                                        <span>{{ $discussionThread->created_at->format('d.m.Y H:i') }}</span>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-2">
                                                        <strong>{{ __('labels.last_updated') }}:</strong><br>
                                                        <span>{{ $discussionThread->updated_at->format('d.m.Y H:i') }}</span>
                                                    </div>
                                                    <div class="mb-2">
                                                        <strong>{{ __('labels.views') }}:</strong><br>
                                                        <span>{{ $discussionThread->view_count ?? 0 }}</span>
                                                    </div>
                                                    <div class="mb-2">
                                                        <strong>{{ __('labels.likes') }}:</strong><br>
                                                        <span>{{ $discussionThread->like_count ?? 0 }}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>


                    @if (isset($selectedIndustryGroup))
                        <input type="hidden" name="selected_industry_group_id" value="{{ $selectedIndustryGroup->id ?? '' }}" />
                        {{-- <div class="card section-card border-0 shadow-sm mb-4">
                            <div class="card-header bg-transparent border-bottom py-3">
                                <h5 class="card-title mb-0">
                                    <i class="fas fa-industry me-2 text-primary"></i>
                                    {{ __('labels.industry_group') }}
                                </h5>
                            </div>
                            <div class="card-body p-4">
                                <span class="badge bg-primary px-3 py-2">
                                    <i class="fas fa-industry me-1"></i>
                                    {{ $industryGroup->name }}
                                </span>
                            </div>
                        </div> --}}
                    @endif
                
            </div>
        </div>
        {{-- Action Buttons (aligned like post form) --}}
        @if (!isset($readonly) || !$readonly)
            {{-- <div class="row mt-4">
                <div class="col-12">
                    <div class="btn-action-group">
                        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save me-1"></i>
                                {{ isset($discussionThread) && $discussionThread->exists ? __('labels.update') : __('labels.save') }}
                            </button>
                            <a href="{{ route('discussion-threads.index') }}" class="btn btn-secondary">
                                {{ __('labels.cancel') }}
                            </a>
                        </div>
                    </div>
                </div>
            </div> --}}

            <div class="text-end mt-3">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save me-1"></i>
                    {{ isset($discussionThread) && $discussionThread->exists ? __('labels.update') : __('labels.save') }}
                </button>
                <a href="{{ route('discussion-threads.index') }}" class="btn btn-secondary">
                    {{ __('labels.cancel') }}
                </a>
            </div>

        @endif
    </form>
@endsection