mailwolt/resources/views/livewire/ui/mail/modal/alias-delete-modal.blade.php

46 lines
1.8 KiB
PHP

<div class="mw-modal-frame">
<div class="mw-modal-head">
<div class="mw-modal-title-wrap">
<h2 class="mw-modal-title">Alias löschen</h2>
<span class="mw-modal-sub">{{ $aliasEmail }}</span>
</div>
<button wire:click="$dispatch('closeModal')" class="mw-modal-close">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</button>
</div>
<div class="mw-modal-body">
<div class="mw-modal-danger">Diese Aktion kann nicht rückgängig gemacht werden.</div>
<div style="font-size:13px;color:var(--mw-t2);line-height:1.5;">
Du bist im Begriff, den Alias <b style="color:var(--mw-t1);">{{ $aliasEmail }}</b> zu löschen.
</div>
<div style="display:flex;gap:6px;flex-wrap:wrap;">
<span class="mw-modal-tag">Typ: {{ $isSingle ? 'Einzel' : 'Gruppe' }}</span>
<span class="mw-modal-tag">Ziel: {{ $targetLabel }}</span>
@if($extraRecipients > 0)
<span class="mw-modal-tag">+{{ $extraRecipients }} weitere</span>
@endif
</div>
<div class="mw-modal-row">
<label class="mw-modal-label">Zur Bestätigung Alias-Adresse eingeben:</label>
<input type="text" wire:model.live="confirm" placeholder="{{ $aliasEmail }}" class="mw-modal-input">
@error('confirm')<div class="mw-modal-error">{{ $message }}</div>@enderror
</div>
</div>
<div x-data="{ valid: @entangle('confirmMatches') }" class="mw-modal-foot">
<button type="button" wire:click="$dispatch('closeModal')" class="mw-btn-cancel">Abbrechen</button>
<button type="button" wire:click="$dispatch('alias:delete')"
:disabled="!valid" class="mw-btn-del">
Endgültig löschen
</button>
</div>
</div>