@extends('layouts.app', ['title' => 'Documentacion API'])

@section('content')
<div class="card">
    <div class="card-head"><div><div class="card-title">API REST v1</div><div class="sub">Especificacion completa de endpoints</div></div></div>
    <div class="sub" style="margin-bottom:12px">Base URL: <code class="text-mono">{{ url('/api/v1') }}</code> · Auth: <code class="text-mono">Bearer {token}</code></div>

    @foreach($endpoints as $group => $list)
        <h3 style="margin-top:18px;font-family:var(--display);color:var(--gold)">{{ $group }}</h3>
        <div class="table-wrap">
            <table>
                <thead><tr><th>Metodo</th><th>Endpoint</th><th>Descripcion</th><th>Auth</th></tr></thead>
                <tbody>
                @foreach($list as $ep)
                    <tr>
                        <td><span class="badge {{ ['GET'=>'blue','POST'=>'green','PATCH'=>'amber','PUT'=>'amber','DELETE'=>'red'][$ep['method']] ?? 'gray' }}">{{ $ep['method'] }}</span></td>
                        <td class="text-mono">{{ $ep['path'] }}</td>
                        <td>{{ $ep['desc'] }}</td>
                        <td>{{ $ep['auth'] ? '✓' : '—' }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    @endforeach
</div>
@endsection