@props(['method'])

@php
    $dialogId = 'delete-payment-method-dialog-'.$method->id;
    $hasDeposits = $method->deposits_count > 0;
@endphp

<dialog id="{{ $dialogId }}" class="vpm-dialog" aria-labelledby="{{ $dialogId }}-title">
    <form method="POST" action="{{ route('admin.payment-methods.destroy', $method) }}" class="vpm-dialog__panel">
        @csrf
        @method('DELETE')
        <input type="hidden" name="_payment_method" value="{{ $method->id }}">

        <header class="vpm-dialog__header">
            <h2 id="{{ $dialogId }}-title" class="vpm-dialog__title">Delete payment method</h2>
            <button type="button" class="vpm-dialog__close" data-vpm-dialog-close aria-label="Close">×</button>
        </header>

        <div class="vpm-dialog__body">
            @if ($hasDeposits)
                <p>Cannot delete {{ $method->name }} because it has deposit records. Deactivate it from the update dialog instead.</p>
            @else
                <p>Delete {{ $method->name }}? Users will no longer see this payment method when depositing.</p>
            @endif
        </div>

        <footer class="vpm-dialog__footer">
            <x-vpm.button type="button" variant="ghost" data-vpm-dialog-close>Cancel</x-vpm.button>
            @unless ($hasDeposits)
                <x-vpm.button type="submit" variant="primary">Delete payment method</x-vpm.button>
            @endunless
        </footer>
    </form>
</dialog>