@extends('layouts.admin', ['heading' => 'Payout', 'subheading' => 'Send money using Razorpay'])

@section('content')
    <div class="admin-card p-5">
        <form action="{{ route('admin.razorpay.payout') }}" method="POST">
            @csrf
            <div class="space-y-4">
                <div class="space-y-1">
                    <label for="amount">Amount (in paise)</label>
                    <input type="text" name="amount" id="amount" class="w-full rounded border p-2 text-sm" placeholder="1000">
                </div>
                <div class="space-y-1">
                    <label for="account_number">Account Number</label>
                    <input type="text" name="account_number" id="account_number" class="w-full rounded border p-2 text-sm" placeholder="1234567890">
                </div>
                <div class="space-y-1">
                    <label for="ifsc_code">IFSC Code</label>
                    <input type="text" name="ifsc_code" id="ifsc_code" class="w-full rounded border p-2 text-sm" placeholder="IFSC0000001">
                </div>
                <div class="space-y-1">
                    <label for="name">Beneficiary Name</label>
                    <input type="text" name="name" id="name" class="w-full rounded border p-2 text-sm" placeholder="John Doe">
                </div>
                <div class="space-y-1">
                    <label for="email">Beneficiary Email</label>
                    <input type="text" name="email" id="email" class="w-full rounded border p-2 text-sm" placeholder="john.doe@example.com">
                </div>
                <button class="rounded bg-slate-900 px-4 py-2 text-sm text-white">Send Payout</button>
            </div>
        </form>
    </div>
@endsection