40 lines
2.7 KiB
PHP
40 lines
2.7 KiB
PHP
<form wire:submit="save">
|
|
<x-modal :title="__('addons.ring.connect_title')" icon="doorbell">
|
|
<div class="p-5 flex flex-col gap-4">
|
|
<p class="text-[12px] text-ink-3 leading-relaxed flex items-start gap-2">
|
|
<x-icon name="cloud" :size="15" class="mt-0.5 shrink-0" />
|
|
<span>{{ __('addons.ring.backend_note') }}</span>
|
|
</p>
|
|
|
|
<div class="flex flex-col gap-1.5">
|
|
<label for="ring-email" class="text-[12px] font-semibold text-ink-2">{{ __('addons.ring.email') }}</label>
|
|
<input wire:model="email" id="ring-email" type="email" autocomplete="off" autofocus
|
|
class="w-full rounded-lg bg-raised border border-line px-3 py-2.5 text-sm text-ink outline-none focus:border-accent focus:ring-1 focus:ring-accent">
|
|
@error('email') <p class="text-[12px] text-offline">{{ $message }}</p> @enderror
|
|
</div>
|
|
|
|
<div class="flex flex-col gap-1.5">
|
|
<label for="ring-password" class="text-[12px] font-semibold text-ink-2">{{ __('addons.ring.password') }}</label>
|
|
<input wire:model="password" id="ring-password" type="password" autocomplete="new-password"
|
|
class="w-full rounded-lg bg-raised border border-line px-3 py-2.5 text-sm text-ink outline-none focus:border-accent focus:ring-1 focus:ring-accent">
|
|
@if ($hasStoredPassword)
|
|
<p class="text-[11.5px] text-ink-3">{{ __('addons.ring.password_stored') }}</p>
|
|
@endif
|
|
@error('password') <p class="text-[12px] text-offline">{{ $message }}</p> @enderror
|
|
</div>
|
|
|
|
<div class="flex flex-col gap-1.5">
|
|
<label for="ring-code" class="text-[12px] font-semibold text-ink-2">{{ __('addons.ring.code') }}</label>
|
|
<input wire:model="code" id="ring-code" type="text" inputmode="numeric" autocomplete="one-time-code"
|
|
class="w-full rounded-lg bg-raised border border-line px-3 py-2.5 text-sm font-mono text-ink outline-none focus:border-accent focus:ring-1 focus:ring-accent">
|
|
@error('code') <p class="text-[12px] text-offline">{{ $message }}</p> @enderror
|
|
</div>
|
|
</div>
|
|
|
|
<x-slot:footer>
|
|
<button type="button" wire:click="closeModal" class="rounded-lg border border-line px-3.5 py-2 text-[13px] font-semibold text-ink-2 hover:text-ink hover:bg-raised transition-colors">{{ __('common.cancel') }}</button>
|
|
<button type="submit" class="rounded-lg bg-accent px-3.5 py-2 text-[13px] font-bold text-base hover:brightness-110 transition-[filter]">{{ __('addons.ring.save') }}</button>
|
|
</x-slot:footer>
|
|
</x-modal>
|
|
</form>
|