@props(['method'])

@php
    $dialogId = 'update-payment-method-dialog-'.$method->id;
    $isEditing = (string) old('_payment_method') === (string) $method->id;
@endphp

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

        <button type="button" class="vpm-dialog__close vpm-dialog__close--corner" data-vpm-dialog-close aria-label="Close">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
                <path d="M18 6 6 18"/><path d="m6 6 12 12"/>
            </svg>
        </button>

        <div class="vpm-dialog__scroll">
            <div class="vpm-dialog__content">
                <header class="vpm-dialog__header vpm-dialog__header--form">
                    <h2 id="{{ $dialogId }}-title" class="vpm-dialog__title">Update payment method</h2>
                </header>

                <div class="vpm-dialog__fields">
                    <x-vpm.auth-field
                        name="name"
                        label="Name"
                        :value="$isEditing ? old('name', $method->name) : $method->name"
                        required
                        maxlength="80"
                    />
                    <x-vpm.auth-field
                        name="asset"
                        label="Symbol"
                        :value="$isEditing ? old('asset', $method->asset) : $method->asset"
                        required
                        maxlength="20"
                    />
                    <x-vpm.auth-field
                        name="network"
                        label="Network"
                        :value="$isEditing ? old('network', $method->network) : $method->network"
                        required
                        maxlength="40"
                    />
                    <x-vpm.auth-field
                        name="address"
                        label="Address"
                        :value="$isEditing ? old('address', $method->address) : $method->address"
                        required
                        maxlength="255"
                    />
                    <label class="vpm-field">
                        <span class="vpm-field__label">Instructions (optional)</span>
                        <textarea name="instructions" class="vpm-input" rows="2" maxlength="1000">{{ $isEditing ? old('instructions', $method->instructions) : $method->instructions }}</textarea>
                    </label>
                    <x-vpm.auth-field
                        name="sort_order"
                        label="Sort order"
                        type="number"
                        :value="$isEditing ? old('sort_order', $method->sort_order) : $method->sort_order"
                        min="0"
                        max="999"
                    />
                    <label class="vpm-field vpm-field--checkbox">
                        <input
                            type="checkbox"
                            name="is_active"
                            value="1"
                            {{ ($isEditing ? old('is_active', $method->is_active) : $method->is_active) ? 'checked' : '' }}
                        >
                        <span>Active for user deposits</span>
                    </label>
                </div>
            </div>
        </div>

        <footer class="vpm-dialog__footer vpm-dialog__footer--form">
            <x-vpm.button type="button" variant="secondary" data-vpm-dialog-close>Cancel</x-vpm.button>
            <x-vpm.button type="submit" variant="primary">Update payment method</x-vpm.button>
        </footer>
    </form>
</dialog>