@extends('layouts.app') @section('content')
<div class="row py-5">
    <div class="col-md-12">
        @include('components.alert_success')

        <div class="card mb-3">
            <div class="card-body">
                Le protocole Oauth2 utilisé par les apis permet à des applications tierces d’obtenir un accès limité aux API.
                <br> Dès lors qu’une application souhaite accéder aux API, elle doit être enregistrée en tant que client.
                <br> Pour plus d'informations :
                <a href="https://www.digitalocean.com/community/tutorials/an-introduction-to-oauth-2" target="_blank">Introduction à Oauth2</a>
            </div>
        </div>

        <div class="text-end mb-3">
            <a href="{{ route('passport_clients.create') }}" class="btn btn-primary">Nouveau client</a>
        </div>

        @if($clients->count())
        <div class="table">
            <table class="table table-hover table-align-middle bg-white">
                <thead class="table-dark">
                    <tr>
                        <th scope="col" class="text-nowrap">Nom</th>
                        <th scope="col" class="text-nowrap">Id</th>
                        <th scope="col" class="text-nowrap">Secret</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($clients as $client)
                    <tr class="{{ $client->revoked ? 'table-warning' : '' }}">
                        <td>{{ $client->name }}</td>
                        <td>{{ $client->id }}</td>
                        <td>{{ $client->secret }}</td>
                        <td class="text-end">
                            <div class="dropdown">
                                <button class="btn btn-light btn-sm dropdown-toggle text-nowrap" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <i class="fas fa-cog" aria-hidden="true"></i>
                                </button>
                                <div class="dropdown-menu">
                                    <a class="dropdown-item" href="{{ route('passport_clients.edit', ['client' => $client]) }}">Modifier</a>
                                    @if($client->revoked)
                                    <a class="dropdown-item" href="{{ route('passport_clients.unrevoke', ['id' => $client]) }}">Activer</a>
                                    @else
                                    <a class="dropdown-item" href="{{ route('passport_clients.revoke', ['id' => $client]) }}">Désactiver</a>
                                    @endif
                                    <a class="js-delete-link dropdown-item text-danger" href="{{ route('passport_clients.destroy', ['client' => $client]) }}">Supprimer</a>
                                </div>
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @else
        <div class="card">
            <div class="card-body text-center">
                Vous n'avez pas encore de clients.
                <a href="{{ route('passport_clients.create') }}">Créer votre premier client</a>
            </div>
        </div>
        @endif

    </div>
</div>
@endsection