@extends('layouts.public')

@section('title', 'Categories')

@section('content')
<div class="wrap" style="padding:32px 24px">
    <h1 style="font-size:28px;margin-bottom:16px">Categories</h1>

    @if ($error)
        <p style="color:#B3261E">{{ $error }}</p>
    @else
        <ul style="display:flex;flex-direction:column;gap:8px;list-style:none;padding:0">
            @forelse ($categories as $c)
                <li style="background:#fff;border-radius:12px;padding:12px 16px">
                    {{ $c['name'] ?? $c['title'] ?? $c['category_name'] ?? json_encode($c) }}
                </li>
            @empty
                <li>No categories returned.</li>
            @endforelse
        </ul>
    @endif
</div>
@endsection