@extends('adminlte::page')

@section('title', config('app.name') . ' | Key Administration')

@section('content_header')

    <h4>{{__('messages.adm')}} / API Key Administration</h4>

@stop

@section('js')

    <x-global-errors></x-global-errors>

@stop

@section('content')

    <x-modal id="createKeyModal" modal-label="createKeyModalLabel" modal-title="New API Key" include-close-button="true">

        <form id="createKey" method="post" action="{{ route('keys.store') }}">
            @csrf

            <div class="form-group">
                <label for="name">Give your new API key a name to easily identify it.</label>
                <input type="text" name="keyName" class="form-control" id="name" required>
            </div>

        </form>

        <x-slot name="modalFooter">
            <button onclick="$('#createKey').submit()" type="button" class="btn btn-success"><i class="fas fa-key"></i> Register new key</button>
        </x-slot>

    </x-modal>

    <div class="row">
        <div class="col">
            <div class="alert alert-primary">
                <p><i class="fas fa-info-circle"></i> You can use the key discriminator to identify it's API calls in the logs.</p>
            </div>
        </div>
    </div>

    @if (session()->has('finalKey'))
        <div class="row">
            <div class="col">
                <div class="alert alert-success">
                    <p><i class="fas fa-key"></i> This is your API key: {{ session('finalKey') }}</p>
                    <p>Please copy it <b>now</b> as it'll only appear once.</p>
                </div>
            </div>
        </div>
    @endif

    <div class="row">
        <div class="col">

            <x-card id="adminKeys" card-title="API Key Monitoring & Administration" footer-style="text-center">

                <x-slot name="cardHeader">
                    <p class="card-text">Here, you can view and manage all API keys created by users in the app. You can't, however, use this page to access someone else's account.</p>
                </x-slot>


                @if(!$keys->isEmpty())
                    <table class="table table-borderless">
                        <thead>
                        <tr>
                            <th>Name</th>
                            <th>Discriminator</th>
                            <th>Owner</th>
                            <th>Status</th>
                            <th>Last Used</th>
                            <th>Last Modified</th>
                            <th>Actions</th>
                        </tr>
                        </thead>

                        <tbody>

                        @foreach($keys as $key)
                            <tr>
                                <td>{{ $key->name }}</td>
                                <td id="discr{{$key->id}}">{{ $key->discriminator }}</td>
                                <td><a href="{{ route('showSingleProfile', ['user' => $key->user->id]) }}">{{ $key->user->name }}</a></td>
                                <td><span class="badge badge-{{ ($key->status == 'disabled') ? 'danger' : 'primary' }}">{{ ($key->status == 'disabled') ? 'Revoked' : 'Active' }}</span></td>
                                <td><span class="badge badge-{{ ($key->last_used == null) ? 'danger' : 'primary' }}">{{ ($key->last_used == null) ? 'No recent activity' : $key->last_used }}</span></td>
                                <td><span class="badge badge-primary">{{ $key->updated_at }}</span></td>
                                <td>
                                    @if ($key->status == 'active')
                                        <form class="d-inline-block" action="{{ route('revokeKey', ['key' => $key->id]) }}" method="post">
                                            @csrf
                                            @method('PATCH')
                                            <button type="submit" class="btn btn-danger btn-sm ml-2"><i class="fas fa-lock"></i> Revoke</button>
                                        </form>
                                    @else
                                        <button disabled type="button" class="btn btn-danger btn-sm ml-2"><i class="fas fa-lock"></i> Revoke</button>
                                    @endif
                                    <form class="d-inline-block" action="{{ route('keys.destroy', ['key' => $key->id]) }}" method="post">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-danger btn-sm ml-2"><i class="fas fa-trash"></i> Delete</button>
                                    </form>

                                </td>
                            </tr>
                        @endforeach

                        </tbody>
                    </table>
                @else
                    <div class="alert alert-success">
                        <p><i class="fa fa-info-circle"></i> No API keys have been registered yet.</p>
                    </div>
                @endif


                <x-slot name="cardFooter">
                    <button onclick="$('#createKeyModal').modal('show')" type="button" class="btn btn-secondary ml-2"><i class="fas fa-plus"></i> New API Key</button>
                    <button type="button" onclick="window.location.href='/admin/maintenance/system-logs'" class="btn btn-secondary ml-2"><i class="fas fa-clipboard"></i> Search Logs</button>
                </x-slot>

            </x-card>

        </div>
    </div>

@stop


@section('footer')
    @include('breadcrumbs.dashboard.footer')
@stop