added bulk gmail generator
This commit is contained in:
67
resources/views/livewire/dashboard/bulk-gmail.blade.php
Normal file
67
resources/views/livewire/dashboard/bulk-gmail.blade.php
Normal file
@@ -0,0 +1,67 @@
|
||||
<span>
|
||||
<div class="flex-1 overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700 dark:bg-white/[0.03] sm:px-8 sm:py-8 lg:p-12 p-2">
|
||||
<div class="text-center">
|
||||
<h2 class="text-lg font-medium text-gray-900 dark:text-gray-400 py-2">Bulk Gmail Generator</h2>
|
||||
<!-- Upper Part: Input + Button -->
|
||||
<div class="w-full max-w-xl mx-auto mb-2">
|
||||
<div class="flex rounded-lg overflow-hidden border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-zinc-800">
|
||||
<input
|
||||
type="email"
|
||||
max="500"
|
||||
wire:model="email"
|
||||
class="w-full px-4 py-2 bg-white dark:bg-zinc-800 text-zinc-900 dark:text-zinc-100 placeholder-zinc-500 focus:outline-none"
|
||||
placeholder="Enter your real gmail address"
|
||||
/>
|
||||
<button
|
||||
wire:click="generateBulk"
|
||||
class="cursor-pointer px-5 py-2 bg-[#4361EE] text-white transition-colors dark:bg-[#4361EE] "
|
||||
>
|
||||
Generate
|
||||
</button>
|
||||
@if (!empty($bulkEmails))
|
||||
<button
|
||||
type="button"
|
||||
wire:click="downloadBulk"
|
||||
class="cursor-pointer px-5 py-2 bg-[#00AB55] text-white transition-colors dark:bg-[#00AB55] "
|
||||
>
|
||||
<flux:icon.download />
|
||||
</button>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div x-data="{ quantity: @entangle('quantity') }" class="my-2 flex flex-col sm:flex-row sm:items-center justify-between mt-3 space-y-1 sm:space-y-0">
|
||||
<label class="text-sm text-gray-700 dark:text-gray-300">Quantity: <span x-text="quantity"></span></label>
|
||||
<input
|
||||
type="range"
|
||||
min="10"
|
||||
max="500"
|
||||
step="1"
|
||||
x-model="quantity"
|
||||
wire:model.debounce.150ms="quantity"
|
||||
class="w-full sm:w-2/3"
|
||||
/>
|
||||
</div>
|
||||
@error('quantity')
|
||||
<span class="text-sm text-red-600 dark:text-red-400">{{ $message }}</span>
|
||||
@enderror
|
||||
@error('email')
|
||||
<span class="text-sm text-red-600 dark:text-red-400">{{ $message }}</span>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
|
||||
@if(count($bulkEmails) > 0)
|
||||
<div class="w-full flex justify-center my-3 mt-12">
|
||||
<span class="text-shadow-yellow-200">UNIQUE GMAIL GENERATED</span> : {{ count($bulkEmails)}}
|
||||
</div>
|
||||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
|
||||
@foreach($bulkEmails as $email)
|
||||
<div class="truncate px-4 py-2 bg-white dark:bg-zinc-800 rounded shadow text-zinc-900 dark:text-zinc-100">
|
||||
{{ $email }}
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
Reference in New Issue
Block a user