authentikate/resources/views/livewire/app-info-modal.blade.php
Javier Feliz 9746756a44
Some checks failed
linter / quality (push) Successful in 3m5s
tests / ci (push) Failing after 7m35s
App icons and editing
2025-07-27 16:57:02 -04:00

39 lines
2.1 KiB
PHP

<flux:modal variant="flyout" position="left" name="app-info" class="md:w-96">
@if (empty($app))
<flux:text>I'm not sure how you got here, but no app is loaded</flux:text>
@else
<div class="space-y-6 pt-4">
<div x-data="{edit: false}">
<div x-show="!edit"
class="flex items-center gap-4 border dark:border-zinc-600 border-stone-300 rounded-sm p-2">
<img src="{{$app->getIconUrl()}}" alt="" class="size-24">
<flux:heading size="xl">{{$app->name}}</flux:heading>
</div>
<div class="flex justify-end" x-show="!edit">
<flux:button x-on:click="edit = true" variant="subtle" icon="pencil">Edit</flux:button>
</div>
<form x-show="edit" wire:submit="save" class="flex flex-col gap-4">
<div>
<img src="{{$icon}}" alt="" class="size-24 mx-auto">
<flux:input wire:model.live="query" label="Icon" />
</div>
<flux:input wire:model="name" />
<div class="flex gap-4">
<flux:button class="flex-1" variant="primary" type="submit" x-on:click="edit = false">Save
</flux:button>
<flux:button class="flex-1" variant="subtle" color="red" x-on:click.prevent="edit = false">Cancel
</flux:button>
</div>
</form>
</div>
<flux:separator text="Connection Information" />
<flux:input label="Client ID" disabled value="{{$app->client_id}}" copyable />
<flux:input label="Client Secret" disabled value="{{$app->client_secret}}" copyable />
<flux:input label="Authorization Endpoint" disabled value="{{route('auth.authorize')}}" copyable />
<flux:input label="Token Endpoint" disabled value="{{route('auth.token')}}" copyable />
<flux:input label="User Endpoint" disabled value="{{route('auth.userinfo')}}" copyable />
<flux:input label="Scopes" disabled value="openid email profile" copyable />
<flux:input label="Identifier" disabled value="email" copyable />
</div>
@endif
</flux:modal>