@extends('layouts.app')

@section('content')
<div class="row py-5">
    <div class="col-md-12">

        <div class="card mb-3">
            <div class="card-body">
                <h2 class="card-title">Oauth2</h2>
                <div class="card-subtitle mb-2 text-muted"><strong>Récupération d'un jeton de sécurité</strong></div>
                    <div>
                        Afin de pouvoir appeler les routes protégées par Oauth2 les clients doivent récupérer un jeton d'accès. Pour cela il faut effectuer une requête sur l'api <strong class="text-info">oauth/token</strong>. Libre au client de stocker le jeton en session, base ou autre. Exemple :
                        <small>
<pre class="bg-dark text-white p-3 my-3"><code>$guzzle = new GuzzleHttp\Client;

$response = $guzzle->post('/oauth/token', [
    'form_params' => [
        'grant_type' => 'client_credentials',
        'client_id' => 'client-id',
        'client_secret' => 'client-secret',
        'scope' => 'your-scope',
    ],
]);

return json_decode((string) $response->getBody(), true)['access_token'];</code></pre>
                        </small>
                    </div>

                <div class="card-subtitle my-2 text-muted"><strong>Transmission du jeton de sécurité</strong></div>
                <div>
                    Lors de l'appel de routes protégées par Oauth2 les client de l'API doivent spécifier leur jeton d'accès en tant qu'Authorization dans le header de la requête. Exemple:
                    <small>
<pre class="bg-dark text-white p-3 my-3"><code>$response = $client->request('GET', '/api/user', [
    'headers' => [
        'Accept' => 'application/json',
        'Authorization' => 'Bearer '.$accessToken,
    ],
]);</code></pre>
                    </small>
                </div>

            </div>
        </div>

        @foreach($apis as $api)
        <div class="card mb-3">
            <div class="card-body">
                <div class="card-title"><h2>{{ $api['name'] }}</h2></div>
                <div class="table">
                    <table class="table table-hover table-align-middle table-dark">
                        <thead class="table-dark">
                            <tr>
                                <th scope="col" class="text-nowrap">Description</th>
                                <th scope="col" class="text-nowrap">Méthode</th>
                                <th scope="col" class="text-nowrap">Route</th>
                                <th scope="col" class="text-nowrap">Paramètres</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($api['endpoints'] as $endpoint)
                            <tr>
                                <td>{{ $endpoint['description'] }}</td>
                                <td><strong>{{ $endpoint['method'] }}</strong></td>
                                <td class="text-nowrap">{{ $endpoint['endpoint'] }}</td>

                                <td>
                                    @foreach($endpoint['params'] as $param)
                                        <div class="text-nowrap"><strong>{{ $param[0] }}</strong> <small>{{ $param[1] }} ({{ $param[2] === 'R' ? 'Requis' : 'Optionnel' }})</small> </div>
                                    @endforeach
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        @endforeach
    </div>
</div>
@endsection