@extends('template_pages.session')

@section('page_title', 'Artigo')
@section('page_icon', 'book-open')
@section('navbar', 'wiki.navbar')

@push('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/wiki.css') }}">
@endpush

@section('content_page')
    <div class="card-body">
        <div class="wiki-article-view">
            <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 id="wiki-article-container">
                <div class="text-center py-5 text-muted">
                    <i data-lucide="loader"></i>
                    <div>Carregando artigo...</div>
                </div>
            </div>

            <div id="wiki-related-container"></div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        window.wikiContext = {
            csrf: '{{ csrf_token() }}',
            currentUserId: {{ auth()->id() ?? 'null' }},
            slug: @json($slug),
            urls: {
                show:        '{{ url('wiki/api/articles/by-slug') }}',
                destroy:     '{{ url('wiki/api/articles') }}',
                editor:      '{{ url('wiki/editor') }}',
                showRoute:   '{{ url('wiki/artigo') }}',
                home:        '{{ route('wiki.index') }}',
            }
        };
    </script>
    <script src="{{ asset('assets/js/wiki/show.js') }}"></script>
@endpush