@extends('docs.public.layout')

@section('title', _lang('Help Center'))

@section('content')
    <div class="wk-hero mb-4">
        <h1 class="mb-1"><i class="bi bi-life-preserver me-2"></i> {{ _lang('Documentation & Help Center') }}</h1>
        <p class="mb-3 opacity-75">{{ _lang('Learn how to use the system — every module, what to enter in each field and where it is used, all in one place.') }}</p>
        <form method="GET" action="{{ route('help.public.center') }}" class="wk-search">
            <div class="input-group input-group-lg">
                <span class="input-group-text bg-white border-0"><i class="bi bi-search text-primary"></i></span>
                <input type="text" name="q" value="{{ $keyword }}" class="form-control"
                       placeholder="{{ _lang('Search… (e.g. jar, invoice, salary, VAT)') }}">
                <button class="btn btn-light px-4" type="submit">{{ _lang('Search') }}</button>
            </div>
        </form>
    </div>

    @if ($keyword !== '')
        <p class="text-muted">{{ _lang('results for') }} "<strong>{{ $keyword }}</strong>" — {{ $total }} {{ _lang('found.') }}
            <a href="{{ route('help.public.center') }}">{{ _lang('Show all') }}</a></p>
    @endif

    @php($docNum = 0)
    @foreach ($groups as $gkey => $group)
        @php($items = $grouped->get($gkey))
        @if ($items && $items->count())
            <div class="wk-group-title"><i class="{{ $group['icon'] }}"></i> {{ $group['title'] }}</div>
            <div class="row g-3">
                @foreach ($items as $a)
                    @php($docNum++)
                    <div class="col-12 col-sm-6 col-lg-4">
                        <a href="{{ route('help.public.show', $a['key']) }}" class="wk-card">
                            <span class="ic"><i class="{{ $a['icon'] }}"></i></span>
                            <h6><span class="text-muted">{{ $docNum }}.</span> {{ $a['title'] }}</h6>
                            <p>{{ $a['summary'] }}</p>
                        </a>
                    </div>
                @endforeach
            </div>
        @endif
    @endforeach

    @if ($grouped->isEmpty())
        <div class="text-center text-muted py-5">
            <i class="bi bi-search fs-1 d-block mb-2 opacity-50"></i>
            {{ _lang('No results found.') }}
        </div>
    @endif
@endsection