lots of updates + refactoring

resources/views/livewire/project/shared/environment-variable/add.blade.php

@@ -0,0 +1,16 @@
+<dialog id="newVariable" class="modal">
+    <form method="dialog" class="flex flex-col gap-2 rounded modal-box" wire:submit.prevent='submit'>
+        <h3 class="text-lg font-bold">Add Environment Variable</h3>
+        <x-forms.input placeholder="NODE_ENV" id="key" label="Name" required />
+        <x-forms.input placeholder="production" id="value" label="Value" required />
+        @if (data_get($parameters, 'application_uuid'))
+            <x-forms.checkbox id="is_build_time" label="Build Variable?" />
+        @endif
+        <x-forms.button onclick="newVariable.close()" type="submit">
+            Save
+        </x-forms.button>
+    </form>
+    <form method="dialog" class="modal-backdrop">
+        <button>close</button>
+    </form>
+</dialog>

resources/views/livewire/project/shared/environment-variable/all.blade.php

@@ -0,0 +1,26 @@
+<div class="flex flex-col gap-2">
+    <div>
+        <div class="flex items-center gap-2">
+            <h2>Environment Variables</h2>
+            <x-forms.button class="btn" onclick="newVariable.showModal()">+ Add</x-forms.button>
+            <livewire:project.shared.environment-variable.add />
+        </div>
+        <div>Environment (secrets) variables for this resource.</div>
+    </div>
+    @forelse ($resource->environment_variables as $env)
+        <livewire:project.shared.environment-variable.show wire:key="environment-{{ $env->id }}"
+            :env="$env" />
+    @empty
+        <div class="text-neutral-500">No environment variables found.</div>
+    @endforelse
+    @if ($resource->type() === 'application' && $resource->environment_variables_preview->count() > 0)
+        <div>
+            <h3>Preview Deployments</h3>
+            <div>Environment (secrets) variables for Preview Deployments.</div>
+        </div>
+        @foreach ($resource->environment_variables_preview as $env)
+            <livewire:project.shared.environment-variable.show wire:key="environment-{{ $env->id }}"
+                :env="$env" />
+        @endforeach
+    @endif
+</div>

resources/views/livewire/project/shared/environment-variable/show.blade.php

@@ -0,0 +1,23 @@
+<div>
+    <x-modal yesOrNo modalId="{{ $modalId }}" modalTitle="Delete Environment Variable">
+        <x-slot:modalBody>
+            <p>Are you sure you want to delete this environment variable <span
+                    class="font-bold text-warning">({{ $env->key }})</span>?</p>
+        </x-slot:modalBody>
+    </x-modal>
+    <form wire:submit.prevent='submit' class="flex flex-col items-center gap-2 xl:flex-row">
+        <x-forms.input id="env.key" />
+        <x-forms.input type="password" id="env.value" />
+        @if (data_get($parameters, 'application_uuid'))
+            <x-forms.checkbox disabled id="env.is_build_time" label="Build Variable?" />
+        @endif
+        <div class="flex gap-2">
+            <x-forms.button type="submit">
+                Update
+            </x-forms.button>
+            <x-forms.button isError isModal modalId="{{ $modalId }}">
+                Delete
+            </x-forms.button>
+        </div>
+    </form>
+</div>