From dd2fe5a3ac8036740cd58ef2dcaec498cda50e52 Mon Sep 17 00:00:00 2001
From: TheGenio <s202164170@kfupm.edu.sa>
Date: Tue, 10 Feb 2026 00:06:22 +0300
Subject: [PATCH] feat: enhance custom container name handling with validation
 and UI updates

---
 app/Livewire/Project/Application/Advanced.php | 35 ++++++++++++++++++-
 .../project/application/advanced.blade.php    | 17 +++++----
 2 files changed, 44 insertions(+), 8 deletions(-)

diff --git a/app/Livewire/Project/Application/Advanced.php b/app/Livewire/Project/Application/Advanced.php
index 75fe6fcfc..bb1e58067 100644
--- a/app/Livewire/Project/Application/Advanced.php
+++ b/app/Livewire/Project/Application/Advanced.php
@@ -236,12 +236,19 @@ class Advanced extends Component
 
                 return;
             }
+
+            $this->customContainerNamePrefix = null;
             $customInternalName = $this->customInternalName;
             $server = $this->application->destination->server;
             $allApplications = $server->applications();
 
             $foundSameInternalName = $allApplications->filter(function ($application) {
-                return $application->id !== $this->application->id && $application->settings->custom_internal_name === $this->customInternalName;
+                if ($application->id === $this->application->id) {
+                    return false;
+                }
+
+                return $application->settings->custom_internal_name === $this->customInternalName
+                    || $application->settings->custom_container_name_prefix === $this->customInternalName;
             });
             if ($foundSameInternalName->isNotEmpty()) {
                 $this->dispatch('error', 'This custom container name is already in use by another application on this server.');
@@ -268,6 +275,32 @@ class Advanced extends Component
                 $this->customContainerNamePrefix = null;
             }
 
+            if (is_null($this->customContainerNamePrefix)) {
+                $this->syncData(true);
+                $this->dispatch('success', 'Custom container name prefix saved.');
+
+                return;
+            }
+
+            $this->customInternalName = null;
+            $server = $this->application->destination->server;
+            $allApplications = $server->applications();
+
+            $foundDuplicate = $allApplications->filter(function ($application) {
+                if ($application->id === $this->application->id) {
+                    return false;
+                }
+
+                return $application->settings->custom_container_name_prefix === $this->customContainerNamePrefix
+                    || $application->settings->custom_internal_name === $this->customContainerNamePrefix;
+            });
+
+            if ($foundDuplicate->isNotEmpty()) {
+                $this->dispatch('error', 'This custom container name prefix is already in use by another application on this server.');
+
+                return;
+            }
+
             $this->syncData(true);
             $this->dispatch('success', 'Custom container name prefix saved.');
         } catch (\Throwable $e) {
diff --git a/resources/views/livewire/project/application/advanced.blade.php b/resources/views/livewire/project/application/advanced.blade.php
index 63656c34f..2c7e4d743 100644
--- a/resources/views/livewire/project/application/advanced.blade.php
+++ b/resources/views/livewire/project/application/advanced.blade.php
@@ -63,17 +63,20 @@
             @if ($isConsistentContainerNameEnabled === false)
                 <form class="flex items-end gap-2 " wire:submit.prevent='saveCustomName'>
                     <x-forms.input
-                        helper="You can add a custom name for your container.<br><br>The name will be converted to slug format when you save it. <span class='font-bold dark:text-warning'>You will lose the rolling update feature!</span>"
-                        instantSave id="customInternalName" label="Custom Container Name" canGate="update"
-                        :canResource="$application" />
-                    <x-forms.button canGate="update" :canResource="$application" type="submit">Save</x-forms.button>
+                        helper="You can add a custom name for your container.<br><br>The name will be converted to slug format when you save it. <span class='font-bold dark:text-warning'>You will lose the rolling update feature!</span><br><br><span class='dark:text-red-500 text-red-600'>Cannot be used together with Custom Container Name Prefix.</span>"
+                        id="customInternalName" label="Custom Container Name" canGate="update"
+                        :canResource="$application" :disabled="!empty($customContainerNamePrefix)" />
+                    <x-forms.button canGate="update" :canResource="$application" type="submit"
+                        :disabled="!empty($customContainerNamePrefix)">Save</x-forms.button>
                 </form>
                 <form class="flex items-end gap-2 " wire:submit.prevent='saveCustomNamePrefix'>
                     <x-forms.input
-                        helper="Set a custom prefix for your container name. The final name will be: <span class='font-bold'>your-prefix-randomGibberish</span>.<br><br>The name will be converted to slug format when you save it.<br><br>This option <span class='font-bold dark:text-success'>keeps rolling updates working!</span>"
+                        helper="Set a custom prefix for your container name. The final name will be: <span class='font-bold'>your-prefix-timestamp</span>.<br><br>The name will be converted to slug format when you save it.<br><br>This option <span class='font-bold dark:text-success'>keeps rolling updates working!</span><br><br><span class='dark:text-red-500 text-red-600'>Cannot be used together with Custom Container Name.</span>"
                         id="customContainerNamePrefix" label="Custom Container Name Prefix" canGate="update"
-                        :canResource="$application" placeholder="e.g. my-nextjs-app" />
-                    <x-forms.button canGate="update" :canResource="$application" type="submit">Save</x-forms.button>
+                        :canResource="$application" placeholder="e.g. my-nextjs-app"
+                        :disabled="!empty($customInternalName)" />
+                    <x-forms.button canGate="update" :canResource="$application" type="submit"
+                        :disabled="!empty($customInternalName)">Save</x-forms.button>
                 </form>
             @endif
             @if ($application->build_pack === 'dockercompose')