@extends('docs.layout')

@section('title', 'Project Documentation')

@section('content')
<section class="docs-hero">
    <div class="docs-kicker">INTERNAL DEVELOPER HUB</div>
    <h1>SNYT Catalog<br>& SNYT Van</h1>
    <p>
        One internal technical reference for the Laravel backend and the Flutter field-sales application.
        Business rules, architecture, APIs, database information, releases, roadmap, and development history live here.
    </p>

    <div class="docs-badges">
        <span class="docs-badge ok">Laravel Connected</span>
        <span class="docs-badge {{ $flutterAvailable ? 'ok' : '' }}">
            Flutter Docs: {{ $flutterAvailable ? 'Connected' : 'Missing' }}
        </span>
        <span class="docs-badge">Admin Only</span>
        <span class="docs-badge">Markdown Source of Truth</span>
    </div>
</section>

@if($query !== '')
    <section class="docs-section">
        <div class="docs-kicker">SEARCH</div>
        <h2>Results for “{{ $query }}”</h2>

        @forelse($searchResults as $result)
            <a href="{{ route('project-docs.show', $result['slug']) }}" class="docs-result">
                <small>{{ strtoupper($result['source']) }} · {{ $result['group'] }}</small>
                <h3>{{ $result['title'] }}</h3>
                <p>{{ $result['excerpt'] }}</p>
            </a>
        @empty
            <div class="docs-result">
                <h3>No results</h3>
                <p>No Laravel or Flutter documentation matched your search.</p>
            </div>
        @endforelse
    </section>
@else
    <section class="docs-stats">
        <div class="docs-stat">
            <span>Documentation Pages</span>
            <strong>{{ $availableCount }}</strong>
            <small>Laravel + Flutter + Shared</small>
        </div>
        <div class="docs-stat">
            <span>Backend</span>
            <strong>Laravel</strong>
            <small>Production platform</small>
        </div>
        <div class="docs-stat">
            <span>Flutter Docs</span>
            <strong>{{ $flutterAvailable ? 'Online' : 'Missing' }}</strong>
            <small>SNYT Van synchronized snapshot</small>
        </div>
        <div class="docs-stat">
            <span>Last Update</span>
            <strong>{{ $lastUpdated ? date('d M', $lastUpdated) : '—' }}</strong>
            <small>{{ $lastUpdated ? date('Y · H:i', $lastUpdated) : '' }}</small>
        </div>
    </section>

    <section class="docs-section">
        <div class="docs-kicker">SHARED PROJECT</div>
        <h2>Platform knowledge</h2>

        <div class="docs-grid">
            <a href="{{ route('project-docs.show', 'business-rules') }}" class="docs-card">
                <div class="docs-card-icon">R</div>
                <h3>Business Rules</h3>
                <p>Stock, orders, pricing, VAT, RMA, fulfillment, and documentation rules shared by Laravel and Flutter.</p>
                <footer>Open rules →</footer>
            </a>

            <a href="{{ route('project-docs.show', 'workflow') }}" class="docs-card">
                <div class="docs-card-icon">W</div>
                <h3>Development Workflow</h3>
                <p>The approved process from business discussion through design, implementation, testing, documentation, and release.</p>
                <footer>Open workflow →</footer>
            </a>

            <a href="{{ route('project-docs.show', 'architecture') }}" class="docs-card">
                <div class="docs-card-icon">A</div>
                <h3>Architecture Map</h3>
                <p>How Flutter, Laravel, services, database, stock, invoices, PDFs, and printing connect.</p>
                <footer>View architecture →</footer>
            </a>
        </div>
    </section>

    <section class="docs-section">
        <div class="docs-kicker">PROJECTS</div>
        <h2>Technical documentation</h2>

        <div class="docs-grid">
            <a href="{{ route('project-docs.show', 'laravel') }}" class="docs-card">
                <div class="docs-card-icon">L</div>
                <h3>Laravel Backend</h3>
                <p>Catalogs, imports, customers, orders, inventory, APIs, database, reporting, and field-sales logic.</p>
                <footer>Open Laravel →</footer>
            </a>

            <a href="{{ route('project-docs.show', 'flutter') }}" class="docs-card">
                <div class="docs-card-icon">F</div>
                <h3>Flutter App</h3>
                <p>SNYT Van architecture, features, API integration, testing, Android/iOS releases, and UI history.</p>
                <footer>Open Flutter →</footer>
            </a>

            <a href="{{ route('project-docs.show', 'roadmap') }}" class="docs-card">
                <div class="docs-card-icon">↗</div>
                <h3>Feature Status</h3>
                <p>Completed functionality and the approved queue for RMA, Receiving, pricing, invoice editing, and releases.</p>
                <footer>Open roadmap →</footer>
            </a>
        </div>
    </section>

    <section class="docs-section">
        <div class="docs-kicker">NEXT DEVELOPMENT</div>
        <h2>Approved work</h2>

        <div class="docs-grid">
            <a href="{{ route('project-docs.show', 'roadmap') }}" class="docs-card">
                <div class="docs-card-icon">R</div>
                <h3>RMA</h3>
                <p>Separate customer returns from sellable van stock and prepare warehouse handover.</p>
                <footer>Planned →</footer>
            </a>

            <a href="{{ route('project-docs.show', 'roadmap') }}" class="docs-card">
                <div class="docs-card-icon">+</div>
                <h3>Stock Receiving</h3>
                <p>Incrementally add warehouse stock without replacing the current van inventory.</p>
                <footer>Planned →</footer>
            </a>

            <a href="{{ route('project-docs.show', 'roadmap') }}" class="docs-card">
                <div class="docs-card-icon">%</div>
                <h3>Invoice Pricing</h3>
                <p>Cash / On Account, Laravel-controlled Cash discount, VAT-inclusive totals, and Clearance exclusion.</p>
                <footer>Planned →</footer>
            </a>

            <a href="{{ route('project-docs.show', 'roadmap') }}" class="docs-card">
                <div class="docs-card-icon">E</div>
                <h3>Invoice Editing</h3>
                <p>Add, remove, and change quantities before delivery with safe stock-difference handling.</p>
                <footer>Planned →</footer>
            </a>

            <a href="{{ route('project-docs.show', 'roadmap') }}" class="docs-card">
                <div class="docs-card-icon">V</div>
                <h3>Release Builder</h3>
                <p>Automatic version bump, APK, AAB, IPA, checksums, reports, and rollback source archives.</p>
                <footer>Planned →</footer>
            </a>

            <a href="{{ route('project-docs.show', 'todo') }}" class="docs-card">
                <div class="docs-card-icon">Q</div>
                <h3>Full QA</h3>
                <p>Inventory, invoice, VAT, RMA, receiving, editing, and release validation.</p>
                <footer>Planned →</footer>
            </a>
        </div>
    </section>
@endif
@endsection