@extends('template_pages.session')

@section('page_title', 'Configurações do Wiki')
@section('page_icon', 'settings')
@section('navbar', 'wiki.navbar')

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

@section('content_page')
    @php $activeTab = request('tab') === 'trails' ? 'trails' : 'categories'; @endphp
    <div class="wiki-settings-wrap py-3">
        <ul class="nav nav-tabs mb-3" id="wikiSettingsTabs" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link {{ $activeTab === 'categories' ? 'active' : '' }}" id="tab-categories" data-bs-toggle="tab" data-bs-target="#pane-categories" type="button" role="tab">
                    <i data-lucide="folder" class="me-1"></i> Categorias
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link {{ $activeTab === 'trails' ? 'active' : '' }}" id="tab-trails" data-bs-toggle="tab" data-bs-target="#pane-trails" type="button" role="tab">
                    <i data-lucide="route" class="me-1"></i> Trilhas
                </button>
            </li>
        </ul>

        <div class="tab-content">
            {{-- Categorias --}}
            <div class="tab-pane fade {{ $activeTab === 'categories' ? 'show active' : '' }}" id="pane-categories" role="tabpanel">
                <div class="wiki-add-bar">
                    <input type="text" id="new-category-name" class="form-control form-control-sm" placeholder="Nome da nova categoria">
                    <button id="btn-add-category" class="btn btn-primary btn-sm text-nowrap">
                        <i data-lucide="plus"></i> Adicionar
                    </button>
                </div>
                <div id="categories-tree"></div>
            </div>

            {{-- Trilhas --}}
            <div class="tab-pane fade {{ $activeTab === 'trails' ? 'show active' : '' }}" id="pane-trails" role="tabpanel">
                <div class="wiki-add-bar">
                    <input type="text" id="new-trail-name" class="form-control form-control-sm" placeholder="Nome da nova trilha">
                    <button id="btn-add-trail" class="btn btn-primary btn-sm text-nowrap">
                        <i data-lucide="plus"></i> Adicionar
                    </button>
                </div>
                <div id="trails-tree"></div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        window.wikiContext = {
            csrf: '{{ csrf_token() }}',
            urls: {
                categories: {
                    list:           '{{ route('wiki.api.categories.index') }}',
                    create:         '{{ route('wiki.api.categories.store') }}',
                    update:         '{{ url('wiki/api/categories') }}',
                    createSubcat:   '{{ url('wiki/api/categories') }}',
                    updateSubcat:   '{{ url('wiki/api/subcategories') }}',
                },
                trails: {
                    list:             '{{ route('wiki.api.trails.index') }}',
                    create:           '{{ route('wiki.api.trails.store') }}',
                    update:           '{{ url('wiki/api/trails') }}',
                    createModule:     '{{ url('wiki/api/trails') }}',
                    updateModule:     '{{ url('wiki/api/modules') }}',
                    createSubmodule:  '{{ url('wiki/api/modules') }}',
                    updateSubmodule:  '{{ url('wiki/api/submodules') }}',
                    createTopic:      '{{ url('wiki/api/submodules') }}',
                    updateTopic:      '{{ url('wiki/api/topics') }}',
                }
            }
        };
    </script>
    <script src="{{ asset('assets/js/wiki/settings.js') }}"></script>
@endpush