You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

54 lines
3.5 KiB

2 months ago
<div class="max-w-lg mx-auto p-6 bg-white rounded-lg shadow-lg">
@if (session()->has('message'))
<div class="mb-4 p-4 bg-green-100 text-green-700 rounded-lg">
{{ session('message') }}
</div>
@endif
<form wire:submit.prevent="submit" class="space-y-4">
<div class="form-group">
<label for="name" class="block text-gray-700 font-semibold">Name</label>
<input type="text" id="name" wire:model="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
@error('name') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
</div>
<div class="form-group">
<label for="url" class="block text-gray-700 font-semibold">URL</label>
<input type="text" id="url" wire:model="url" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
@error('url') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
</div>
<div class="form-group">
<label for="username" class="block text-gray-700 font-semibold">Username</label>
<input type="text" id="username" wire:model="username" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
@error('username') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
</div>
<div class="form-group">
<label for="password" class="block text-gray-700 font-semibold">Password</label>
<input type="password" id="password" wire:model="password" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
@error('password') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
</div>
<div class="form-group">
<label for="api_token" class="block text-gray-700 font-semibold">API Token</label>
<input type="text" id="api_token" wire:model="api_token" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
@error('api_token') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
</div>
<div class="form-group">
<label for="port" class="block text-gray-700 font-semibold">Port</label>
<input type="text" id="port" wire:model="port" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
@error('port') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
</div>
<div class="form-group">
<label for="version" class="block text-gray-700 font-semibold">Version</label>
<input type="text" id="version" wire:model="version" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
@error('version') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
</div>
<button type="submit" class="w-full bg-blue-500 text-white font-semibold py-2 px-4 rounded-lg hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50">Save</button>
</form>
</div>