@extends('layouts.app')

@section('title', __('ui.docs'))

@section('content')
<div class="card-soft p-4">
    <h1 class="h3 mb-2">WapAPI Documentation</h1>
    <p class="text-muted">Base URL: <code>{{ $baseUrl }}</code></p>
    <p>Auth header: <code>Authorization: Bearer YOUR_API_KEY</code></p>

    <h2 class="h5 mt-4">Send text</h2>
    <pre class="bg-dark text-white p-3 rounded"><code>curl -X POST {{ $baseUrl }}/messages/text \
  -H "Authorization: Bearer wap_xxx" \
  -H "Content-Type: application/json" \
  -d '{"to":"2010xxxxxxx","text":"Hello from WapAPI"}'</code></pre>

    <h2 class="h5 mt-4">Send media</h2>
    <pre class="bg-dark text-white p-3 rounded"><code>curl -X POST {{ $baseUrl }}/messages/media \
  -H "Authorization: Bearer wap_xxx" \
  -H "Content-Type: application/json" \
  -d '{"to":"2010xxxxxxx","media_url":"https://example.com/a.jpg","media_type":"image","caption":"Photo"}'</code></pre>

    <h2 class="h5 mt-4">Send template (Meta only)</h2>
    <pre class="bg-dark text-white p-3 rounded"><code>curl -X POST {{ $baseUrl }}/messages/template \
  -H "Authorization: Bearer wap_xxx" \
  -H "Content-Type: application/json" \
  -d '{"to":"2010xxxxxxx","template_name":"hello_world","language":"en"}'</code></pre>

    <h2 class="h5 mt-4">Usage</h2>
    <pre class="bg-dark text-white p-3 rounded"><code>curl {{ $baseUrl }}/usage -H "Authorization: Bearer wap_xxx"</code></pre>

    <h2 class="h5 mt-4">PHP example</h2>
    <pre class="bg-dark text-white p-3 rounded"><code>$ch = curl_init('{{ $baseUrl }}/messages/text');
curl_setopt_array($ch, [
  CURLOPT_POST => true,
  CURLOPT_HTTPHEADER => [
    'Authorization: Bearer wap_xxx',
    'Content-Type: application/json',
  ],
  CURLOPT_POSTFIELDS => json_encode([
    'to' => '2010xxxxxxx',
    'text' => 'Hello',
  ]),
  CURLOPT_RETURNTRANSFER => true,
]);
echo curl_exec($ch);</code></pre>

    <h2 class="h5 mt-4">Response format</h2>
    <pre class="bg-light p-3 rounded"><code>{
  "success": true,
  "data": { ... },
  "meta": {},
  "errors": []
}</code></pre>

    <h2 class="h5 mt-4">Inbound provider webhooks</h2>
    <ul>
        <li>Meta verify/receive: <code>{{ url('/webhooks/meta') }}</code></li>
        <li>Evolution per session: <code>{{ url('/webhooks/evolution/{session_uuid}') }}</code></li>
    </ul>
</div>
@endsection