{{-- filepath: /home/ivana/Github/Licentia/Modules/Mobile/resources/views/livewire/mobile/services-page.blade.php --}}
<div class="bg-slate-100 text-slate-900">
    <main class="mx-auto max-w-md px-4 py-5">
        <section class="rounded-3xl bg-white p-5 shadow-sm ring-1 ring-black/5">
            <div class="mb-5">
                <h1 class="text-lg font-semibold text-slate-900">Services</h1>
                <p class="mt-1 text-xs text-slate-500">Browse Liquor Licences, Business Licences, Trade Registration, and RefCheck from the Licentia mobile app.</p>
            </div>

            <div class="space-y-3">
                @foreach ($serviceGroups as $group)
                    @include('mobile::livewire.mobile.partials.service-tree-item', ['item' => $group, 'level' => 0])
                @endforeach
            </div>
        </section>
    </main>
</div>