@extends('template_pages.session')

@section('page_title', $articleId ? 'Editar artigo' : 'Novo artigo')
@section('page_icon', 'pen-line')
@section('navbar', 'wiki.navbar')

@push('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/wiki.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/inspinia/plugins/summernote/summernote-bs5.min.css') }}">
@endpush

@section('content_page')
    <div class="card-body">
        <div class="mb-3">
            <a href="{{ route('wiki.index') }}" class="btn btn-link p-0 d-inline-flex align-items-center gap-1">
                <i data-lucide="chevron-left"></i>
                <span>Voltar para Wiki</span>
            </a>
        </div>

        <div class="row g-3">
            {{-- Editor principal --}}
            <div class="col-lg-8">
                <div class="card border-0">
                    <div class="card-body">
                        <input type="text" id="article_title" class="wiki-editor-title" placeholder="Título do artigo">
                        <hr class="my-3">
                        <textarea id="article_content" placeholder="Escreva o conteúdo do artigo..."></textarea>
                    </div>
                </div>
            </div>

            {{-- Sidebar de configuração --}}
            <div class="col-lg-4">
                <div class="card border-0 wiki-editor-sidebar">
                    <div class="card-body">
                        @php $isTrail = (($articleType ?? 'article') === 'trail'); @endphp
                        <label class="form-label text-uppercase fw-semibold small">Tipo</label>
                        <div class="wiki-type-pill mb-3">
                            <button type="button" class="btn btn-outline-primary {{ $isTrail ? '' : 'active' }}" data-type="article">Artigo</button>
                            <button type="button" class="btn btn-outline-primary {{ $isTrail ? 'active' : '' }}" data-type="trail">Trilha</button>
                        </div>

                        {{-- Tipo Artigo --}}
                        <div id="article-type-fields" class="{{ $isTrail ? 'd-none' : '' }}">
                            <label class="form-label text-uppercase fw-semibold small">Categoria</label>
                            <select id="article_category" class="form-select mb-2">
                                <option value="">Selecione...</option>
                                @foreach($wikiCategories ?? [] as $cat)
                                    <option value="{{ $cat->id }}">{{ $cat->label }}</option>
                                @endforeach
                            </select>

                            <label class="form-label small mt-2">Subcategorias</label>
                            <div id="article_subcategories_wrap" class="d-flex flex-wrap gap-1 mb-2">
                                <span class="text-muted small">Selecione uma categoria primeiro</span>
                            </div>

                            <button type="button" class="btn btn-link p-0 d-inline-flex align-items-center gap-1" id="btn-new-category">
                                <i data-lucide="plus"></i> <span>Nova categoria</span>
                            </button>
                            <div id="new-category-form" class="d-none mt-2">
                                <div class="input-group input-group-sm">
                                    <input type="text" id="new-category-input" class="form-control" placeholder="Nome da categoria...">
                                    <button class="btn btn-primary" id="new-category-save"><i data-lucide="check"></i></button>
                                    <button class="btn btn-outline-secondary" id="new-category-cancel"><i data-lucide="x"></i></button>
                                </div>
                            </div>
                        </div>

                        {{-- Tipo Trilha --}}
                        <div id="trail-type-fields" class="{{ $isTrail ? '' : 'd-none' }}">
                            <label class="form-label text-uppercase fw-semibold small">Trilha</label>
                            <select id="article_trail" class="form-select mb-2">
                                <option value="">Selecione...</option>
                                @foreach($wikiTrails ?? [] as $tr)
                                    <option value="{{ $tr->id }}">{{ $tr->label }}</option>
                                @endforeach
                            </select>

                            <label class="form-label small mt-2">Módulo</label>
                            <select id="article_module" class="form-select mb-2" disabled>
                                <option value="">—</option>
                            </select>

                            <label class="form-label small mt-2">Submódulo</label>
                            <select id="article_submodule" class="form-select mb-2" disabled>
                                <option value="">—</option>
                            </select>

                            <label class="form-label small mt-2">Tópico</label>
                            <select id="article_topic" class="form-select mb-2" disabled>
                                <option value="">—</option>
                            </select>

                            <a href="{{ route('wiki.settings', ['tab' => 'trails']) }}" class="btn btn-link p-0 d-inline-flex align-items-center gap-1">
                                <i data-lucide="settings"></i> <span>Gerenciar trilhas</span>
                            </a>
                        </div>

                        <hr>
                        <div id="wiki-actions-new">
                            <button type="button" class="btn btn-primary w-100 mb-2" id="btn-publish">
                                <i data-lucide="send" class="me-1"></i> Publicar
                            </button>
                            <button type="button" class="btn btn-outline-secondary w-100" id="btn-save-draft">
                                <i data-lucide="save" class="me-1"></i> Salvar rascunho
                            </button>
                        </div>
                        <div id="wiki-actions-draft" class="d-none">
                            <button type="button" class="btn btn-primary w-100 mb-2" id="btn-publish-draft">
                                <i data-lucide="send" class="me-1"></i> Publicar
                            </button>
                            <button type="button" class="btn btn-outline-danger w-100" id="btn-discard-draft">
                                <i data-lucide="trash-2" class="me-1"></i> Descartar rascunho
                            </button>
                        </div>
                        <div id="wiki-actions-published" class="d-none">
                            <button type="button" class="btn btn-primary w-100 mb-2" id="btn-update">
                                <i data-lucide="refresh-cw" class="me-1"></i> Atualizar
                            </button>
                            <button type="button" class="btn btn-outline-danger w-100" id="btn-delete-article">
                                <i data-lucide="trash-2" class="me-1"></i> Excluir artigo
                            </button>
                        </div>

                        <p class="text-muted small text-center mt-3 mb-0">Todos os artigos podem ser revisados depois de publicados.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@php
    $editorCategories = ($wikiCategories ?? collect())->map(function ($c) {
        return [
            'id' => $c->id,
            'label' => $c->label,
            'subcategories' => $c->subcategories->map(function ($s) {
                return ['id' => $s->id, 'label' => $s->label];
            })->values(),
        ];
    })->values();

    $editorTrails = ($wikiTrails ?? collect())->map(function ($t) {
        return [
            'id' => $t->id,
            'label' => $t->label,
            'modules' => $t->modules->map(function ($m) {
                return [
                    'id' => $m->id,
                    'label' => $m->label,
                    'submodules' => $m->submodules->map(function ($s) {
                        return [
                            'id' => $s->id,
                            'label' => $s->label,
                            'topics' => $s->topics->map(function ($tp) {
                                return ['id' => $tp->id, 'label' => $tp->label];
                            })->values(),
                        ];
                    })->values(),
                ];
            })->values(),
        ];
    })->values();
@endphp

@push('scripts')
    <script src="{{ asset('assets/inspinia/plugins/summernote/summernote-bs5.min.js') }}"></script>
    <script>
        window.wikiContext = {
            csrf: '{{ csrf_token() }}',
            articleId: {{ $articleId ?? 'null' }},
            categories: {!! json_encode($editorCategories) !!},
            trails: {!! json_encode($editorTrails) !!},
            urls: {
                store:           '{{ route('wiki.api.articles.store') }}',
                update:          '{{ url('wiki/api/articles') }}',
                destroy:         '{{ url('wiki/api/articles') }}',
                editLoad:        '{{ url('wiki/api/articles') }}',
                upload:          '{{ route('wiki.api.articles.upload') }}',
                createCategory:  '{{ route('wiki.api.categories.store') }}',
                showRoute:       '{{ url('wiki/artigo') }}',
                drafts:          '{{ route('wiki.drafts') }}',
                home:            '{{ route('wiki.index') }}',
            }
        };
    </script>
    <script src="{{ asset('assets/js/wiki/editor.js') }}"></script>
@endpush