<x-modal> <x-slot name="title"> <h3 class="text-lg font-medium text-gray-900">{{ __('Edit Content') }}</h3> </x-slot> <x-slot name="content"> <div class="px-4 py-5 bg-white sm:p-6"> <div class="w-full"> <label for="name" class="block text-sm font-medium leading-5 text-gray-700">{{ __('Name') }}</label> <div class="mt-1 relative rounded-md shadow-sm"> <input id="name" wire:model="name" type="text" placeholder="{{ __('Name') }}" class="rounded-md shadow-sm border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 w-full"> </div> @error('name') <p class="text-sm mt-2 text-red-500"> {{ $message }} </p> @enderror </div> <div class="w-full mt-4"> <label for="description" class="block text-sm font-medium leading-5 text-gray-700">{{ __('Description') }}</label> <div class="mt-1 relative rounded-md"> <textarea id="description" wire:model="description" rows="8" class="rounded-md shadow-sm border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 w-full" ></textarea> </div> @error('description') <p class="text-sm mt-2 text-red-500"> {{ $message }} </p> @enderror </div> @if($success) <p class="text-sm mt-4 text-green-500"> {{ $success }} </p> @endif </div> </x-slot> <x-slot name="footer"> <div> <div wire:loading wire:target="submit" class="px-4 py-2" > <i class="fas fa-spinner fa-spin"></i> </div> <button wire:loading.attr="disabled" wire:click="submit" class="px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-500 focus:bg-indigo-500 active:bg-indigo-600 shadow-sm focus:outline-none focus:shadow-outline-blue transition duration-150 ease-in-out" > {{ __('Submit') }} </button> </div> </x-slot> </x-modal>
info at phpclasses dot org