From 95dc90812a6b3b60001727f82b4a40a78059163d Mon Sep 17 00:00:00 2001
From: Javier Feliz <javier0eduardo@hotmail.com>
Date: Sat, 2 Aug 2025 18:53:05 -0400
Subject: [PATCH] Updates

---
 .../views/livewire/app-info-modal.blade.php   | 40 +++++++++++++++----
 1 file changed, 33 insertions(+), 7 deletions(-)

diff --git a/resources/views/livewire/app-info-modal.blade.php b/resources/views/livewire/app-info-modal.blade.php
index 3036a50..9baef12 100644
--- a/resources/views/livewire/app-info-modal.blade.php
+++ b/resources/views/livewire/app-info-modal.blade.php
@@ -28,13 +28,39 @@
             </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 x-data="{dockerView: false}">
+            <div class="mb-4">
+                <flux:button x-on:click="dockerView = !dockerView" variant="subtle" size="sm">
+                    <span x-show="!dockerView">Env View</span>
+                    <span x-show="dockerView">Standard View</span>
+                </flux:button>
+            </div>
+            <div x-show="!dockerView" class="space-y-4">
+                <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="Redirect URI" disabled value="{{$app->redirect_uri}}" 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>
+
+            <div x-show="dockerView" class="space-y-4">
+                <pre class="overflow-auto max-h-72 p-4 rounded text-sm font-mono">
+                <code>
+OIDC_CLIENT_ID={{$app->client_id}}
+OIDC_CLIENT_SECRET={{$app->client_secret}}
+OIDC_REDIRECT_URI={{$app->redirect_uri}}
+OIDC_AUTHORIZATION_ENDPOINT={{route('auth.authorize')}}
+OIDC_TOKEN_ENDPOINT={{route('auth.token')}}
+OIDC_USERINFO_ENDPOINT={{route('auth.userinfo')}}
+OIDC_SCOPES=openid email profile
+OIDC_IDENTIFIER=email
+                </code>
+                </pre>
+            </div>
+        </div>
     </div>
     @endif
 </flux:modal>
\ No newline at end of file