@extends('layouts.vpm-dashboard', ['active' => 'wallets', 'area' => 'admin'])

@section('title', 'Add payment method')
@section('page_title', 'Add method')
@section('page_subtitle', 'Configure a deposit wallet')
@section('parent_title', 'Wallets')
@section('parent_url', route('admin.wallets'))

@section('content')
<div class="vpm-action-page">
    <p class="vpm-action-back">
        <a href="{{ route('admin.wallets') }}">&larr; Back to payment methods</a>
    </p>

    <x-vpm.action-hero
        title="Add payment method"
        text="This wallet address will appear during the user deposit flow."
    />

    <section class="vpm-panel vpm-action-panel">
        <div class="vpm-panel__body">
            <form method="POST" action="{{ route('admin.payment-methods.store') }}" class="vpm-wallet-form">
                @csrf
                <div class="vpm-wallet-form__grid">
                    <label class="vpm-field">
                        <span class="vpm-field__label">Display name</span>
                        <input type="text" name="name" class="vpm-input" value="{{ old('name') }}" placeholder="USDT (TRC20)" required maxlength="80">
                    </label>
                    <label class="vpm-field">
                        <span class="vpm-field__label">Asset</span>
                        <input type="text" name="asset" class="vpm-input" value="{{ old('asset', 'USDT') }}" placeholder="USDT" required maxlength="20">
                    </label>
                    <label class="vpm-field">
                        <span class="vpm-field__label">Network</span>
                        <input type="text" name="network" class="vpm-input" value="{{ old('network', 'TRC20') }}" placeholder="TRC20" required maxlength="40">
                    </label>
                    <label class="vpm-field vpm-wallet-form__full">
                        <span class="vpm-field__label">Wallet address</span>
                        <input type="text" name="address" class="vpm-input" value="{{ old('address') }}" placeholder="TXyz…" required maxlength="255">
                    </label>
                    <label class="vpm-field vpm-wallet-form__full">
                        <span class="vpm-field__label">Instructions (optional)</span>
                        <textarea name="instructions" class="vpm-input" rows="2" maxlength="1000" placeholder="Send only USDT on TRC20 network…">{{ old('instructions') }}</textarea>
                    </label>
                    <label class="vpm-field">
                        <span class="vpm-field__label">Sort order</span>
                        <input type="number" name="sort_order" class="vpm-input" value="{{ old('sort_order', 0) }}" min="0" max="999">
                    </label>
                </div>
                <x-vpm.button type="submit" variant="primary" class="vpm-btn--sm vpm-mt-2">Add method</x-vpm.button>
            </form>
        </div>
    </section>
</div>
@endsection