mirror of
https://github.com/php-flasher/php-flasher.git
synced 2026-03-31 15:07:47 +01:00
Younes ENNAJI
42 lines
2.3 KiB
PHP
42 lines
2.3 KiB
PHP
<form wire:submit="submit" class="space-y-4">
|
|
<div>
|
|
<label for="name" class="block text-sm font-medium text-gray-700 mb-1">Name</label>
|
|
<input type="text" id="name" wire:model="name"
|
|
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 @error('name') border-rose-500 @enderror"
|
|
placeholder="Your name">
|
|
@error('name')
|
|
<p class="mt-1 text-sm text-rose-500">{{ $message }}</p>
|
|
@enderror
|
|
</div>
|
|
|
|
<div>
|
|
<label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email</label>
|
|
<input type="email" id="email" wire:model="email"
|
|
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 @error('email') border-rose-500 @enderror"
|
|
placeholder="your@email.com">
|
|
@error('email')
|
|
<p class="mt-1 text-sm text-rose-500">{{ $message }}</p>
|
|
@enderror
|
|
</div>
|
|
|
|
<div>
|
|
<label for="message" class="block text-sm font-medium text-gray-700 mb-1">Message</label>
|
|
<textarea id="message" wire:model="message" rows="3"
|
|
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 @error('message') border-rose-500 @enderror"
|
|
placeholder="Your message..."></textarea>
|
|
@error('message')
|
|
<p class="mt-1 text-sm text-rose-500">{{ $message }}</p>
|
|
@enderror
|
|
</div>
|
|
|
|
<button type="submit"
|
|
class="w-full px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white font-medium rounded-lg transition-colors flex items-center justify-center space-x-2">
|
|
<svg wire:loading wire:target="submit" class="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
|
|
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
|
|
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
|
|
</svg>
|
|
<span wire:loading.remove wire:target="submit">Send Message</span>
|
|
<span wire:loading wire:target="submit">Sending...</span>
|
|
</button>
|
|
</form>
|