From 11a811c9db9a588ae11acee88ef52ff907f347f3 Mon Sep 17 00:00:00 2001
From: Pinga <121483313+getpinga@users.noreply.github.com>
Date: Tue, 5 Sep 2023 12:03:53 +0300
Subject: [PATCH] Improved domain check interface

---
 cp/resources/views/admin/domains/check.twig | 38 +++++++++++++++------
 1 file changed, 27 insertions(+), 11 deletions(-)

diff --git a/cp/resources/views/admin/domains/check.twig b/cp/resources/views/admin/domains/check.twig
index d6e9268..332c4b6 100644
--- a/cp/resources/views/admin/domains/check.twig
+++ b/cp/resources/views/admin/domains/check.twig
@@ -24,6 +24,33 @@
         <div class="page-body">
           <div class="container-xl">
             <div class="col-12">
+              {% if isAvailable is defined and domainName is defined %}
+                {% if isAvailable %}
+                  <div class="alert alert-important alert-success alert-dismissible" role="alert">
+                    <div class="d-flex">
+                      <div>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
+                      </div>
+                      <div>
+                        &nbsp;<strong>{{ domainName }}</strong> {{ __('is available') }}!
+                      </div>
+                    </div>
+                    <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
+                  </div>
+                {% else %}
+                  <div class="alert alert-important alert-danger alert-dismissible" role="alert">
+                    <div class="d-flex">
+                      <div>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /><path d="M12 8v4" /><path d="M12 16h.01" /></svg>
+                      </div>
+                      <div>
+                        &nbsp;<strong>{{ domainName }}</strong> {{ __('is not available') }}: <strong>{{ status }}</strong>
+                      </div>
+                    </div>
+                    <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
+                  </div>
+                {% endif %}
+              {% endif %}
               <div class="card">
                 <div class="card-body border-bottom py-3">
                   <p class="mb-4">{{ __('Enter the domain name you want to check:') }}</p>
@@ -34,17 +61,6 @@
                         <button type="submit" class="btn btn-primary">{{ __('Check Availability') }}</button>
                       </div>
                     </form>
-                    {% if isAvailable is defined and domainName is defined %}
-                        {% if isAvailable %}
-                            <div class="alert alert-success" role="alert">
-                                {{ domainName }} {{ __('is available') }}!
-                            </div>
-                        {% else %}
-                            <div class="alert alert-danger" role="alert">
-                                {{ domainName }} {{ __('is not available') }}: {{ status }}
-                            </div>
-                        {% endif %}
-                    {% endif %}
                 </div>
               </div>
             </div>