@extends('layouts.admin')
@section('title', 'Add Payment Method')
@section('page-title', 'Add Payment Method')
@section('content')
<div class="max-w-xl">
    <a href="{{ route('admin.payment-methods.index') }}" class="text-indigo-600 hover:underline text-sm mb-5 inline-block"><i class="fas fa-arrow-left mr-1"></i>Back</a>
    <div class="bg-white rounded-xl shadow p-6">
        <form action="{{ route('admin.payment-methods.store') }}" method="POST" class="space-y-4">
            @csrf
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Method Name *</label>
                <input type="text" name="name" value="{{ old('name') }}" required placeholder="e.g. PayPal, Bank Transfer" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-indigo-400">
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Payment Instructions *</label>
                <textarea name="instructions" rows="4" required placeholder="Instructions shown to users when depositing..." class="w-full border border-gray-300 rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-indigo-400">{{ old('instructions') }}</textarea>
            </div>
            <div class="grid grid-cols-2 gap-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Min Deposit ($) *</label>
                    <input type="number" name="min_deposit" step="0.01" min="0" value="{{ old('min_deposit', 5) }}" required class="w-full border border-gray-300 rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-indigo-400">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Min Withdrawal ($) *</label>
                    <input type="number" name="min_withdrawal" step="0.01" min="0" value="{{ old('min_withdrawal', 10) }}" required class="w-full border border-gray-300 rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-indigo-400">
                </div>
            </div>
            <div class="flex items-center gap-6">
                <label class="flex items-center gap-2 cursor-pointer">
                    <input type="checkbox" name="supports_withdrawal" value="1" checked class="w-4 h-4 text-indigo-600">
                    <span class="text-sm text-gray-700">Supports Withdrawals</span>
                </label>
                <label class="flex items-center gap-2 cursor-pointer">
                    <input type="checkbox" name="is_active" value="1" checked class="w-4 h-4 text-indigo-600">
                    <span class="text-sm text-gray-700">Active</span>
                </label>
            </div>
            <button type="submit" class="bg-indigo-600 text-white px-6 py-2.5 rounded-lg font-semibold hover:bg-indigo-700 transition">Add Payment Method</button>
        </form>
    </div>
</div>
@endsection