@extends('template_pages.session')

@section('page_title', 'Wiki')
@section('page_icon', 'library-big')
@section('navbar', 'wiki.navbar')

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

@section('filter')
    <div class="d-flex align-items-center gap-2 filters-mobile flex-wrap w-100">
        <div class="wiki-search-wrap flex-grow-1" style="max-width: 360px;">
            <i data-lucide="search" class="wiki-search-icon"></i>
            <input type="text" id="wiki-search" class="form-control" placeholder="Buscar artigos...">
        </div>
        <div id="wiki-chip-list" class="wiki-chip-list ms-auto"></div>
    </div>
@endsection

@section('content_page')
    <div class="card-body">
        <div id="wiki-home-container">
            <div class="text-center py-5 text-muted">
                <i data-lucide="loader" class="spin"></i>
                <div>Carregando artigos...</div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        window.wikiContext = {
            csrf: '{{ csrf_token() }}',
            urls: {
                articles:    '{{ route('wiki.api.articles.index') }}',
                showRoute:   '{{ url('wiki/artigo') }}',
                editor:      '{{ route('wiki.editor') }}',
            }
        };
    </script>
    <script src="{{ asset('assets/js/wiki/home.js') }}"></script>
@endpush