@extends('site.layout')

@section('title', 'API Docs - Dewemoji')
@section('meta_description', 'Dewemoji API docs for emoji search, categories, license verification, activation, and system endpoints.')

@push('jsonld')
<script type="application/ld+json">
{
  "@@context": "https://schema.org",
  "@@type": "TechArticle",
  "headline": "Dewemoji API Documentation",
  "about": "Emoji search API",
  "url": "{{ url('/api-docs') }}"
}
</script>
@endpush

@section('content')
<div class="max-w-5xl mx-auto px-4 sm:px-6 py-10">
    <h1 class="font-display text-4xl font-bold">API Docs</h1>
    <p class="text-gray-400 mt-2">Base URL: <code>{{ url('/v1') }}</code></p>

    <div class="glass-card rounded-2xl p-5 mt-6">
        <h2 class="text-lg font-semibold">Core endpoints</h2>
        <ul class="mt-3 space-y-1 text-sm text-gray-300">
            <li><code>GET /v1/categories</code></li>
            <li><code>GET /v1/emojis?q=&lt;term&gt;&category=&lt;label&gt;&subcategory=&lt;slug&gt;</code></li>
            <li><code>GET /v1/emoji/{slug}</code> or <code>/v1/emoji?slug=</code></li>
            <li><code>POST /v1/license/verify</code></li>
            <li><code>POST /v1/license/activate</code></li>
            <li><code>POST /v1/license/deactivate</code></li>
        </ul>
    </div>

    <div class="glass-card rounded-2xl p-5 mt-4">
        <h2 class="text-lg font-semibold">Auth</h2>
        <p class="text-sm text-gray-300 mt-2">Use <code>Authorization: Bearer YOUR_LICENSE_KEY</code> (preferred) or <code>X-License-Key</code>.</p>
        <pre class="mt-3 text-xs overflow-x-auto bg-black/30 rounded-lg p-3"><code>curl -H "Authorization: Bearer YOUR_LICENSE_KEY" \
"{{ url('/v1/emojis') }}?q=love&limit=50&page=1"</code></pre>
    </div>
</div>
@endsection