clusev/resources/views/livewire/modals/fail2ban-ban.blade.php

52 lines
2.5 KiB
PHP

@php
$label = 'mb-1 block font-mono text-[11px] uppercase tracking-wider text-ink-3';
$field = 'h-9 w-full rounded-md border border-line bg-inset px-3 font-mono text-sm text-ink placeholder:text-ink-4 focus:border-accent/40 focus:outline-none';
$select = 'h-9 w-full rounded-md border border-line bg-inset px-3 text-sm text-ink focus:border-accent/40 focus:outline-none';
@endphp
<div class="p-5 sm:p-6">
<div class="flex items-start gap-3.5">
<span class="grid h-10 w-10 shrink-0 place-items-center rounded-md border border-offline/30 bg-offline/10 text-offline">
<x-icon name="shield" class="h-5 w-5" />
</span>
<div class="min-w-0 flex-1">
<h2 class="font-display text-base font-semibold text-ink">IP manuell sperren</h2>
<p class="mt-1 text-sm leading-relaxed text-ink-2">
Sperrt eine IP-Adresse sofort im gewählten Jail. Loopback und der Clusev-Zugang
können nicht gesperrt werden.
</p>
</div>
</div>
@if ($error)
<div class="mt-4 flex items-center gap-2.5 rounded-md border border-offline/25 bg-offline/10 px-3.5 py-3">
<x-icon name="alert" class="h-4 w-4 shrink-0 text-offline" />
<p class="text-sm text-ink-2">{{ $error }}</p>
</div>
@endif
<div class="mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2">
<div>
<label class="{{ $label }}">Jail</label>
<select wire:model="jail" class="{{ $select }}">
@forelse ($jails as $j)
<option value="{{ $j }}">{{ $j }}</option>
@empty
<option value="sshd">sshd</option>
@endforelse
</select>
</div>
<div>
<label class="{{ $label }}">IP-Adresse</label>
<input wire:model="ip" type="text" placeholder="z. B. 203.0.113.10" class="{{ $field }}" />
</div>
</div>
<div class="mt-6 flex items-center justify-end gap-2">
<x-btn variant="secondary" wire:click="$dispatch('closeModal')">Abbrechen</x-btn>
<x-btn variant="primary" wire:click="save" wire:target="save" wire:loading.attr="disabled">
<svg wire:loading wire:target="save" class="h-3.5 w-3.5 animate-spin" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><path d="M21 12a9 9 0 1 1-6.219-8.56" stroke-linecap="round" /></svg>
IP sperren
</x-btn>
</div>
</div>