@extends('layouts.app')

@section('title', 'Deposit')

@section('content')
<div class="page-shell page-shell--form">
    <div class="section-heading">
        <div>
            <p class="eyebrow">Top up</p>
            <h1>Pay with Cowpay</h1>
        </div>
        <a href="{{ route('user.dashboard') }}" class="btn-link">Back</a>
    </div>

    <form method="POST" action="{{ route('user.deposit.pay') }}" id="depositForm" class="form-card">
        @csrf
        <label>Amount (BDT)</label>
        <input type="number" name="order_amount" min="10" required>

        <label>Payment method</label>
        <select name="pay_type" required>
            <option value="bkash">bKash</option>
            <option value="nagad">Nagod</option>
            <option value="bkash-native">bKash Native</option>
        </select>

        <button type="submit" class="btn-primary">Create payment</button>
    </form>
</div>
@endsection