Added Create Custom, Random, Gmail Generation

resources/views/livewire/frontend/action.blade.php

@@ -0,0 +1,42 @@
+<span>
+@if($action == "random")
+    <flux:button wire:click="random()" class="cursor-pointer w-full btn-primary" type="submit" variant="filled">Random Email</flux:button>
+@elseif($action == "gmail")
+    <flux:button wire:click="gmail()" class="cursor-pointer w-full ml-2 btn-warning" type="submit" variant="filled">Disposable Gmail</flux:button>
+@elseif($action == "delete")
+    <flux:button wire:click="deleteEmail()" class="cursor-pointer" type="submit" variant="danger">Delete account</flux:button>
+@elseif($action == "customEmail")
+    <div>
+        <form wire:submit.prevent="create" method="post">
+        <div>
+            <div class="mt-2">
+                <div class="flex items-center rounded-md dark:bg-zinc-700 pl-3 outline-1 -outline-offset-1 outline-zinc-200 has-[input:focus-within]:outline-2 has-[input:focus-within]:-outline-offset-2 dark:has-[input:focus-within]:outline-white has-[input:focus-within]:outline-zinc-900">
+                    <div class="shrink-0 text-base text-gray-500 select-none sm:text-sm/6 mr-1.5">
+                        <flux:icon.mail variant="mini"/>
+                    </div>
+                    <input type="text" name="username" id="username" wire:model.defer="username" class="block min-w-0 grow py-2 pr-3 pl-1 text-base dark:text-white text-gray-900 placeholder:text-gray-400 focus:outline-none sm:text-sm/6" placeholder="Enter Username">
+                    <div class="grid shrink-0 grid-cols-1 focus-within:relative">
+                        <select id="domain" name="domain" aria-label="Domain" wire:model="domain" class="col-start-1 row-start-1 w-full appearance-none rounded-md py-1.5 pr-7 pl-3 text-base text-gray-500 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 dark:focus:outline-white focus:outline-zinc-900 sm:text-sm/6">
+                            <option class="dark:bg-zinc-700 dark:text-white bg-zinc-100 accent-gray-700" selected>Choose a domain</option>
+                            @foreach(array_reverse($domains) as $domain)
+                                <option x-on:click="$refs.domain.value = '{{ $domain }}'; $wire.setDomain('{{ $domain }}')" class="dark:bg-zinc-700 dark:text-white bg-zinc-100 accent-gray-700">{{ $domain }}</option>
+                            @endforeach
+                        </select>
+                        <svg class="pointer-events-none col-start-1 row-start-1 mr-2 size-5 self-center justify-self-end text-gray-500 sm:size-4" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
+                            <path fill-rule="evenodd" d="M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
+                        </svg>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="flex mt-6">
+            <div class="flex w-full">
+                <flux:button x-on:click="$dispatch('closeModal')" class="w-1/2" type="submit" variant="outline">Cancel</flux:button>
+                <flux:button class="ml-2 w-1/2 btn-success" type="submit" variant="primary">Create Account</flux:button>
+            </div>
+        </div>
+        </form>
+    </div>
+@endif
+</span>

resources/views/livewire/frontend/app.blade.php

@@ -0,0 +1,3 @@
+<div>
+    {{-- Success is as dangerous as failure. --}}
+</div>

resources/views/livewire/frontend/email.blade.php

@@ -0,0 +1,13 @@
+<span>
+@if($type === "header")<p class="px-2 text-sm cursor-pointer truncate">{{ $email ?? __('...') }}</p>
+    @else<flux:text class="p-1" variant="subtle">{{ $email ?? __('...') }}</flux:text>
+    @if($list)
+        @foreach(array_reverse($emails) as $email_list_item)
+            <span>
+                <flux:menu.separator />
+                <span wire:click="switchEmail('{{$email_list_item}}')" role="menuitem" class="cursor-pointer group dark:hover:bg-zinc-600/75 dark:hover:text-gray-300 dark:focus:bg-zinc-600/75 dark:focus:text-gray-300 flex items-center px-4 py-2 dark:text-gray-400 text-gray-700 hover:text-gray-900 focus:text-gray-900 text-sm leading-5 hover:bg-gray-100 focus:bg-gray-100 focus:outline-none truncate">{{ $email_list_item }}</span>
+            </span>
+        @endforeach
+    @endif
+    @endif
+</span>