feat: api tokens + deploy webhook

resources/views/components/security/navbar.blade.php

@@ -10,8 +10,15 @@
         </ol>
     </nav>
     <nav class="navbar-main">
-        <a class="{{ request()->routeIs('security.private-key.index') ? 'text-white' : '' }}" href="{{ route('security.private-key.index') }}">
+        <a href="{{ route('security.private-key.index') }}">
             <button>Private Keys</button>
         </a>
+        <a href="{{ route('security.api-tokens') }}">
+            <button>API tokens</button>
+        </a>
+        <div class="flex-1"></div>
+        <div class="-mt-9">
+            <livewire:switch-team />
+        </div>
     </nav>
 </div>

resources/views/livewire/dashboard.blade.php

@@ -100,9 +100,6 @@
     </a>
 @endforeach
 </div>
-{{-- <h3 class="py-4">Tokens</h3>
-    {{auth()->user()->tokens}}
-    <x-forms.button wire:click='createToken'>Create Token</x-forms.button> --}}
 <script>
     function gotoProject(uuid, environment = 'production') {
         window.location.href = '/project/' + uuid + '/' + environment;

resources/views/livewire/security/api-tokens.blade.php

@@ -0,0 +1,36 @@
+<div>
+    <x-security.navbar />
+    <div class="flex gap-2">
+        <h2 class="pb-4">API Tokens</h2>
+        <x-helper
+            helper="Tokens are created with the current team as scope. You will only have access to this team's resources." />
+    </div>
+    <h4>Create New Token</h4>
+    <span>Currently active team: <span class="text-warning">{{ session('currentTeam.name') }}</span></span>
+    <form class="flex items-end gap-2 pt-4" wire:submit.prevent='addNewToken'>
+        <x-forms.input required id="description" label="Description" />
+        <x-forms.button type="submit">Create New Token</x-forms.button>
+    </form>
+    @if (session()->has('token'))
+        <div class="pb-4 font-bold text-warning">Please copy this token now. For your security, it won't be shown again.
+        </div>
+        <div class="pb-4 font-bold text-white"> {{ session('token') }}</div>
+    @endif
+    <h4 class="py-4">Issued Tokens</h4>
+    <div class="grid gap-2 lg:grid-cols-1">
+        @forelse ($tokens as $token)
+            <div class="flex items-center gap-2">
+                <div
+                    class="flex items-center gap-2 group-hover:text-white p-2 border border-coolgray-200 hover:text-white hover:no-underline min-w-[24rem] cursor-default">
+                    <div>{{ $token->name }}</div>
+                </div>
+                <x-forms.button wire:click="revoke('{{ $token->id }}')">Revoke</x-forms.button>
+            </div>
+        @empty
+            <div>
+                <div>No API tokens found.</div>
+            </div>
+        @endforelse
+    </div>
+
+</div>