@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>
        Project Documentation
    </h1>

    <p>
        Live technical reference for the Laravel Catalog platform
        and the SNYT Van Flutter application.
        Business rules, architecture, APIs, database information,
        roadmap and development history are maintained here.
    </p>

</section>


@if($query !== '')

<section class="docs-section">

    <div class="docs-section-head">

        <div class="docs-kicker">
            SEARCH
        </div>

        <h2>
            Results for “{{ $query }}”
        </h2>

    </div>


    @forelse($searchResults as $result)

        <a
            href="{{ route('project-docs.show', $result['slug']) }}"
            class="docs-search-result"
        >

            <small>
                {{ $result['group'] }}
            </small>

            <h3>
                {{ $result['title'] }}
            </h3>

            <p>
                {{ $result['excerpt'] }}
            </p>

        </a>

    @empty

        <div class="docs-search-result">

            <h3>
                No results
            </h3>

            <p>
                No documentation matched your search.
            </p>

        </div>

    @endforelse

</section>


@else


<section class="docs-stats">

    <div class="docs-stat">

        <span>
            Documentation Sections
        </span>

        <strong>
            {{ count($documents) }}
        </strong>

        <small>
            Existing project docs
        </small>

    </div>


    <div class="docs-stat">

        <span>
            Backend
        </span>

        <strong>
            Laravel
        </strong>

        <small>
            Production platform
        </small>

    </div>


    <div class="docs-stat">

        <span>
            Mobile App
        </span>

        <strong>
            Flutter
        </strong>

        <small>
            SNYT Van
        </small>

    </div>


    <div class="docs-stat">

        <span>
            Last Docs 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-section-head">

        <div class="docs-kicker">
            PROJECT
        </div>

        <h2>
            Explore the system
        </h2>

    </div>


    <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, products, customers,
                orders, inventory and backend business logic.
            </p>

            <footer>
                Open Laravel docs →
            </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 screens, API integration,
                scanner, orders, printing,
                Android and iOS.
            </p>

            <footer>
                Open Flutter docs →
            </footer>

        </a>


        <a
            href="{{ route('project-docs.show', 'api') }}"
            class="docs-card"
        >

            <div class="docs-card-icon">
                A
            </div>

            <h3>
                API Reference
            </h3>

            <p>
                Mobile API endpoints,
                authentication and integration behavior.
            </p>

            <footer>
                Browse API →
            </footer>

        </a>


        <a
            href="{{ route('project-docs.show', 'database') }}"
            class="docs-card"
        >

            <div class="docs-card-icon">
                D
            </div>

            <h3>
                Database
            </h3>

            <p>
                Tables, relationships,
                catalog data and field-sales storage.
            </p>

            <footer>
                Database reference →
            </footer>

        </a>


        <a
            href="{{ route('project-docs.show', 'roadmap') }}"
            class="docs-card"
        >

            <div class="docs-card-icon">
                ↗
            </div>

            <h3>
                Roadmap
            </h3>

            <p>
                Completed work,
                active development
                and approved upcoming features.
            </p>

            <footer>
                View roadmap →
            </footer>

        </a>


        <a
            href="{{ route('project-docs.show', 'changelog') }}"
            class="docs-card"
        >

            <div class="docs-card-icon">
                C
            </div>

            <h3>
                Changelog
            </h3>

            <p>
                Historical development changes,
                fixes and release information.
            </p>

            <footer>
                Latest changes →
            </footer>

        </a>


    </div>

</section>


<section class="docs-section">

    <div class="docs-section-head">

        <div class="docs-kicker">
            NEXT DEVELOPMENT
        </div>

        <h2>
            Approved features
        </h2>

    </div>


    <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>
                Customer returns separated
                completely from sellable van stock.
            </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>
                Incremental warehouse stock receiving
                without replacing existing 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 invoices,
                configurable discount
                and Clearance exclusion.
            </p>

            <footer>
                Planned
            </footer>

        </a>


    </div>

</section>

@endif

@endsection